Update History and Lokole costs (#21)

Author: sbathgate

src/index.html

@@ -115,6 +115,14 @@ <h1 class="extra-large no-style">LOKOLE: EMAIL FOR ALL</h1>
                 master) also joined our efforts and with their help in January 2017 our second generation prototype
                 was born. We call it LOKOLE.</p>
 
+              <p><a class="inline" href="https://www.howwemadeitinafrica.com/congolese-inventor-solution-get-rural-africa-emailing/59256/" target="_blank" rel="noopener">
+                Lokole was one of the 10 finalists for the 2017 prestigious Innovation Prize for Africa, an
+                initiative by the Swiss-based African Innovation Foundation which promotes ingenuity on the continent.</a></p>
+
+              <p><a class="inline" href="https://dailyhive.com/vancouver/microsoft-global-hackathon-internet-to-congo-2017" target="_blank" rel="noopener">
+                In August 2017 the Lokole project won the Hack for Africa global category within all of Microsoft
+                and placed third in Hack for Good, an Executive Challenge set by Microsoft President, Brad Smith. More
+                than 200 Microsoft Vancouver employees participated in that year’s Global Hackathon event.</a></p>
             </div>
           </div>
           </div>
@@ -136,8 +144,8 @@ <h1 class="extra-large no-style">LOKOLE: EMAIL FOR ALL</h1>
 
         <div class="row-wrap-layout">
           <div class="table-responsive">
-            <table class="table table-condensed table-bordered" id="lokole-cost">
-              <caption>Approx Lokole price</caption>
+            <table class="table table-condensed table-bordered" id="upgrade-cost">
+              <caption>Approx Lokole price (Case not included)</caption>
               <thead class="text-center">
                 <tr class="active">
                   <th>Item</th>
@@ -146,64 +154,42 @@ <h1 class="extra-large no-style">LOKOLE: EMAIL FOR ALL</h1>
               </thead>
               <tbody class="text-left">
                 <tr class="info">
-                  <td class="shrink">OrangePi</td>
-                  <td class="shrink">$16</td>
+                  <td class="shrink">Raspberry Pi 4 Model B (4GB) + AC 5V 3A charger</td>
+                  <td class="shrink">$100</td>
                 </tr>
                 <tr class="info">
-                  <td class="shrink">E3131 modem</td>
-                  <td class="shrink">$24</td>
+                  <td class="shrink">32GB Samsung EVO+ MicroSD Card (Class 10)</td>
+                  <td class="shrink">$20</td>
                 </tr>
                 <tr class="info">
-                  <td class="shrink">SD card 16GB</td>
-                  <td class="shrink">$12</td>
+                  <td class="shrink">RAVPower Portable Charger 16750mAh External Battery Power Bank</td>
+                  <td class="shrink">$42</td>
                 </tr>
                 <tr class="info">
-                  <td class="shrink">Local SIM card</td>
-                  <td class="shrink">$1</td>
-                </tr>
-                <tr class="active">
-                  <td class="shrink"><strong>Unit initial cost</strong></td>
-                  <td class="shrink"><strong>$53</strong></td>
+                  <td class="shrink">Huawei USB Modem MS2131 is a quad-band HSPA+ modem</td>
+                  <td class="shrink">$65</td>
                 </tr>
-              </tbody>
-
-            </table>
-          </div>
-          <img src="static/lokole.jpg" class="img-thumbnail img-responsive" id="lokole-img" alt="Image of a Lokole device" />
-          <div class="table-responsive">
-            <table class="table table-condensed table-bordered" id="upgrade-cost">
-              <caption>Approx upgrades price</caption>
-              <thead class="text-center">
-                <tr class="active">
-                  <th>Item</th>
-                  <th>USD</th>
-                </tr>
-              </thead>
-              <tbody class="text-left">
                 <tr class="info">
-                  <td class="shrink">Battery</td>
-                  <td class="shrink">$24</td>
+                  <td class="shrink">Cable Matters Right Angle USB Cable, 6 Inches - 90 Degree USB to Micro USB Cable</td>
+                  <td class="shrink">$8</td>
                 </tr>
                 <tr class="info">
-                  <td class="shrink">Extend storage to 64 GB</td>
-                  <td class="shrink">$20</td>
-                </tr>
-                <tr class="info">
-                  <td class="shrink">RasberryPi to improve performace</td>
-                  <td class="shrink">$35</td>
+                  <td class="shrink">Rotating and Swivel Twist USB 2.0 Type A Male to Type A Female 360 Degree Rotation</td>
+                  <td class="shrink">$11</td>
                 </tr>
                 <tr class="info">
-                  <td class="shrink">Outernet integration</td>
-                  <td class="shrink">$118</td>
+                  <td class="shrink">US Cellular 4G LTE SIM Card for Cellphone (3-in-1 Universal Size)</td>
+                  <td class="shrink">$20</td>
                 </tr>
                 <tr class="active">
                   <td class="shrink"><strong>Total upgrades cost</strong></td>
-                  <td class="shrink"><strong>$197</strong></td>
+                  <td class="shrink"><strong>$266</strong></td>
                 </tr>
               </tbody>
 
             </table>
           </div>
+          <img src="static/lokole.jpg" class="img-thumbnail img-responsive" id="lokole-img" alt="Image of a Lokole device" />
         </div>
 
       </div>

src/static/lokole.jpg

@@ -139,6 +139,15 @@ a.no-style {
   text-decoration: none;
 }
 
+a.inline{
+  color: #191919;
+  text-decoration: none;
+}
+
+a.inline:hover {
+  text-decoration: underline;
+}
+
 h1.no-style {
   font-weight: 700;
   line-height: 1;
@@ -204,7 +213,7 @@ h1.no-style {
 
 #lokole-img {
   margin: 15px;
-  max-width: 300px;
+  max-width: 420px;
 }
 
 /* #help-us */