try dark colorscheme

cobyism · Jun 14, 2012 · 15e5cc3 · 15e5cc3
1 parent 48768d4
commit 15e5cc3
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 22 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,3 +1,28 @@
 body {
-  margin: 3em;
+  padding: 2em 3em;
+  font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 21px;
+  line-height: 1.6em;
+  font-weight: 300;
+  color: #ddd;
+  background: #333;
+  border-top: 5px solid #fc0;
+  box-shadow: inset 0 3px 30px rgba(0,0,0,.3);
+  text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+
+header, section, footer {
+  width: 500px;
+}
+
+h1 {
+  font-size: 84px;
+  font-weight: 300;
+  margin: 0;
+  line-height: 1.6em;
+}
+
+a {
+  color: #fc0;
+  text-decoration: none;
 }
diff --git a/index.html b/index.html
@@ -3,38 +3,34 @@
 <head>
   <meta charset="UTF-8">
   <title>jekyll</title>
+  <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="css/normalize.css" />
   <link rel="stylesheet" href="css/style.css" />
 </head>
 <body>
-  <h1>Jekyll</h1>
-  <p>The simple, blog-aware, static site generator.</p>
-  <p>It's the engine behind <a href="http://pages.github.com/">GitHub Pages</a>, and it totally rocks.</p>
+  <header>
+    <h1>Jekyll</h1>
+    <p>The simple, blog-aware, static site generator.</p>
+    <p>It's the engine behind <a href="http://pages.github.com/">GitHub Pages</a>, and it totally rocks.</p>
+  </header>
   <section>
     <h2>Simple</h2>
-    <ul>
-      <li>No more databases.</li>
-      <li>No more complicated blogging engines.</li>
-      <li>No more comment moderation.</li>
-      <li>No more pesky updates to install.</li>
-    </ul>
-    <p>You like it already, right?</p>
+    <p>No more databases, complicated blogging engines, comment moderation, or pesky updates to install. Just your content, the way you want.</p>
   </section>
   <section>
     <h2>Blog-aware</h2>
-    <ul>
-      <li>Permalinks</li>
-      <li>Categories (tags)</li>
-      <li>Pages, posts, and layouts</li>
-      <li></li>
-    </ul>
+    <p>Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.</p>
   </section>
   <section>
-    <h2>Static Sites</h2>
-    <ul>
-      <li>Site folder can be served by Apache</li>
-      <li>Host your site using GitHub Pages</li>
-    </ul>
+    <h2>100% Static</h2>
+    Create your content using <a href="http://daringfireball.net/projects/markdown/">Markdown</a> (or <a href="http://textile.sitemonks.com/">Textile</a>), <a href="http://liquidmarkup.org/">Liquid</a>, HTML <span class="amp">&amp;</span> CSS, and Jekyll will generate a static site ready for deployment using your favorite web server.
   </section>
+  <section>
+    <h2>Free hosting with GitHub Pages</h2>
+    <p>Sick of dealing with hosting companies? <a href="http://pages.github.com/">GitHub Pages</a> is powered by Jekyll, so you can easily deploy your site for free&mdash;<a href="https://help.github.com/articles/setting-up-a-custom-domain-with-pages">custom domain name</a> and all.</p>
+  </section>
+  <footer>
+    <p>By <a href="http://tom.preston-werner.com">Tom Preston-Werner</a>, <a href="http://quaran.to/">Nick Quaranto</a>, and many more awesome contributors.</p>
+  </footer>
 </body>
 </html>