Skip to content

Instantly share code, notes, and snippets.

@jtanguy

jtanguy/dabblet.css

Created January 31, 2013 12:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jtanguy/4682650 to your computer and use it in GitHub Desktop.
Save jtanguy/4682650 to your computer and use it in GitHub Desktop.
Download ZIP
Time display for blog post
Raw
dabblet.css
/**
* Time display for blog post
*/
@import url(http://fonts.googleapis.com/css?family=Syncopate);
.date {
font-family: "Syncopate", sans-serif;
text-align: center;
vertical-align: 50%;
border: 1px solid black;
width: 5em;
height: 5em;
display: inline-block;
}
.date span{
display: block;
}
.date .m {
font-size: 1.2em;
text-transform: uppercase;
}
.date .d {
font-size: 2em;
}
.date .y {
font-size: 1.1em;
}
body {
background-color: #eee;
min-height: 100%;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<time class="date">
<span class="m">Dec</span>
<span class="d">5</span>
<span class="y">2012</span>
</time>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment