first commit

css/stove.css

@@ -8,7 +8,7 @@
 }
 
 .test {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   margin: 10px;
   padding: 0;
   overflow: hidden;
@@ -30,6 +30,7 @@
   margin: 10px;
   overflow: hidden;
   float: none;
+  background-color: burlywood;
 }
 
 .nav li {
@@ -47,6 +48,8 @@
 
  body {
   font-family: 'Vollkron', sans-serif;
+  background-color: bisque;
+  
 } 
 
 .news a {
@@ -59,8 +62,8 @@
 
 
 .nav li a:hover {
-  background-color: #276d9e;
+  background-color: rgb(47, 0, 255);
-  color: white;
+  color: rgb(255, 255, 255);
 }
 
 .active {
@@ -72,6 +75,11 @@
   clear: right;
   margin: 10px;
 }
+.float {
+  float: right;
+  clear: right;
+  margin: 10px;
+}
 
 .floatright2 {
   float: right;
@@ -118,4 +126,10 @@ p{
 .test3 li {
   font-size: 17px;
   margin: 5px;
-}
+}
+.table th, .try td, .No td {
+  background-color:#7ad1ef;
+}
+.okay td, .yes td {
+  background-color:aquamarine;
+}

design.html

@@ -33,7 +33,48 @@ window.onload = init;
 <article>
   <h2>Procedure followed to design and construct the cooking Stove</h2>
   <h2 class="floatright">Thermal design assumption of the cooking stove</h2>
-  <img src="images/thermal_design_table" class="floatright" height="250" alt="Thermal Design Assumption Table">
+  <table width="500" class="float" height="80" alt="Thermal Design Assumption Table" border="1">
+    <tr class="table"> 
+      <th align="left">No-</th>
+      <th align="center">Material</th>
+      <th align="center">Parameter</th>
+      <th align="center">Units</th>
+      <th align="center">Values</th>
+      <th align="center">Reference</th>
+    </tr>
+    <tr class="okay">
+      <td align="left">1</td>
+      <td align="left">Fuel<br>wood twigs</td>
+      <td align="left">Calorific<br>Value</td>
+      <td align="left">MJ/kg</td>
+      <td align="left"></td>
+      <td align="left"></td>
+    </tr>
+    <tr class="try">
+      <td align="left">2</td>
+      <td align="left">Stainless<br>Steel</td>
+      <td align="left">Thermal<br>Conductivity</td>
+      <td align="left">W.m<sup>-1</sup><br>K-1</td>
+      <td align="left">16</td>
+      <td align="left">Young 1992</td>
+    </tr>
+    <tr class="yes">
+      <td align="left">3</td>
+      <td align="left">Air</td>
+      <td align="left">Thermal<br>Conductivity</td>
+      <td align="left">W.m<sup>-1</sup><br>K-1</td>
+      <td align="left">0.02</td>
+      <td align="left">Lienhard IV<br>2000</td>
+    </tr>
+    <tr class="No">
+      <td align="left">4</td>
+      <td align="left">Flame</td>
+      <td align="left">Theoretical<br>Maximum<br>Temperature</td>
+      <td align="left">K</td>
+      <td align="left">2123</td>
+      <td align="left">Yusur 2011</td>
+    </tr>
+  </table>
   <ul class="test3">
     <li class="sources">Test the performance of designs based on the experience of Zimbabwe
       residents who cook inside of their dwellings without proper ventilation

index.html

@@ -28,7 +28,6 @@ window.onload = init;
     <li class="news"><a href="about.html">About</a></li>
   </ul>
 <h1>The Inexpensive IAP Reduction System</h1>
-
 <p>
   <img class="floatright" src="images/woman_cooking.png" 
 height="220" alt="Woman Cooking">
@@ -54,6 +53,7 @@ indoor air pollution are from low-income communities which makes it very difficu
 expensive clean cooking stoves. Most of the existing solution focus only on reduction of Indoor Air
 Pollution, but fall short on distribution the solution to billions of people who need it.
 </p>
+
 <p>
   <img class="floatleft" src="images/traditional_stove.png" 
 height="200" alt="traditional stove">
@@ -72,6 +72,7 @@ units worldwide.
 the thermoelectric chips to generate electricity from the cooking stove's waste heat is evaluated. Its cost per watt
 hour is compared to alternatives such as simple solar panels with local storage (batteries or super capacitors.)
 </p>
+
 <footer>
 <a id="vLink1"><strong> HTML </strong> Valid! </a> |
 <a id="vLink2"><strong> CSS </strong> Valid! </a>