Use a free Googlefont for the header and less TYPE SOMETHING YOU IDIOT

jamiew · Feb 9, 2011 · 4114ab4 · 4114ab4
1 parent 3d7c60f
commit 4114ab4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/public/screen.css b/public/screen.css
@@ -8,6 +8,20 @@ a { color: #000; }
 a:hover { color: #005; }
 a:active { color: #f0f; }
 
+h1#title {
+  /* THANKS GOOGLE... ASSHOLES */
+  font-family: 'Merriweather', serif;
+  font-size: 59px;
+  font-style: normal;
+  font-weight: 400;
+  text-shadow: none;
+  text-decoration: none;
+  text-transform: none;
+  letter-spacing: 0em;
+  word-spacing: 0em;
+  line-height: 1.2;
+}
+
 #error {
   text-align: center;
 }

diff --git a/views/index.erb b/views/index.erb
@@ -1,4 +1,4 @@
-<h1>HERE'S SOME FRIGGIN POSTS</h1>
+<h2>HERE'S SOME FRIGGIN POSTS</h2>
 <div id="posts">
   <% @posts.each do |post| %>
     <%= erb :_post, :locals => {:post => post} %>

diff --git a/views/layout.erb b/views/layout.erb
@@ -5,6 +5,8 @@
   <link href="screen.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8">
   <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
   <script src="application.js" type="text/javascript" charset="utf-8"></script>
+  <link  href="//fonts.googleapis.com/css?family=Merriweather:regular" rel="stylesheet" type="text/css" >
+
   <% if ENV['RACK_ENV'] == 'production' %>
   <script type="text/javascript">
     var _gaq = _gaq || [];
@@ -19,6 +21,9 @@
   <% end %>
 </head>
 <body>
+  <div id="header">
+    <h1 id="title">Randomtyper</h1>
+  </div>
   <div id="container">
     <%= yield %>
   </div>

diff --git a/views/new.erb b/views/new.erb
@@ -1,5 +1,5 @@
 <div class="form">
-  <h1>TYPE SOMETHING YOU IDIOT</h1>
+  <h2>Test out your keyboard</h2>
 
   <form action="/" method="POST">
     <textarea name="snippet_body" id="snippet_body" rows="8"></textarea>