Commit 49613e9effe56886bca2ccc3288e611e91525dd1

Authored by Paul Wallace
1 parent 07e7dee015
Exists in master

Comments for index.ejs

Showing 1 changed file with 22 additions and 12 deletions Side-by-side Diff

views/pages/index.ejs View file @ 49613e9
... ... @@ -4,6 +4,7 @@
4 4 <!-- <% include ../partials/header %> -->
5 5 </head>
6 6  
  7 +<!-- Homepage -->
7 8  
8 9 <body>
9 10 <div class="container-fluid">
10 11  
11 12  
12 13  
... ... @@ -13,29 +14,38 @@
13 14 </div>
14 15  
15 16 <!--What are for and type for?-->
16   -
  17 + <!-- current submit button takes you to the landing page -->
17 18 <form action="/landing">
  19 + <!-- First text field and label above the text field for current location -->
18 20 <div class="form-group text-center">
19 21 <label for="currentLocation">From</label>
20 22 <input type="currentLocation" class="form-control" placeholder="Enter Current Location">
21 23 </div>
22 24  
  25 + <!-- Second text field and label above the text field for destination -->
23 26 <div class="form-group text-center">
24 27 <label for="destination">To</label>
25 28 <input type="destination" class="form-control" placeholder="Enter Destination">
26 29 </div>
27 30  
28   - <div class="row">
29   - <button type="button" class="btn-default col-xs-4">
30   - <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40">
31   - </button>
32   - <button type="button" class="btn-default col-xs-4">
33   - <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40">
34   - </button>
35   - <button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();">
36   - <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40">
37   - </button>
38   - </div>
  31 + <!-- First travel option button, walking
  32 + This contains a row that holds buttons of type button. Buttons are highlighted upon selection.
  33 + -->
  34 + <div class="row">
  35 + <button type="button" class="btn-default col-xs-4">
  36 + <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40">
  37 + </button>
  38 +
  39 + <!-- Second travel button, driving -->
  40 + <button type="button" class="btn-default col-xs-4">
  41 + <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40">
  42 + </button>
  43 +
  44 + <!-- Third travel button, bus -->
  45 + <button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();">
  46 + <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40">
  47 + </button>
  48 + </div>
39 49 <div class="text-center">
40 50 <button type="submit" class="btn btn-primary btn-space">Go</button>
41 51