Skip to content

Instantly share code, notes, and snippets.

@cesine

cesine/index.html

Created October 26, 2016 22:31
Show Gist options
  • Save cesine/2c8bd1e98db3696142bb363859dfccf0 to your computer and use it in GitHub Desktop.
Save cesine/2c8bd1e98db3696142bb363859dfccf0 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=2c8bd1e98db3696142bb363859dfccf0
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>My Halloween Costume!</title>
</head>
<body>
<h1>My Halloween Costume!</h1>
<p>
This halloween I will be a triplet. I got this idea when walking in the downtown of <a href="https://www.google.com/maps/search/vestido+infantiles+Lisbon,+Portugal/@38.7106419,-9.1367676,3a,75y,108.35h,89.01t/data=!3m7!1e1!3m5!1sj_NH_qAJEwG0gDpcFRuQ3g!2e0!6s%2F%2Fgeo0.ggpht.com%2Fcbk%3Fpanoid%3Dj_NH_qAJEwG0gDpcFRuQ3g%26output%3Dthumbnail%26cb_client%3Dmaps_sv.tactile.gps%26thumb%3D2%26w%3D203%26h%3D100%26yaw%3D82.60751%26pitch%3D0%26thumbfov%3D100!7i13312!8i6656">Lisbon</a> where many of the shops specialize in dresses for confirmation, the dresses are cute and small, I would never ift in one of them, but I might in three if I wear one on each leg!
</p>
<div>
<p>Its hard to find examples of the dresses in shop windows, they were simple and used french lace.</p>
<img class="dress" src="https://img1.etsystatic.com/125/0/12618968/il_fullxfull.1010838529_9diz.jpg"/>
<img class="dress" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSyBS5uUfILx6ZR8WIv0em6iT9Ogyj2fGyVxHV5pod5eYEes2Tr"/>
</div>
<div>
I was also inspired by the <a href="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">Alice in Wonderland</a> kind of strange scale.
<img class="dress" src="https://s-media-cache-ak0.pinimg.com/736x/4f/5e/c1/4f5ec1626d1f3fd97174786b4e58c61c.jpg"/>
<img class="dress" src="https://s-media-cache-ak0.pinimg.com/736x/55/6e/cc/556ecc56fad10737969b976f2a081d48.jpg"/>
</div>
<div>
<h2>References</h2>
<ul>
<li>
<a href="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">Wikipedia</a>
</li>
<li>
<a href="https://www.google.ge/search?site=&tbm=isch&source=hp&biw=1918&bih=1093&q=confirmation+dresses&oq=confirmation+dresses&gs_l=img.3..0l10.324187.327040.0.328001.20.14.0.6.6.0.125.882.10j2.12.0....0...1ac.1.64.img..3.17.795.kqPt4qon74w#tbm=isch&q=lace+old+fashioned+first+communion+dresses">Google Images</a>
</li>
</ul>
</div>
<audio src="https://www.freesound.org/data/previews/168/168305_2878551-lq.mp3" autoplay></audio>
</body>
</html>
Raw
styles.css
body {
background-color: black;
color: orange;
}
a {
color: orange;
}
.dress {
width: 30%;
}
@cesine
Copy link
Author

cesine commented Oct 26, 2016

Halloween with audio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment