Commit 380ebbf0a3233f8fb37e65a8000dcc4879371553

Authored by Paul Wallace
Exists in master

Merge for the buttons with heroku

Showing 2 changed files Inline Diff

# Logs 1
logs 2
*.log 3
npm-debug.log* 4
5 1
# Runtime data 6 2 # Node build artifacts
pids 7 3 node_modules
*.pid 8 4 npm-debug.log
*.seed 9
*.pid.lock 10
11 5
# Directory for instrumented libs generated by jscoverage/JSCover 12 6 # Local development
lib-cov 13 7 *.env
14 8 *.dev
# Coverage directory used by tools like istanbul 15
coverage 16
17
# nyc test coverage 18
.nyc_output 19
20
#mac 21
.DS_Store 22 9 .DS_Store
23 10
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 11 # Docker
.grunt 25 12 Dockerfile
26 13 docker-compose.yml
# node-waf configuration 27
.lock-wscript 28
29
# Compiled binary addons (http://nodejs.org/api/addons.html) 30
build/Release 31
32
# Dependency directories 33
node_modules 34
jspm_packages 35
36
# Optional npm cache directory 37
.npm 38
39
# Optional eslint cache 40
.eslintcache 41
42
# Optional REPL history 43
views/pages/index.ejs View file @ 380ebbf
<!DOCTYPE html> 1 1 <!DOCTYPE html>
<html lang="en"> 2 2 <html lang="en">
<head> 3 3 <head>
<!-- <% include ../partials/header %> --> 4 4 <!-- <% include ../partials/header %> -->
</head> 5 5 </head>
6 6
<!-- Homepage --> 7 7 <!-- Homepage -->
8 8
<body> 9 9 <body>
<div class="container-fluid"> 10 10 <div class="container-fluid">
<div class="jumbotron text-center"> 11 11 <div class="jumbotron text-center">
<h1>Safe Routes</h1> 12 12 <h1>Safe Routes</h1>
<p>The best way to find the safest routes.</p> 13 13 <p>The best way to find the safest routes.</p>
</div> 14 14 </div>
15 15
<!--What are for and type for?--> 16 16 <!--What are for and type for?-->
<!-- current submit button takes you to the landing page --> 17 17 <!-- current submit button takes you to the landing page -->
<form action="/landing"> 18 18 <form action="/landing">
<!-- First text field and label above the text field for current location --> 19 19 <!-- First text field and label above the text field for current location -->
<div class="form-group text-center"> 20 20 <div class="form-group text-center">
<label for="currentLocation">From</label> 21 21 <label for="currentLocation">From</label>
<input type="currentLocation" class="form-control" placeholder="Enter Current Location"> 22 22 <input type="currentLocation" class="form-control" placeholder="Enter Current Location">
</div> 23 23 </div>
24
<!-- Second text field and label above the text field for destination --> 25 24 <!-- Second text field and label above the text field for destination -->
<div class="form-group text-center"> 26 25 <div class="form-group text-center">
<label for="destination">To</label> 27 26 <label for="destination">To</label>
<input type="destination" class="form-control" placeholder="Enter Destination"> 28 27 <input type="destination" class="form-control" placeholder="Enter Destination">
</div> 29 28 </div>
30
<!-- First travel option button, walking 31 29 <!-- First travel option button, walking
This contains a row that holds buttons of type button. Buttons are highlighted upon selection. 32 30 This contains a row that holds buttons of type button. Buttons are highlighted upon selection.
--> 33 31 -->
<div class="row"> 34 32 <div class="row">
<button type="button" class="btn-default img-thumbnail col-xs-4"> 35 33 <button type="button" class="btn-default img-thumbnail col-xs-4">
<img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40"> 36 34 <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40">
</button> 37 35 </button>
38 36
<!-- Second travel button, driving --> 39 37 <!-- Second travel button, driving -->
<button type="button" class="btn-default img-thumbnail col-xs-4"> 40 38 <button type="button" class="btn-default img-thumbnail col-xs-4">
<img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40"> 41 39 <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40">
</button> 42 40 </button>
43 41
<!-- Third travel button, bus --> 44 42 <!-- Third travel button, bus -->
<button type="button" class="btn-default img-thumbnail col-xs-4" onclick="javascript:autofill();"> 45 43 <button type="button" class="btn-default img-thumbnail col-xs-4" onclick="javascript:autofill();">
<img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40"> 46 44 <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40">
</button> 47 45 </button>
</div> 48 46 </div>