The style guide serves to document the design of various elements used on this website.
This is a Header
This is the font, size, color and spacing of regular ol’ paragraph <p> text. Using Markdown makes it dead simple to format text italic, bold or bold and italic.
Regardless of where a link is presented it will always use the same color.
The earth is flat.
- an intense purplish-red color.
- an old type size equal to 5 1/2 points.
- an open source, interpreted, object-oriented programming language.
If a sentence contains reference to a footnote a link appears like this1.
Blockquote with citation:
“My fellow Americans, we are and always will be a nation of immigrants. We were strangers once, too.”
~ Barack Obama
|Column 1||happens to be||left-aligned|
|Column 2||is the one||that’s centered|
|Column 3||is actually||right-aligned|
Subscript: H2O and Superscript: X2
Tim Cook @tim_cook
Marking Steve’s birthday never gets any easier. In these challenging times, I’m remembering his call for us to use our time wisely, to pursue excellence, and to leave the world better than we found it. Today would have been his 67th birthday.
12:08 PM • Feb 24, 2022
Unordered nested list:
- Make coffee
- Update Homebrew
- Update all of your gem dependencies
- Drag your feet on updating gem dependencies
Here are the message boxes with the optional close button enabled:
×Success! This is a sentence inside of a message box.
×Caution! This is a sentence inside of a message box.
×Warning! This is a sentence inside of a message box.
×Danger! This is a sentence inside of a message box.
×Please Note: This is a sentence inside of a message box.
×Information: This is a sentence inside of a message box.
inline code within a sentence does not highlight the syntax.
A code block highlights the syntax and displays the language:
When a footnote is clicked or tapped on it will be highlighted and outlined Wikipedia-style. ⤴