Skip to content

Instantly share code, notes, and snippets.

View adriculous's full-sized avatar
💕
Stay safe everyone!

Adrianne Padua adriculous

💕
Stay safe everyone!
View GitHub Profile
@adriculous
adriculous / gist:f08ee8d0a82b45fed4d48ff0a5be6016
Last active April 12, 2016 20:53
Markdown for Writers and Hobbyists (Part 1) HTML
<h1>Yo, Yo, YO! Welcome to mah HOOOD~!!</h1>
<h2>(Translation: Welcome to my site~!!)</h2>
<p>What's with all the dashes and the equal signs underneath the top text? Can someone explain to me?
</p>
<p><strong>SOMEONE is very curious now!</strong><br>
<em>Well, not that curious...</em></p>
@adriculous
adriculous / gist:852cd815e77919bdcac93e32654f2a09
Last active July 25, 2019 17:06
Markdown for Writers and Hobbyists (Part 2) - Headers HTML
<!-- HTML Output of the Markdown example above -->
<h1>Here's a little drabble!</h1>
<h2>(What the heck is a drabble?)</h2>
<h3>Can you give me an example of a drabble?</h3>
@adriculous
adriculous / gist:d08478f8dabbd816a96f73b60740987d
Last active July 25, 2019 17:07
Markdown for Writers and Hobbyists (Part 2) - Paragraphs and Line Breaks HTML
<!-- HTML output of the Markdown example above -->
<p>A drabble is a very quick short fiction written in only about 100 words (or less) in length, according to Wikipedia. It's a very short version of a flash fiction, so to speak.</p>
<p>An example of a drabble is what we call 55 Fiction.</p>
<p>The quick brown fox jumps over the lazy dog?<br>
... or is the wolf simply hungry?</p>
@adriculous
adriculous / gist:a3d3749a167339bb182a03160069f0d6
Created April 12, 2016 20:44
Markdown for Writers and Hobbyists (Part 2) - Text Emphasis HTML
<p>A <strong>drabble</strong> is a very quick short fiction written in only about 100 words (or less) in length, according to Wikipedia.
It's a very short version of flash fiction, so to speak.</p>
<p>An example of a drabble is what we call <em>55 Fiction</em>.</p>
@adriculous
adriculous / gist:3b12c99655abea2a302f020d772b7068
Last active April 12, 2016 20:52
Markdown for Writers and Hobbyists (Part 2) - Blockquotes HTML
<blockquote>
<p>The quick brown fox jumps over the lazy dog?<br>
... or is the wolf simply hungry?</p>
</blockquote>
@adriculous
adriculous / gist:7bcc6b2109579b5d47b36ad8ff4b81b5
Created April 12, 2016 20:50
Markdown for Writers and Hobbyists (Part 2) - Nested Blockquotes HTML
<blockquote>
<p>The quick brown fox jumps over the lazy dog?</p>
<blockquote>
<p>... or is the wolf simply hungry?</p>
</blockquote>
</blockquote>
@adriculous
adriculous / gist:11f92b0ed1ba3699f1bf1f531bdacedc
Last active April 13, 2016 04:36
Markdown for Writers and Hobbyists (Part 3) - Headers HTML
# What's a div tag?
A div tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with other attributes, such as CSS styling. You can find more info here at W3Schools and various sources around the internet. Google is everybody’s best friend.
Here’s an example of a div tag code in action:
<div class="container">
<div class="my-message">
<p>This is a sample of a section of a site using this tag. Pretty cool, huh?</p>
</div>
@adriculous
adriculous / gist:e8a0c18a01745d1237b83f03024b8b44
Created April 13, 2016 04:23
Markdown for Writers and Hobbyists (Part 3) - Sample div code (within the sample)
<div class="container">
<div class="my-message">
<p>This is a sample of a section of a site using this tag. Pretty cool, huh?</p>
</div>
</div>
@adriculous
adriculous / gist:4da57440f5074f08d28f6d9c1d1b1baa
Created April 13, 2016 04:31
Markdown for Writers and Hobbyists (Part 3) - Plain Text Sample
What’s a div tag?
A div tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with other attributes, such as CSS styling. You can find more info here at W3Schools and various sources around the internet. Google is everybody’s best friend.
Here’s an example of a div tag code in action:
<div class="container">
<div class="my-message">
<p>This is a sample of a section of a site using this tag. Pretty cool, huh?</p>
</div>
@adriculous
adriculous / gist:421d0bb29ca06446acdebfecc04c8d76
Last active April 13, 2016 04:55
Markdown for Writers and Hobbyists (Part 3) - Inline Code Sample HTML
A <pre>div</pre> tag is an HTML general container tag that doesn't really have any specific functions unless they are being defined
with other attributes, such as CSS styling. You can find more info here at W3Schools and various sources around the internet. Google is
everybody's best friend.
Here's an example of a <pre>div</pre> tag code in action: