A Style Test
Hoping I could get this done before pushing this to the main site
Written by Nat
#styling
#test
#blog
Lyrics is based from Vines by TRAILS AND WAYS, their album Pathology is really underrated! Here's the YouTube playlist for it. or for the song it's on YouTube
Blog page version 2 but I'm using 11ty for this instead of the old method of writing in HTML manually.
All I've ever carried is commodities
Demo of markdown elements I styled in CSS
A Level 3 Heading
A paragraph with some bold text, italic text, and even strikethrough text. I can put links like this to see how they're styled.
Lists and Items
Unordered list:
- My parents' silverware
- Thom's plastic trees
- Some records of good taste
- Some heavy crude
- Lots of future artifacts
- Some old news
Ordered list:
- First voyage
- Second cargo
- Final destination
Code Examples
Here's some inline code to show the styling.
And here's a code block:
function containerShip() {
const vines = "all up in it";
return `Want you to grow me over and take me down`;
}
Blockquotes
I was taking on water when I saw you first your drawn notes how you raised your hand a lesson in thirst, how you talked me past my limits and left paint on my bed
A contract open-ended and best left unread
Song Lyrics Section
I am a container ship, your vines all up in it
Want you to grow me over and take me and take me down
I am a container ship your vines all up in it
want you to tear me open and take me and take me down
I wanna make a last voyage
Before you let me rest
Since they sent you home to Minas I've had a hollow chest
I wanna smuggle you in my hold
To water without state
Make an island we can live on
And live without freight
Table Example
| Cargo | Weight | Destination |
|---|---|---|
| Silverware | 50kg | Port A |
| Records | 20kg | Port B |
| Heavy Crude | 1000kg | Port C |
Mixed Formatting
I am a container ship
Your vines all up in it
Want you to tear me open
And take me
And take me down
Definition List
Container Ship : A large cargo vessel designed to transport goods across oceans (duh)
Vines : Metaphor for growth and connecting with people
This markdown file demos headings, paragraphs, lists, code blocks, blockquotes, tables, horizontal rules, and various text formatting options from the CSS stylesheet.
We're sailing our asses to the high seas to Floptropica with Nicki Minaj out of gag city.