Skip to content

Instantly share code, notes, and snippets.

@jklm313

jklm313/about

Created May 19, 2012 18:25
Show Gist options
  • Save jklm313/2731827 to your computer and use it in GitHub Desktop.
Save jklm313/2731827 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
about
abandoned halfway through a journey nobody wanted to go on in the first place.
css seems to be messed up. will have to look into it someday /NoteToSelf
Raw
dabblet.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>♠313♠</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!--{block:Description}
<meta name ="description" content="{MetaDescription}">
{/block:Description}-->
<link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/32750720/313/normalize.css">
<link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/32750720/313/jklm313.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--//////////////////////////////////////////////////////////////
SIDEBAR - NAVIGATION LOGO ET AL////////////////////////////////-->
<div class="darkcritter">
<span class="rasmus">
<a href="http://jklm313.tumblr.com">This is <h3>JKLM313</h3><br/>"There's no better teacher than trial & error."<br/> jklm's incoherent log book of ridonkulous CSS coding techniques & close encounters of the 3rd kind!
</a><br/>
<a href="http://www.twitter.com/kingsomniac">You oughta follow <strong>& interact</strong> with me on twitter...it would make an old chap very happy. :}</a></span>
<div class="rasmus">
<h6>Websites that I liek:</h6>
<div class="monstaa">
<a class="thunder" href="#">
the man in the long black coat.
</a>
</div>
<div class="monstaa">
<a class="thunder" href="#">
the man in the long black coat.
</a>
</div>
<div class="monstaa">
<a class="thunder" href="#">
the man in the long black coat.
</a>
</div>
<div class="monstaa">
<a class="thunder" href="#">
the man in the long black coat.
</a>
</div>
</div>
</div>
<div class="carbon">
<a href="http://jklm313.tumblr.com/evil313" class="god conceal">
</a>
<div class="gromp">
<!--a href="http://jklm313.tumblr.com/blather" rel=smallscrn></a-->
<a href="http://jklm313.tumblr.com/blather" class="god">&spades;
<div class="poppy">Writing</div>
</a>
<div class="marjorie">
<a class="writing" href="#">
First!
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
Secund!
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
Third.
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
fourth.
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
f-ffifth
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
...six
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
<a class="writing" href="#">
ENOUGH!
<span class="descr">
Fanny pack american apparel gluten-free master cleanse. Pickled messenger bag authentic, blog raw denim scenester wolf. Fanny pack selvage pitchfork put a bird on it, PBR whatever messenger bag authentic fap four loko chambray gluten-free ennui mustache.
</span>
</a>
</div>
</div>
<div class="gromp" rel=work>
<a href="http://jklm313.tumblr.com/anvil" class="god">&diams;
<div class="poppy">Works</div>
</a>
<div class="marjorie" rel=perfectwonder>
<div class="party" rel=placeholder>
<a class="thunder" href="http://dabblet.com/gist/1828501">Attempt at CSS "Parallax" effect.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="http://jklm313.tumblr.com/post/19483239863/css-a-deviantartesque-image-album-previewer-among">Image Album Previewer</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
<div class="party" rel=placeholder>
<a class="thunder" href="#">the man in the long black coat.</a>
</div>
</div>
</div>
<div class="gromp">
<a href="http://jklm313.tumblr.com/connect" class="god">&clubs;
<div class="poppy">Connect</div>
</a>
<a href="http://twitter.com/kingsomniac" class="lynk">@kingsomniac</a>
<a href="http://jklm313.deviantart.com" class="lynk">DeviantArt</a>
<a href="http://www.last.fm/user/jklm313" class="lynk">last.fm</a>
<a class="lynk">email</a>
</div>
<div class="gromp">
<a href="http://jklm313.tumblr.com/dits" class="god">&hearts;
<div class="poppy">Colophon</div>
</a>
<a href="http://jklm313.tumblr.com/dits#fonts" class="lynk">Fonts</a>
<a href="http://jklm313.tumblr.com/dits#textures" class="lynk">Textures</a>
<a href="http://jklm313.tumblr.com/dits#goblin" class="lynk">Goblin Slayers</a>
</div>
</div>
<!--//////////////////////////////////////////////////////////////
SIDEBAR - NAVIGATION LOGO ET AL////////////////////////////////-->
<!--header>
</header--><section><header><quote><!--{Description}--></quote></header></section>
<!--{block:Posts}-->
<section>
<!--{block:Text}-->
<article>
<!--{block:Title}--><h1><a href="{Permalink}"><!--{Title}--></a></h1><!--{/block:Title}-->
<p><!--{Body}--></p>
<aside>
<div id="Date" rel=indebted><!--{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}--></div>
<div id="NoteCount" rel=indebted><!--{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}--></div>
<div id="PostNotes" rel=indebted><!--{block:PostNotes}{PostNotes}{/block:PostNotes}--></div>
</aside>
<a href="#" class="upward"></a>
</article>
<!--{/block:Text}
{block:Answer}-->
<article>
<!--{Question}
{Asker}
{Answer}-->
<aside>
<div id="Date" rel=indebted><!--{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}--></div>
<div id="NoteCount" rel=indebted><!--{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}--></div>
<div id="PostNotes" rel=indebted><!--{block:PostNotes}{PostNotes}{/block:PostNotes}--></div>
</aside>
</article>
<!--{/block:Answer}
{block:Photo}-->
<article>
<img rel=mage src="{PhotoURL-500}" alt="{PhotoAlt}">
<!--{block:Caption}
{Caption}
{/block:Caption}-->
<aside>
<div id="Date" rel=indebted><!--{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}--></div>
<div id="NoteCount" rel=indebted><!--{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}--></div>
<div id="PostNotes" rel=indebted><!--{block:PostNotes}{PostNotes}{/block:PostNotes}--></div>
</aside>
</article>
<!--{/block:Photo}
{block:Link}-->
<article>
<quote rel=loverofzelda><a href="{URL}" {Target}><!--{Name}--></a></quote>
<!--{block:Description}
{Description}
{/block:Description}-->
<aside>
<div id="Date" rel=indebted><!--{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}--></div>
<div id="NoteCount" rel=indebted><!----{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<!----></div>
<div id="PostNotes" rel=indebted><!----{block:PostNotes}{PostNotes}{/block:PostNotes}<!----></div>
</aside>
</article>
<!----{/block:Link}
{block:Video}<!---->
<article>
<!----{Video-500}
{block:Caption}
{Caption}
{/block:Caption}<!---->
<aside>
<div id="Date" rel=indebted><!---{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}<!----></div>
<div id="NoteCount" rel=indebted><!----{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<!----></div>
<div id="PostNotes" rel=indebted><!----{block:PostNotes}{PostNotes}{/block:PostNotes}<!----></div>
</aside>
</article>
<!----{/block:Video}
{block:Audio}<!---->
<article>
<!----{AudioPlayerWhite}
{block:Caption}
{Caption}
{/block:Caption}<!---->
<aside>
<div id="Date" rel=indebted><!----{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}<!----></div>
<div id="NoteCount" rel=indebted><!----{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<!----></div>
<div id="PostNotes" rel=indebted><!----{block:PostNotes}{PostNotes}{/block:PostNotes}<!----></div>
</aside>
</article>
<!----{/block:Audio}
{block:Quote}<!---->
<article>
<quote><!----{Quote}<!----></quote>
<!----{block:Source}<!---->
<p rel=source><!----{Source}<!----></p>
<!----{/block:Source}<!---->
<aside>
<div id="Date" rel=indebted><!----{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}<!----></div>
<div id="NoteCount" rel=indebted><!----{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<!----></div>
<div id="PostNotes" rel=indebted><!----{block:PostNotes}{PostNotes}{/block:PostNotes}<!----></div>
</aside>
</article>
<!----{/block:Quote}
{block:Photoset}<!---->
<article>
<!----{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}<!---->
<aside>
<div id="Date" rel=indebted><!----{block:Date}{Month} {DayOfMonth} {Year} {/block:Date}<!----></div>
<div id="NoteCount" rel=indebted><!----{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<!----></div>
<div id="PostNotes" rel=indebted><!----{block:PostNotes}{PostNotes}{/block:PostNotes}<!----></div>
</aside>
</article>
<!----{/block:Photoset}<!---->
</section>
<!----{/block:Posts}<!---->
<section>
<nav>
<!----{block:PreviousPage}<!----> <a href="{PreviousPage}" rel=prev> Previous | </a><!----{/block:PreviousPage}<!---->
<!----{block:AskDisabled}<!----><a href="http://giraves.tumblr.com/ask"><!----{AskLabel}<!----></a><!----{/block:AskDisabled}<!---->
<!----{block:NextPage}<!----> <a href="{NextPage}" rel=next>| Next</a> <!----{/block:NextPage}<!---->
</nav>
</section>
</body>
</html>
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment