stylesheet adjustments

gnugeek · Dec 27, 2008 · 3085f2a · 3085f2a
1 parent 59019fc
commit 3085f2a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 21 deletions.
diff --git a/views/index.erb b/views/index.erb
@@ -1,27 +1,22 @@
 <div id='wordnatra_index'>
   <div id='wordnatra_welcome'>
-    Welcome to Wordnatra!
+    <h2>Welcome to Wordnatra!</h2>
   </div>
 
   <div id='wordnatra_info'>
-    Wordnatra is a web interface to WordNet, a lexical database of the english language created and   maintained by the Cognitive Science Laboratory of Princeton University.  The goal of Wordnatra is to allow easy exploration of the semantic relationships between words in the english language. To play, just search for a word.
-    <p/>
-    Wordnatra is a work in progress, and periodic releases will be pushed as new features become available.
-    <p/>
-    The Wordnatra source code is available at <%= link_to 'Github', 'http://github.com/gnugeek/' %>
-
+    <p>Wordnatra is a web interface to WordNet, a lexical database of the english language created and   maintained by the Cognitive Science Laboratory of Princeton University.  The goal of Wordnatra is to allow easy exploration of the semantic relationships between words in the english language. To play, just search for a word.</p>
+    <p>Wordnatra is a work in progress, and periodic releases will be pushed as new features become available.</p>
+    <p>The Wordnatra source code is available at <%= link_to 'Github', 'http://github.com/gnugeek/' %></p>
   </div>
 </div>
 
-
-<div id='sidebar'>
-
+<div id='sidebar'> 
   <div id='sinatra_welcome'>
-    Sinatra
+    <h3>Sinatra</h3>
   </div>
 
   <div id='sinatra_info'>
-    "Sinatra is a Domain Specific Language(DSL) for quickly creating web-applications in ruby. It keeps a minimal feature set, leaving the developer to use the tools that best suit them and their application."
+    <p>"Sinatra is a Domain Specific Language(DSL) for quickly creating web-applications in ruby. It keeps a minimal feature set, leaving the developer to use the tools that best suit them and their application."</p>
   </div>
 
   <div id='sinatra_links'>
@@ -33,11 +28,11 @@
   </div>
 
   <div id='wordnet_welcome'>
-    Wordnet
+    <h3>Wordnet</h3>
   </div>
 
   <div id='wordnet_info'>
-    "WordNet is a large lexical database of English, developed under the direction of George A. Miller.  Nouns, verbs, adjectives and adverbs are grouped into sets of cognitive synonyms (synsets), each expressing a distinct concept. Synsets are interlinked by means of conceptual-semantic and lexical relations. The resulting network of meaningfully related words and concepts can be navigated with the browser. WordNet is also freely and publicly available for download. WordNet's structure makes it a useful tool for computational linguistics and natural language processing."  
+    <p>"WordNet is a large lexical database of English, developed under the direction of George A. Miller.  Nouns, verbs, adjectives and adverbs are grouped into sets of cognitive synonyms (synsets), each expressing a distinct concept. Synsets are interlinked by means of conceptual-semantic and lexical relations. The resulting network of meaningfully related words and concepts can be navigated with the browser. WordNet is also freely and publicly available for download. WordNet's structure makes it a useful tool for computational linguistics and natural language processing."</p>
   </div>
 
   <div id='wordnet_links'>

diff --git a/views/layout.erb b/views/layout.erb
@@ -1,20 +1,24 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html lang='en'>
+
   <head>
     <title>Wordnatra</title>
     <link href='/stylesheets/style.css' rel='stylesheet' type='text/css' />
     <script src='http://jquery.com/src/jquery-latest.js' type='text/javascript'></script>
   </head>
+
   <body>
     <div id='banner'>
-      <%= link_to 'Wordnatra', '/' %>
+      <h1><%= link_to 'Wordnatra', '/' %></h1>
     </div>
+
     <div id='search'>
       <form id="wordsearch" action='/' method='post'>
         <input id='lemma-search' name='lemma' size='40' type='text' />
-        <input type='submit' value='word' />
+        <input type='submit' value='search' />
       </form>
     </div>
+
     <div id='content'>
-    <%= yield %>
+      <%= yield %>
     </div>
diff --git a/views/style.sass b/views/style.sass
@@ -60,13 +60,12 @@ body
 
 #banner
   :font-family arial
-  :font-size 24px
   :color #fff
-  :height 40px
+  :height 50px
   :background #556
   :text-align left
-  :padding 5px 10px
-  
+  :padding 0px 10px
+
 #search
   :height 40px
   :background #aab