From 07e7dee0157324d72956ce2929bcdcd75404480d Mon Sep 17 00:00:00 2001
From: Paul Wallace <paulwallace@pauls-air.dynamic.ucsd.edu>
Date: Thu, 27 Oct 2016 18:48:01 -0700
Subject: [PATCH] Update the website to show the different buttons for walking,
 driving and bussing

---
 public/images/bus.svg                | 49 +++++++++++++++++++++++++++++++++
 public/images/car-compact.svg        | 52 ++++++++++++++++++++++++++++++++++++
 public/images/pedestrian-walking.svg | 49 +++++++++++++++++++++++++++++++++
 public/stylesheets/main.css          | 10 +++++++
 views/pages/index.ejs                | 35 +++++++++++++-----------
 5 files changed, 179 insertions(+), 16 deletions(-)
 create mode 100644 public/images/bus.svg
 create mode 100644 public/images/car-compact.svg
 create mode 100644 public/images/pedestrian-walking.svg

diff --git a/public/images/bus.svg b/public/images/bus.svg
new file mode 100644
index 0000000..929dfc7
--- /dev/null
+++ b/public/images/bus.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="76.334px" height="76.334px" viewBox="0 0 76.334 76.334" style="enable-background:new 0 0 76.334 76.334;"
+	 xml:space="preserve">
+<g>
+	<path d="M2.386,21.467h2.386v14.312H2.386C1.067,35.779,0,34.717,0,33.394v-9.542C0,22.54,1.067,21.467,2.386,21.467z
+		 M73.948,21.467h-2.388v14.312h2.388c1.317,0,2.386-1.062,2.386-2.385v-9.542C76.334,22.54,75.268,21.467,73.948,21.467z
+		 M66.792,16.698v42.937c0,2.638-2.133,4.771-4.771,4.771v4.771c0,2.639-2.133,4.771-4.771,4.771h-4.772
+		c-2.637,0-4.771-2.137-4.771-4.771v-4.771H28.626v4.771c0,2.639-2.134,4.771-4.771,4.771h-4.769c-2.638,0-4.771-2.137-4.771-4.771
+		v-4.771c-2.637,0-4.771-2.137-4.771-4.771V16.698C9.542,8.796,15.954,2.386,23.855,2.386H52.48
+		C60.382,2.386,66.792,8.794,66.792,16.698z M28.626,11.928h19.083V7.157H28.626V11.928z M23.855,54.866
+		c0-2.641-2.134-4.771-4.769-4.771c-2.637,0-4.771,2.133-4.771,4.771c0,2.635,2.134,4.771,4.771,4.771
+		C21.72,59.636,23.855,57.499,23.855,54.866z M62.021,54.866c0-2.641-2.133-4.771-4.771-4.771s-4.771,2.133-4.771,4.771
+		c0,2.635,2.136,4.771,4.771,4.771C59.889,59.636,62.021,57.499,62.021,54.866z M62.021,16.698H14.313v28.625h47.708V16.698
+		L62.021,16.698z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/images/car-compact.svg b/public/images/car-compact.svg
new file mode 100644
index 0000000..3c3673a
--- /dev/null
+++ b/public/images/car-compact.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="447.645px" height="447.645px" viewBox="0 0 447.645 447.645" style="enable-background:new 0 0 447.645 447.645;"
+	 xml:space="preserve">
+<g>
+	<path d="M447.639,244.402c0-8.805-1.988-17.215-5.578-24.909c-0.37-1.956-0.793-3.909-1.322-5.89l-38.884-96.365l-0.263-0.867
+		c-13.605-40.509-32.963-78.001-82.049-78.001H131.868c-50.296,0-68.069,38.421-81.972,77.776l-40.673,96.6
+		C3.343,222.167,0,232.944,0,244.402v29.986c0,4.636,0.548,9.171,1.59,13.539C0.577,290.566,0,293.41,0,296.408v89.185
+		c0,13.078,10.602,23.682,23.68,23.682h49.14c13.071,0,23.673-10.604,23.673-23.682v-44.599h257.46v44.599
+		c0,13.078,10.604,23.682,23.683,23.682h46.326c13.083,0,23.683-10.604,23.683-23.682v-89.195c0-2.987-0.583-5.844-1.588-8.474
+		c1.038-4.375,1.588-8.905,1.588-13.54v-29.981H447.639z M78.754,125.821c15.483-43.683,27.934-57.018,53.114-57.018h187.664
+		c24.995,0,38.913,14.873,53.056,56.83l28.375,57.502c-9.265-3.431-19.461-5.335-30.173-5.335H76.849
+		c-9.645,0-18.862,1.551-27.366,4.358L78.754,125.821z M103.129,285.776H51.281c-9.335,0-16.906-7.578-16.906-16.912
+		c0-9.337,7.571-16.91,16.906-16.91h51.848c9.339,0,16.91,7.573,16.91,16.91C120.039,278.198,112.463,285.776,103.129,285.776z
+		 M286.284,282.389h-120.6c-5.913,0-10.704-4.794-10.704-10.704c0-5.921,4.791-10.713,10.704-10.713h120.6
+		c5.92,0,10.71,4.792,10.71,10.713C296.994,277.595,292.204,282.389,286.284,282.389z M395.051,285.776h-51.846
+		c-9.343,0-16.91-7.578-16.91-16.912c0-9.337,7.573-16.91,16.91-16.91h51.846c9.343,0,16.916,7.573,16.916,16.91
+		C411.967,278.198,404.394,285.776,395.051,285.776z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/images/pedestrian-walking.svg b/public/images/pedestrian-walking.svg
new file mode 100644
index 0000000..b0d8dc6
--- /dev/null
+++ b/public/images/pedestrian-walking.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 470.642 470.642" style="enable-background:new 0 0 470.642 470.642;" xml:space="preserve">
+<g>
+	<g>
+		<path style="fill:#010002;" d="M223.821,76.022c10.333-0.333,19-4.333,26-12s10.333-16.667,10-27
+			c-0.333-10.335-4.167-19.168-11.5-26.5c-7.333-7.333-16.167-10.833-26.5-10.5s-19,4.333-26,12s-10.5,16.667-10.5,27
+			s3.833,19.167,11.5,26.5S213.488,76.355,223.821,76.022z"/>
+		<path style="fill:#010002;" d="M350.321,202.522l-55-30l-45-72c-8.667-10.667-19.333-16-32-16c-8.667,0-17,3.667-25,11l-68,69
+			c-2,2.667-3.333,5.667-4,9l-9,77v2c0,4.666,1.667,8.666,5,12c3.333,3.332,7.333,5,12,5s8.5-1.668,11.5-5c3-3.334,4.833-7,5.5-11
+			l7-66l24-24l-22,184l-39,87.001c-1.333,4-2,7.658-2,11.002c0,7.322,2.5,13.5,7.5,18.5s11.167,7.164,18.5,6.5
+			c10,0,17.333-4.678,22-14l42-94.002c0-0.67,0.333-1.835,1-3.5c0.668-1.67,1.335-3.17,2-4.5c0.667-1.335,1-2.67,1-4l5-45.001
+			l43,148.003c4.667,12,13,17.666,25,17c6.667,0,12.5-2.5,17.5-7.5s7.5-11.178,7.5-18.5c0-0.678-0.167-1.5-0.5-2.5
+			s-0.5-1.836-0.5-2.502l-60-205.001l7-67l17,27c1.333,2,3,3.667,5,5l59,33c4,1.333,6.667,2,8,2c4.667,0,8.667-1.833,12-5.5
+			c3.333-3.668,5-7.834,5-12.5C358.321,210.522,355.654,205.855,350.321,202.522z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 793367d..bbcace6 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -21,4 +21,14 @@
 .text-field {
 	margin-top: 30px;
 	margin-bottom: 30px;
+}
+
+.center-this {
+	margin: 0 auto;
+    width: 100%;
+}
+
+.btn-space{
+	margin-top: 10px;
+	width: 50%;
 }
