add test tube graphic, hero text changes

jekyll · Jun 20, 2012 · 95e0ad9 · 95e0ad9
1 parent fa813e7
commit 95e0ad9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
@@ -14,13 +14,15 @@ header {
 }
 
 header h1 {
-  font-size: 84px;
+  font-size: 72px;
   font-weight: normal;
   margin: 0;
   display: inline-block;
   font-family: Yesteryear;
   text-transform: lowercase;
   padding-left: 16px;
+  background: url(../img/tube.png) 100% 50% no-repeat;
+  padding-right: 50px;
 }
 
 header h1 a {
@@ -74,7 +76,7 @@ a {
 .intro p {
   font-size: 3em;
   line-height: 1em;
-  margin: 0;
+  margin: -.2em 0 .2em;
 }
 
 .content {

diff --git a/img/tube.png b/img/tube.png
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h1>
     </header>
     <section class="intro section">
       <div class="content">
-        <p>Turn your text <em>into a monster</em> with Jekyll, the simple, blog-aware, static site generator.</p>
+        <p>Transform your plain text into static websites and blogs.<br />It's so easy, <em>it's scary</em>.</p>
       </div>
     </section>
     <div class="section thirds">