further pretty

html/index.html

@@ -20,7 +20,7 @@
 If you want to get a feel for where this will take you, have a look at the later exercises, such as [building a radio](building_a_radio.html) or [An optical fiber telephone](fiber_telephone.html).
 -->
 
-<div id="leftnav">
+<div class="navbox" id="leftnav">
 
 <h2>Lessons</h2>
 <ol>
@@ -31,29 +31,25 @@ <h2>Lessons</h2>
 <li><a href="lesson5.html">An Optical Telephone</a></li>
 </ol>
 <h2>Principles</h2>
-<ul>
-<li><a href="water_analogy.html">The water analogy</a></li>
-<li><a href="kirchoff.html">Kirchoff's Laws</a></li>
-<li><a href="ohm.html">Ohm's Law</a></li>
-<li><a href="superposition.html">Superposition theory</a></li>
-<li><a href="thevenin.html">Th&eacute;venin's theorem</a></li>
-</ul>
+<p><a href="water_analogy.html">The water analogy</a>
+<a href="kirchoff.html">Kirchoff's Laws</a>
+<a href="ohm.html">Ohm's Law</a>
+<a href="superposition.html">Superposition theory</a>
+<a href="thevenin.html">Th&eacute;venin's theorem</a></p>
 </div>
 
-<div id="rightnav">
+<div class="navbox" id="rightnav">
 
-<h2>Component factsheets</h2>
-<ul>
-<li><a href="resistor.html">The Resistor</a></li>
-<li><a href="capacitor.html">The Capacitor</a></li>
-<li><a href="battery.html">The Cell Battery</a></li>
-<li><a href="inductor.html">The Inductor</a></li>
-<li><a href="transistor.html">The Transistor</a></li>
-<li><a href="diode.html">The Diode</a></li>
-<li><a href="ldr_thermistor.html">LDR &amp; Thermistor</a></li>
-<li><a href="led.html">The LED</a></li>
-</ul>
-<h2>Miscallenous</h2>
+<h2>Components</h2>
+<p><a href="resistor.html">The Resistor</a>
+<a href="capacitor.html">The Capacitor</a>
+<a href="battery.html">The Cell Battery</a>
+<a href="inductor.html">The Inductor</a>
+<a href="transistor.html">The Transistor</a>
+<a href="diode.html">The Diode</a>
+<a href="ldr_thermistor.html">LDR &amp; Thermistor</a>
+<a href="led.html">The LED</a></p>
+<h2>Miscellaneous</h2>
 <p><a href="resources.html">Other Resources</a>
 <a href="acknowledgements.html">Acknowledgements</a></p>
 </div>

html/who.html

@@ -12,7 +12,7 @@
 <div id="topnav">PHY342: An Introduction to electronics</div>
 --->
 <div id="main"><h1>Who are we?</h1>
-<p>This electronics course was created as part of a physics project at <a href="http://www.shef.ac.uk">The University Of Sheffield</a> by Deivis Vaitiekus and <a href="http://www.bricefernandes.com">Brice Fernandes</a> under supervision of <a href="http://www.shef.ac.uk/physics/contacts/tim-richardson.html">Dr Tim Richardson</a>.</p></div>
+<p>This electronics course was created as part of a physics project at <a href="http://www.shef.ac.uk">The University Of Sheffield</a> by Deivis Vaitiekus and Brice Fernandes under the supervision of <a href="http://www.shef.ac.uk/physics/contacts/tim-richardson.html">Dr Tim Richardson</a>.</p></div>
 
 <div id="valid">
     <a href="http://validator.w3.org/check?uri=referer">

src/index.md

@@ -14,7 +14,7 @@
 If you want to get a feel for where this will take you, have a look at the later exercises, such as [building a radio](building_a_radio.html) or [An optical fiber telephone](fiber_telephone.html).
 -->
 
-<div id="leftnav">
+<div class="navbox" id="leftnav">
 
 Lessons
 -------
@@ -27,34 +27,32 @@ Lessons
 
 Principles
 ----------
-
- + [The water analogy](water_analogy.html)
- + [Kirchoff's Laws](kirchoff.html)
- + [Ohm's Law](ohm.html)
- + [Superposition theory](superposition.html)
- + [Th&eacute;venin's theorem](thevenin.html)
+[The water analogy](water_analogy.html)
+[Kirchoff's Laws](kirchoff.html)
+[Ohm's Law](ohm.html)
+[Superposition theory](superposition.html)
+[Th&eacute;venin's theorem](thevenin.html)
 
 </div>
 
 
 
 
-<div id="rightnav">
-
-Component factsheets
---------------------
+<div class="navbox" id="rightnav">
 
- + [The Resistor](resistor.html)
- + [The Capacitor](capacitor.html)
- + [The Cell Battery](battery.html)
- + [The Inductor](inductor.html)
- + [The Transistor](transistor.html)
- + [The Diode](diode.html)
- + [LDR & Thermistor](ldr_thermistor.html)
- + [The LED](led.html)
+Components
+----------
+[The Resistor](resistor.html)
+[The Capacitor](capacitor.html)
+[The Cell Battery](battery.html)
+[The Inductor](inductor.html)
+[The Transistor](transistor.html)
+[The Diode](diode.html)
+[LDR & Thermistor](ldr_thermistor.html)
+[The LED](led.html)
 
 
-Miscallenous
+Miscellaneous
 ------------
 [Other Resources](resources.html)
 [Acknowledgements](acknowledgements.html)

static/style.css

@@ -6,43 +6,43 @@ body{
 }
 
 #main-title{
+    font-family:Sans-serif;
     color:white;
     background:#00008b;
 }
-#leftnav{
+
+.navbox{
     position:absolute;
-    left:0px;
     top:0px;
     display:block;
     float:left;
     border: 4px solid #00008b;
     background:#E1F1F7;
     width: 20%;
-    margin-left:2.5%;
     margin-top:5em;
 }
-#rightnav{
-    position:absolute;
-    right:0px;
-    top:0px;
-    display:block;
-    float:left;
-    border: 4px solid #00008b;
-    background:#E1F1F7;
-    width: 20%;
-    margin-right:2.5%;
-    margin-top:5em;
-}
-#rightnav p{
+.navbox h2,h3{
+    font-family:Sans-serif;
     text-align:center;
+    width:100%;
+    background: #00008b;
+    color:white;
+    margin-top:0px;
+    padding-top:0.1em;
+    padding-bottom:0.1em;
 }
-
-#rightnav h2,h3{
-    text-align:center;
+.navbox p a{
+    display:block;
+    margin-left:2.5em;
 }
 
-#leftnav h2,h3{
-    text-align:center;
+#rightnav{
+    right:0px;
+    margin-right:2.5%;
+}
+#leftnav{
+    left:0px;
+    margin-left:2.5%;
 }
 
 #topnav{