extra tidbits:

css bold

"font-weight: bold;"

user highlight

for site users, this is normally a blue highlight with white text

put "::selection {background: ; color ;}" in the style section alone

only background (highlight) and color (text) can be changed

line height

default is 1.2, but some fonts may be different

to change this use "line-height: 1.2" (or other number)

hover styling

a:hover changes link style when the cursor is over it, but it is not limited to links!

simply replace the "a" with the element desired

to improve:

web workers

could not get this to work (tried counter). copy pasted even, maybe something is wrong with js file? (counter.js)

link

Note

a good chunk of my notes were removed before i published them on neocities, as they featured content that either could not be published on neocities, or would be too inconvient to do so

Videos

youtube videos

a youtube video link can be put in the src attribute of an iframe element

more details

drag and drop

javascript can be used to make elements drag and dropable

note that ids must be defined for all images and boxes

move any of the images between the boxes:

the boxes would all collapse into a small dot without any style width/hight specifications, so i set a minimum height for all four (min-height: ;), and i set a max width of 100% for the top and bottom boxes, and a min-width for the smaller boxes.

the minimumn gives a larger area for the user, but still allows the box to adjust to the size of the image (as long as the image dimensions are not smaller than the min dimensions)

as can be demonstrated, the small boxes will adjust to the entire image size, where as the top and bottom boxes only adjust to height if enough images are placed in it (bc width: 100%), the plus side of these boxes is that more than one image can be shown in them

web storage

.localStorage - stores data as long as the script exists
.sessionStorage - stores data for one session (will be lost when the tab is closed)

local storage:

session storage: