forked from ColemanGariety/toy-chest-theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (53 loc) · 3.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<title>Toy Chest · A "Flat UI"-inspired color scheme for programmers.</title>
<script src="js/modernizr.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,800">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="https://github.com/JacksonGariety/Toy-Chest-Theme" id="github" target="_blank"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
<a href="/" id="title">
<div id="chest"></div>
<h1>Toy Chest</h1>
</a>
<div id="byline">by <a href="http://jacksongariety.com/">Jackson Gariety</a></div>
<p>Toy Chest is a <a href="http://designmodo.github.io/Flat-UI/" target="_blank">"Flat UI"</a>-inspired color scheme for programmers who like to play.</p><br>
<a><button id="download-button">Download</button></a>
<div id="frame"></div>
<video autoplay="autoplay">
<source src="video/typing.mp4" type="video/mp4">
<source src="video/typing.ogv" type="video/ogg">
<source src="video/typing.webm" type="video/webm">
<img src="images/fallback.jpg" id="fallback" title="Your browser does not support the <video> tag">
</video>
<h2>Download for...</h2>
<section id="download">
<a href="toychest.tmTheme"><div id="tmtheme" class="button">Sublime Text</div><div class="arrow"></div></a>
<a href="toychest.tmBundle.zip"><div id="tmbundle" class="button">TextMate 2</div><div class="arrow"></div></a>
<a href="toychest.sss"><div id="sss" class="button">Coda 2</div><div class="arrow"></div></a>
<a href="toychest.vim"><div id="vim" class="button">Vim</div><div class="arrow"></div></a>
<a href="toychest.itermcolors"><div id="itermcolors" class="button">iTerm</div><div class="arrow"></div></a>
<a href="toychest.terminal"><div id="terminal" class="button">Terminal</div><div class="arrow"></div></a>
</section>
<div id="overlay">
<div class="inner">
<h3>Fresh.</h3><br>
<p>That's a rad palette you just nabbed!</p><br>
<p>Didn't yo mama ever teach you to say thank you?</p><br>
<a href="https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Ftwitter.com%2Fabout%2Fresources%2Fbuttons&text=I'm%20coding%20in%20Flat%20UI%20colors%20with%20%40JacksonGariety's%20%23ToyChestTheme!%20http%3A%2F%2Ftoychesttheme.com%2F&tw_p=tweetbutton&url=http%3A%2F%2Fhttp%3A%2F%2Ftoychesttheme.com%2F" target="_blank"><button>Thanks, Jackson</button></a>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-29461279-5', 'toychesttheme.com');
ga('send', 'pageview');
</script>
</body>
</html>