From ba26b167cfc06173e4a615b7d3b2b9abe8efd0b0 Mon Sep 17 00:00:00 2001
From: Dana Woodman <dana@danawoodman.com>
Date: Mon, 9 Oct 2017 20:11:31 -0700
Subject: [PATCH] Add map and more info

---
 .vscode/settings.json |  3 +++
 index.html            | 23 ++++++++++++++---------
 output.css            |  2 +-
 styles.scss           |  2 ++
 4 files changed, 20 insertions(+), 10 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..ed94f44
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "git.ignoreLimitWarning": true
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 364c641..8ce80f6 100644
--- a/index.html
+++ b/index.html
@@ -15,23 +15,23 @@
 
   <div class="section bg-light text-center">
     <div class="container">
-      <h1 class="display-1">Tubb's Fire Info</h1>
+      <h1 class="display-2">Tubb's Fire Info</h1>
       <p class="lead">Up-to-date information, resources and news regarding the Tubb's Fire in Sonoma
         County, California.</p>
       <nav class="mt-5">
-        <a href="#donate" class="btn btn-lg btn-success mr-3">
+        <a href="#donate" class="btn btn-lg btn-success mr-3 mb-2">
           <i class="fa fa-money mr-2"></i>
           Donate
         </a>
-        <a href="#find-help" class="btn btn-lg btn-warning mr-3">
+        <a href="#find-help" class="btn btn-lg btn-warning mr-3 mb-2">
           <i class="fa fa-medkit mr-2"></i>
           Find Help
         </a>
-        <a href="#volunteer" class="btn btn-lg btn-info mr-3">
+        <a href="#volunteer" class="btn btn-lg btn-info mr-3 mb-2">
           <i class="fa fa-handshake-o mr-2"></i>
           Volunteer
         </a>
-        <a class="btn btn-danger btn-lg" href="http://bit.ly/sonoma-fire-info" taget="_blank">
+        <a class="btn btn-danger btn-lg mb-2" href="http://bit.ly/sonoma-fire-info" taget="_blank">
           <i class="fa fa-book mr-2"></i>
           Resources
         </a>
@@ -41,7 +41,7 @@
 
   <div id="news" class="section">
     <div class="container">
-      <h2 class="display-4 text-center mb-3">Updates</h2>
+      <h2 class="text-center mb-3">Updates</h2>
       <p class="text-center mb-5">
         <small class="text-muted">Last updated of 10/9 8pm</small>
       </p>
@@ -88,9 +88,14 @@
     </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">
+    <img src="https://cl.ly/n0Y2/Screen%20Shot%202017-10-09%20at%208.09.36%20PM.png"
+      alt="" class="w-100">
+  </a>
+
   <div id="donate" class="section bg-light">
     <div class="container">
-      <h2 class="display-4 text-center mb-5">Donate</h2>
+      <h2 class="text-center mb-5">Donate</h2>
       <div class="row">
         <div class="col-sm-8 mx-auto">
           <ul class="list-group">
@@ -117,7 +122,7 @@
 
   <div id="find-help" class="section">
     <div class="container">
-      <h2 class="display-4 text-center mb-5">Find Help</h2>
+      <h2 class="text-center mb-5">Find Help</h2>
       <div class="row">
         <div class="col-sm-8 mx-auto">
           <ul class="list-group">
@@ -144,7 +149,7 @@
 
   <div id="volunteer" class="section bg-light">
     <div class="container">
-      <h2 class="display-4 text-center mb-5">Volunteer</h2>
+      <h2 class="text-center mb-5">Volunteer</h2>
       <div class="row">
         <div class="col-sm-8 mx-auto">
           <ul class="list-group">
diff --git a/output.css b/output.css
index 6538ae6..4908214 100644
--- a/output.css
+++ b/output.css
@@ -327,7 +327,7 @@ h1, .h1 {
   font-size: 2.5rem; }
 
 h2, .h2 {
-  font-size: 2rem; }
+  font-size: 2.5rem; }
 
 h3, .h3 {
   font-size: 1.75rem; }
diff --git a/styles.scss b/styles.scss
index 72e13dc..05b77c0 100644
--- a/styles.scss
+++ b/styles.scss
@@ -5,6 +5,8 @@ $red: #c16247;
 $font-family-serif: "Roboto Slab", serif;
 $font-family-sans-serif: "Open Sans", serif;
 $headings-font-family: $font-family-serif;
+$font-family-base: $font-family-sans-serif;
+$h2-font-size: 2.5rem;
 
 @import "./node_modules/bootstrap/scss/bootstrap.scss";