Skip to content

Instantly share code, notes, and snippets.

@maxpelic

maxpelic/dabblet.css

Last active December 21, 2015 18:19
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 maxpelic/6346871 to your computer and use it in GitHub Desktop.
Save maxpelic/6346871 to your computer and use it in GitHub Desktop.
Download ZIP
animate
Raw
dabblet.css
/**
* animate
*/
@import url(http://fonts.googleapis.com/css?family=Crushed);
@import url(http://fonts.googleapis.com/css?family=Jockey+One);
@import url(http://fonts.googleapis.com/css?family=Passion+One);
body {
background-color: #122;
text-align:center;
padding-top:5%;
font-family:Passion One, Crushed, sans;
transition:background-color 3s, padding 3s;
color:white;
}
a{
text-decoration:none;
color:white;
font-size:6em;
}
h1{
text-align:center;
font-family:Crushed, sans;
font-size:2em;
text-decoration:underline;
transition:background-color 3s;
color:white;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<link href='http://fonts.googleapis.com/css?family=Jockey+One' rel='stylesheet' type='text/css'>
<h1>QUICKLINKS</h1>
<a herf="http://google.com">GOOGLE</a>
<br/>
<a href="http://gmail.com">GMAIL</a>
<br/>
<a href="http://facebook.com">FACEBOOK</a>
<br/>
<a href="http://blogger.com">BLOGGER</a>
<br/>
<a href="http://khanacademy.org/computing/computer-programming">KA</a>
<br/>
<a href="http://picmonkey.com">PICMONKEY</a>
<br/>
<a href="http://fontstruct.com">FONTSTRUCT</a>
<br/>
<a href="http://soundation.com">SOUNDATION</a>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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