Restyle the index; use a single heading level

nebocamin · May 11, 2012 · fc63502 · fc63502
1 parent 40d1318
commit fc63502
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/WebSite/index.html b/WebSite/index.html
@@ -25,7 +25,7 @@
 <a href="#special">Special commands</a>)
 </p>
 
-<h1><a name="quickstart">Quick Start</a></h1>
+<h1><a name="quickstart">Quick start</a></h1>
 
 <p>
 <em>Already know how IF works? Here&#x2019;s the scoop for this app:</em>
@@ -43,7 +43,7 @@ <h1><a name="quickstart">Quick Start</a></h1>
 devices that offer them). Try them!
 </ul>
 
-<h1><a name="howtoplay">How to Play</a></h1>
+<h1><a name="howtoplay">How to play</a></h1>
 
 <p>
 In this game, you are the center of a story. You will type commands
@@ -62,7 +62,7 @@ <h1><a name="howtoplay">How to Play</a></h1>
 and you&#x2019;ll have a good idea how to experiment further.
 </p>
 
-<h2><a name="looklike">What commands look like</a></h2>
+<h1><a name="looklike">What commands look like</a></h1>
 
 <p>
 The simplest IF commands are usually one or two words:
@@ -102,7 +102,7 @@ <h2><a name="looklike">What commands look like</a></h2>
 understand you.
 </p>
 
-<h2><a name="orient">Orienting yourself</a></h2>
+<h1><a name="orient">Orienting yourself</a></h1>
 
 <p>
 If you are completely at sea, you can always try these commands:
@@ -138,7 +138,7 @@ <h2><a name="orient">Orienting yourself</a></h2>
 in the game world.
 </p>
 
-<h2><a name="moving">Moving around the world</a></h2>
+<h1><a name="moving">Moving around the world</a></h1>
 
 <p>
 The game world is divided into locations &#x2014; usually called 
@@ -185,7 +185,7 @@ <h2><a name="moving">Moving around the world</a></h2>
 <li>CLIMB LADDER
 </ul>
 
-<h2><a name="common">Common actions</a></h2>
+<h1><a name="common">Common actions</a></h1>
 
 <p>
 You&#x2019;re probably staring at your dictionary and shuddering in terror
@@ -230,7 +230,7 @@ <h2><a name="common">Common actions</a></h2>
 <li>WAIT
 </ul>
 
-<h2><a name="special">Special commands</a></h2>
+<h1><a name="special">Special commands</a></h1>
 
 <ul class="CommandList">
 <li>SAVE

diff --git a/WebSite/page.css b/WebSite/page.css
@@ -10,7 +10,7 @@ body {
 h1 {
   color: #543;
   background: #F8E8B8;
-  font-size: 24px;
+  font-size: 20px;
   padding: 4px 40px;
   -moz-border-radius: 16px;
   border-radius: 16px;
@@ -68,7 +68,10 @@ h2 {
 .LinkLine {
   font-style: italic;
   font-size: 14px;
-  margin-left: 40px;
+  background: #F8E8B8;
+  padding: 8px 40px;
+  -moz-border-radius: 16px;
+  border-radius: 16px;
 }
 
 .LinkLine a {
@@ -88,7 +91,7 @@ h2 {
   }
 
   h1 {
-    font-size: 20px;
+    font-size: 17px;
     padding: 4px 20px;
     margin-top: 20px;
   }
@@ -116,7 +119,7 @@ h2 {
   .LinkLine {
     font-style: italic;
     font-size: 12px;
-    margin-left: 0px;
+    padding: 4px 20px;
   }
 
   .License {