Permalink
Browse files

Created TasteJS teaser site

TODO: Needs some unicorns
  • Loading branch information...
sindresorhus committed Sep 8, 2012
1 parent d75e99a commit ef18d30f6e0cf7e42fd899dbd49b6200fcba3968
View
BIN dripp.png
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -1,41 +1,25 @@
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset='utf-8'>
- <meta http-equiv="X-UA-Compatible" content="chrome=1">
-
- <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
- <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
- <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
-
- <title>TasteJS by TasteJS</title>
- </head>
-
- <body>
-
- <header>
- <div class="container">
- <h1>TasteJS</h1>
- <h2>Coming soon.</h2>
-
- <section id="downloads">
- <a href="https://github.com/TasteJS" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
- </section>
- </div>
- </header>
-
- <div class="container">
- <section id="main_content">
- <h3>A better JavaScript learning experience</h3>
-
-<p>Coming soon.</p>
-
-<p><img src="http://i.imgur.com/8pcFg.png" alt=""></p>
-
-<p><em>The TasteJS monster is copyright TasteJS and Leonardo Maia, 2012</em></p>
- </section>
- </div>
-
-
- </body>
-</html>
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="A better JavaScript learning experience">
+ <meta name="author" content="Addy Osmani and Sindre Sorhus">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>TasteJS - a better JavaScript learning experience</title>
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:400,700,900">
+ <link rel="stylesheet" href="main.css">
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ </head>
+ <body>
+ <div class="container">
+ <a href="https://github.com/TasteJS"><img id="logo" src="logo.png"></a>
+ <h1>TasteJS</h1>
+ <p>A better JavaScript learning experience. Coming soon.</p>
+ </div>
+ </body>
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+ <script>var _gaq=[['_setAccount','UA-x'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));</script>
+</html>
View
@@ -1 +0,0 @@
-console.log('This would be the main JS file.');
View
BIN logo.png
Binary file not shown.
View
@@ -0,0 +1,63 @@
+html,
+body {
+ padding: 0;
+ margin: 0;
+}
+
+html {
+ height: 100%;
+ background: #474747;
+ background: -moz-radial-gradient(center, ellipse cover, #474747 0%, #222222 57%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#474747), color-stop(57%,#222222));
+ background: -webkit-radial-gradient(center, ellipse cover, #474747 0%,#222222 57%);
+ background: -o-radial-gradient(center, ellipse cover, #474747 0%,#222222 57%);
+ background: -ms-radial-gradient(center, ellipse cover, #474747 0%,#222222 57%);
+ background: radial-gradient(ellipse at center, #474747 0%,#222222 57%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#222222',GradientType=1 );
+
+}
+
+body {
+ font-family: Lato, 'Helvetica Neue';
+ -webkit-font-smoothing: antialiased;
+ color: #c5c5c5;
+ text-align: center;
+}
+
+#logo {
+ margin: 50px auto -90px auto;
+ display: block;
+ position: relative;
+ left: 10px;
+ position: relative;
+ z-index: 1;
+}
+
+h1 {
+ width: 700px;
+ font-size: 200px;
+ margin: 0 auto;
+ text-align: center;
+ color: #fff;
+ position: relative;
+ text-shadow: 0px 0px 2px #686868,
+ 0px -1px 1px #ddd,
+ 0px -2px 1px #d6d6d6,
+ 0px -3px 1px #ccc,
+ 0px -4px 1px #c5c5c5,
+ 0px -5px 1px #c1c1c1,
+ 0px -6px 1px #bbb,
+ 0px -7px 1px #777;
+}
+
+h1:after {
+ content: url(dripp.png);
+ position: absolute;
+ top: 15px;
+ left: 360px;
+}
+
+.container {
+ width: 700px;
+ margin: 0 auto;
+}
View
@@ -1 +0,0 @@
-{"tagline":"Coming soon.","body":"### A better JavaScript learning experience\r\n\r\nComing soon.\r\n\r\n![](http://i.imgur.com/8pcFg.png)\r\n\r\n*The TasteJS monster is copyright TasteJS and Leonardo Maia, 2012*","note":"Don't delete this file! It's used internally to help with page regeneration.","google":"","name":"TasteJS"}
@@ -1,68 +0,0 @@
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #CBDFFF } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
-
-.type-csharp .highlight .k { color: #0000FF }
-.type-csharp .highlight .kt { color: #0000FF }
-.type-csharp .highlight .nf { color: #000000; font-weight: normal }
-.type-csharp .highlight .nc { color: #2B91AF }
-.type-csharp .highlight .nn { color: #000000 }
-.type-csharp .highlight .s { color: #A31515 }
-.type-csharp .highlight .sc { color: #A31515 }
Oops, something went wrong.

0 comments on commit ef18d30

Please sign in to comment.