From 1280db79bee7e3b5c031232d4817fde1ee53a13a Mon Sep 17 00:00:00 2001
From: Dana Woodman <dana@danawoodman.com>
Date: Tue, 10 Oct 2017 13:59:44 -0700
Subject: [PATCH] Add shelter button

---
 app.js     |  8 +++---
 build.js   |  8 +++---
 index.html | 75 +++++++++++++++++++++++++++++-------------------------
 3 files changed, 48 insertions(+), 43 deletions(-)

diff --git a/app.js b/app.js
index a8b66bc..d69d4c1 100644
--- a/app.js
+++ b/app.js
@@ -110,19 +110,19 @@ function Row({ columns, item }) {
 
 ReactDOM.render(
   <SmartTable url="http://app.tubbsfireinfo.com/recent_news.json" />,
-  document.getElementById('resource-list')
+  document.getElementById('resource-table')
 )
 ReactDOM.render(
   <SmartTable url="http://app.tubbsfireinfo.com/gas_stations.json" />,
-  document.getElementById('gas-stations')
+  document.getElementById('gas-stations-table')
 )
 
 ReactDOM.render(
   <SmartTable url="http://app.tubbsfireinfo.com/markets.json" />,
-  document.getElementById('markets')
+  document.getElementById('markets-table')
 )
 
 ReactDOM.render(
   <SmartTable url="http://app.tubbsfireinfo.com/shelters.json" />,
-  document.getElementById('shelters')
+  document.getElementById('shelters-table')
 )
diff --git a/build.js b/build.js
index 162cb7b..9587395 100644
--- a/build.js
+++ b/build.js
@@ -10036,12 +10036,12 @@ function Row({ columns, item }) {
   );
 }
 
-ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/recent_news.json' }), document.getElementById('resource-list'));
-ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/gas_stations.json' }), document.getElementById('gas-stations'));
+ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/recent_news.json' }), document.getElementById('resource-table'));
+ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/gas_stations.json' }), document.getElementById('gas-stations-table'));
 
-ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/markets.json' }), document.getElementById('markets'));
+ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/markets.json' }), document.getElementById('markets-table'));
 
-ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/shelters.json' }), document.getElementById('shelters'));
+ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/shelters.json' }), document.getElementById('shelters-table'));
 
 /***/ }),
 /* 343 */
diff --git a/index.html b/index.html
index b902526..a2c7a50 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,10 @@
           <i class="fa fa-book mr-2"></i>
           Resources
         </a>
+        <a href="#shelters" class="btn btn-primary btn-lg mr-3 mb-3" taget="_blank">
+          <i class="fa fa-home mr-2"></i>
+          Shelters
+        </a>
         <a href="#volunteer" class="btn btn-lg btn-info mr-3 mb-3">
           <i class="fa fa-handshake-o mr-2"></i>
           Volunteer
@@ -66,42 +70,11 @@
           Send in new leads
         </a>
       </p>
-      <div id="resource-list"></div>
+      <div id="resource-table"></div>
     </div>
   </div>
 
-  <div id="" class="bg-light section">
-    <div class="container-fluid">
-
-      <h2 class="mb-3 text-center">
-        <i class="fa fa-car mr-3"></i>
-        Gas Stations
-      </h2>
-      <p class="lead mb-5 text-center">A list of gas stations known to be open.</p>
-      <div id="gas-stations"></div>
-
-      <hr class="my-5">
-
-      <h2 class="mb-3 text-center">
-        <i class="fa fa-cutlery mr-3"></i>
-        Markets
-      </h2>
-      <p class="lead mb-5 text-center">A list of markets known to be open.</p>
-      <div id="markets"></div>
-
-      <hr class="my-5">
-
-      <h2 class="mb-3 text-center">
-        <i class="fa fa-home mr-3"></i>
-        Shelters
-      </h2>
-      <p class="lead mb-5 text-center">A list of shelters known to be open.</p>
-      <div id="shelters"></div>
-
-    </div>
-  </div>
-
-  <div id="find-help" class="section">
+  <div id="find-help" class="bg-light section">
     <div class="container">
       <h2 class="text-center mb-5">Find Help</h2>
       <div class="row">
@@ -128,7 +101,7 @@
     </div>
   </div>
 
-  <div id="resources" class="bg-light section">
+  <div id="resources" class="section">
     <div class="container">
       <h2 class="text-center mb-5">Resources</h2>
       <div class="row">
@@ -147,13 +120,45 @@
                 Road closures map
               </a>
             </li>
-
           </ul>
         </div>
       </div>
     </div>
   </div>
 
+  <div id="shelters" class="bg-light section">
+    <div class="container-fluid">
+      <h2 class="mb-3 text-center">
+        <i class="fa fa-home mr-3"></i>
+        Shelters
+      </h2>
+      <p class="lead mb-5 text-center">A list of shelters known to be open.</p>
+      <div id="shelters-table"></div>
+    </div>
+  </div>
+
+  <div id="gas-stations" class="section">
+    <div class="container-fluid">
+      <h2 class="mb-3 text-center">
+        <i class="fa fa-car mr-3"></i>
+        Gas Stations
+      </h2>
+      <p class="lead mb-5 text-center">A list of gas stations known to be open.</p>
+      <div id="gas-stations-table"></div>
+    </div>
+  </div>
+
+  <div id="markets" class="bg-light section">
+    <div class="container-fluid">
+      <h2 class="mb-3 text-center">
+        <i class="fa fa-cutlery mr-3"></i>
+        Markets
+      </h2>
+      <p class="lead mb-5 text-center">A list of markets known to be open.</p>
+      <div id="markets-table"></div>
+    </div>
+  </div>
+
   <a href="https://www.google.com/maps/d/u/0/viewer?mid=1uOC_62hWq1v-zByIOr9HuLXUyTQ&ll=38.4290002157301%2C-122.71496018381544&z=12"
     target="_blank">
     <img src="https://cl.ly/n0Y2/Screen%20Shot%202017-10-09%20at%208.09.36%20PM.png"