The Rabbittian Library of Code


 * File Wing
 * Colo(u)rs Wing
 * &lt;div Wing
 * Background Hall
 * Text Hall
 * &lt;font Wing
 * If Statements Wing
 * Text Tags Wing
 * Imports Wing

Headings
There are two types of each heading: One with the edit button after it, and one without

Table of contents (TOC)
If a page has at least 4 headings, a table of contents is generated by default, right before the first heading.

If you want it to be otherwise, there are a few ways to do that.

Browser-Specific Code

 * Google Chrone and Safari
 * Mozilla Firefox

These are browser-specific prefixes. If you label an element with one, then that element will only show if you're on that browser. For example: -webkit-linear-gradient -moz-border-radius

noinclude
Any text in the noinclude tags will be applied to the template page, but not to pages the template is used on. Whatever It's particularly useful for categories.

includeonly
Any text in the includeonly tags will be applied to pages the template is used on, but not to the template page. Whatever It's particularly useful for categories.

Units of measurement
https://www.w3schools.com/cssref/css_units.asp

Percentages
Percent means "Percent of the avaliable space."

This is  And this is also For text, percent acutally means "percent in relation to current font size."

font-size: 25% 50%  100%  150%  200%

Pixels
Pixels are pretty straight forward: size by pixel count.

This is

font-size: 10px 20px 30px 40px 50px

Viewport width/height
1vw = 1% of the width of the viewport (aka browser window)

This is font-size: 1vw 2vw 3vw 4vw 5vw

vh is the same but for height.

This is font-size: 1vh 2vh 3vh 4vh 5vh

Shrink your window size now. You'll see this is is the only one of these that responds to that.

Favicons
My favorite favicon maker is favicon.cc. You can unload an image and have it turned into a favicon, like on any other favicon website. But this one allows you to edit to too, before finalizing it.