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:aa98f40f469d2049f7ded4af87d822a1
Created April 13, 2016 05:36
Markdown for Writers and Hobbyists (Part 3) - Let's put it all together!
# 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](http://www.w3schools.com) and various sources around the internet. [Google](http://www.google.com) 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:78e662134dde517beb8ad8c904f4be1e
Created April 13, 2016 05:58
Markdown for Writers and Hobbyists (Part 4) - Images Markdown
/* The code we will be using is this: ![alt text](image URL) */
![Sakura Kinomoto & Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg)
/* Say the title text that we want to put in is "Sakura & Syaoran." This is how we're going to write it with the optional title attribute text in the below syntax. We add it in quotation marks after the URL of the image. This is the code: ![alt text](image URL "title") */
![Sakura Kinomoto & Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg "Sakura & Syaoran")
@adriculous
adriculous / gist:3f2a0efc1c13637c03de6c9556641c1b
Last active April 14, 2016 02:24
Markdown for Writers and Hobbyists (Part 4) - Reference Images Markdown
/* Say we have two images to add in the example instead of just one. We can use anything as our ID to add in our content. Let's pretend there are two images. The code we will be using is this: ![alt text][ID] */
![Sakura Kinomoto & Syaoran Li][S&S]
![Tomoyo Daidouji & Eriol Hiiragizawa][T&E]
[S&S]: http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg
[T&E]: http://example.com/images/tomoyo_eriol.jpg
/* Same thing if we have the optional title attribute text on both those images */
@adriculous
adriculous / gist:3d266829adf5ca7b193a06c4543fee77
Created April 13, 2016 06:07
Markdown for Writers and Hobbyists (Part 4) - Images HTML Output
<img src="http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg" alt="Sakura Kinomoto & Syaoran Li" />
/* and then with the optional title attribute */
<img src="http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg" alt="Sakura Kinomoto & Syaoran Li" title="Sakura & Syaoran" />
@adriculous
adriculous / gist:152f3a0c1e076ac3be5b83b3ce074920
Created April 13, 2016 06:14
Markdown for Writers and Hobbyists (Part 4) - Tables Markdown
| Manga | Anime |
| ------------------------------------------------------- | ------------------------------------------------------------------------ |
| 12 volumes | 72 episodes &amp; 2 movies |
| 19 cards captured | 52 cards captured |
| Sakura has no rival except Syaoran | Sakura has Meiling as another rival for Syaoran |
| The story ends with Sakura and Syaoran in middle school | The story ends with Sakura and Syaoran capturing the final card together |
/* What if we want our headers centered? It would look like this using colons */
| Manga | Anime
@adriculous
adriculous / gist:81d476733ab1590ed0093100c41586cf
Created April 13, 2016 06:16
Markdown for Writers and Hobbyists (Part 4) - Blockquotes & Code Blocks Line Break Markdown
As a fan of the Sakura and Syaoran couple, my two favorite quotes are the following:
> "I don't want to be your master. I want to be your friend." - Sakura
> "Even if I lose this feeling, I'm sure that I'll just fall in love with you all over again." - Syaoran
This coming May 2016 will be the series' 20th Anniversary since its first release of the manga's first volume. I'd like to *really* celebrate it as a long-time fan!
@adriculous
adriculous / gist:2dd4196e45f90cc4f48fce2b0081fd35
Created April 13, 2016 06:17
Markdown for Writers and Hobbyists (Part 4) - Escaping Characters Markdown
I'd like to \*really\* celebrate it as a long-time fan!
@adriculous
adriculous / gist:f66478471589718cb0876c28e75b2c32
Last active April 14, 2016 02:23
Markdown for Writers and Hobbyists (Part 4) - Let's put it all together!
![Sakura Kinomoto &amp; Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg)
**Cardcaptor Sakura** is my favorite manga/anime series of all time. I love this series because it features the most common themes and cliches that we normally see in the everyday shoujo (girls) manga stories. It has the very adorable magical girl genre, a girl being the hero of our story, cute creatures as the hero's guardians and advisers, comedy, romance, implication of love between two boys, implication of love between two girls, adventure, and most of all, a pure and sweet innocent love between our girl hero and our boy hero.
But there are a few differences in the original manga and its anime version. When a story becomes popular but the manga series is short, the anime extends the story with many fillers. Here are a few:
**The manga and anime differences in Cardcaptor Sakura**
| Manga | Anime
@adriculous
adriculous / gist:f6dd001a403c2170e8137e6b7848e73d
Last active July 25, 2019 17:04
Emmet for the Antsy (Part 1) - Emmet Intro Sample
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Emmet Test</title>
</head>
<body>
div>ul>li*5 <!-- This line right here. Looks like CSS, huh? -->
</body>
</html>
@adriculous
adriculous / gist:e2052ae4d33b0d11ad9594ea74273e75
Created April 14, 2016 02:37
Emmet for the Antsy (Part 1) - Emmet Intro HTML Output Sample
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Emmet Test</title>
</head>
<body>
<div>
<ul>
<li></li>