\ No newline at end of file
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 59b3fc6..374effe 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -1,25 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <% include ../partials/header %>
+    <!-- <% include ../partials/header %> -->
   </head>
 
 
   <body>
-<!--    <nav class="fixed-nav-bar group nav-collapse">
-      <ul class="group">
-        <li><a href="Files/PaulWallaceResume.6.1.1.pdf"  class="resume-link" target="_blank">Resume</a></li>
-      </ul>
-      <a href="#" id="pull" ontouchend="this.onclick=fix">Menu</a>
-    </nav> -->
-
-    <!--asdifhasdfasdfapsdbfasdfa-->
-
-
-
     <div class="container-fluid">
-
-
       <div class="jumbotron text-center">
         <h1>Safe Routes</h1> 
         <p>The best way to find the safest routes.</p> 
@@ -27,7 +14,7 @@
 
       <!--What are for and type for?-->
 
-      <form class="text-center" action="/landing">
+      <form action="/landing">
         <div class="form-group text-center">
           <label for="currentLocation">From</label>
           <input type="currentLocation" class="form-control" placeholder="Enter Current Location">
@@ -37,7 +24,23 @@
           <label for="destination">To</label>
           <input type="destination" class="form-control" placeholder="Enter Destination">
         </div>
-        <button type="submit" class="btn btn-primary">Go</button>
+
+          <div class="row">
+            <button type="button" class="btn-default col-xs-4">
+              <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40">
+            </button>
+            <button type="button" class="btn-default col-xs-4">
+              <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40">
+            </button>
+            <button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();">
+              <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40">
+            </button>
+          </div>
+        <div class="text-center">
+          <button type="submit" class="btn btn-primary btn-space">Go</button>
+
+        </div>
+
       </form>
 
     </div>
-- 
1.9.1