hoofit/indexes.html at master · SeleniumK/hoofit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width-device-width" initial-scale="1">
    <title>Hoofit!</title>
    <link rel="stylesheet" href="/styles/icomoon.css">
    <link rel="stylesheet" href="/styles/layout.css">
    <link rel="stylesheet" href="/styles/base.css">
    <link rel="stylesheet" href="/styles/nav.css">
    <link rel="stylesheet" href="/styles/modules.css">
  </head>
  <body>
    <header>
      <img alt="Hoof It Logo" src="/images/hoofitlogo.png"/>
      <h3>Explore Seattle a pie. Con Seguridad</h3>
      <div class="icon-menu"></div>
      <nav id="menu">
        <ul>
          <li><a href="/es/routes">Rutas</a></li>
          <li><a href="/es/destinations">Destinaciones</a></li>
          <li><a href="/es/about">Nuestro Equipo</a></li>
          <li><a href="/es/contact">En contacto con nosotros</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <script id="dest-template" type="text/x-handlebars-template">
        <li>
          {{nombre}} : {{vicinidad}}
        </li>
      </script>
      <section id="home">
        <section class="overlaySection">
          <h2>Llegar a su destino</h2>
          <a href="/routes" title="Find Route"><button>Buscar una ruta</button></a>
        </section>
        <section class="overlaySection">
          <h2>Buscar lugares caminables cerca a ti</h2>
          <a href="/destinations" title="Find Place"><button>Buscar Lugares</button></a>
        </section>
        <a rel="external" href="http://hoofit.herokuapp.com/">In English</a>
      </section>
      <section id="routes">
        <fieldset>
          <label for="starting">Dirección Partida:</label>
          <input id="startpoint" type="text" name="starting" value=""/>
          <label for="ending">Destinación:</label>
          <input id="endpoint" type="text" name="ending" value=""/>
          <input id="submitinfo" type="submit" name="submit" value="Find Route"/>
        </fieldset>
        <h3>Alertas de Ruta</h3>
          <div id=routeAlerts></div>
        <h3>Directions:</h3>
          <div id="writtenDirections"></div>
          <div id="warnings"></div>
          <a href="#">Ver donde existen señales accesibles!</a>
          <p id=maploading>Mapa....Carga!</p>
          <section id="map">
          </section>
      </section>
      <section id="destinations">
        <form id="destInput">
          <label>Su locación
            <input type="text" id="address" name="address" required/>
          </label>
          <label>Keyword
            <input type="text" id="keyword" name="keyword"/>
          </label>
          <label>Dentro de
            <select id="miles">
              <option value="400">1/4 Milla</option>
              <option value="800">1/2 Milla</option>
              <option value="1600">1 Milla</option>
              <option value="2400">1 1/2 Millas</option>
              <option value="3200">2 Millas</option>
            </select>
          </label>
          <input type="submit" name="destSubmit" value="Find Places"/>
        </form>
        <ul id="destInfo">
        </ul>
        <p id="errormessage">No pude encontrar nada!</p>
      </section>
      <section id="about">
        <figure>
          <div><img src="/images/selena.png" alt="photo of Selena Flannery"></div>
            <p id="selena-about">Un ex estudiante de Bio, he sido desarrollo transición en web (y eventualmente software). Han sido realmente disfrutando de JS y estoy mirando adelante a zambullirse en Python en el próximo mes. Que no sea de programación, soy apasionado por el teatro, la música y el ecologismo.</p>
          <div><img src="/images/sawako.png" alt="photo of Sawako Ishida"></div>
            <p id="sawako-about">Quiero aprender programación y me gustaría ser un desarrollador web profesional que puede codificar cosas frontend y backend! Amo a los perros tanto como codificación!</p>
          <div><img src="/images/amy.png" alt="photo of Amy Leek"></div>
            <p id="amy-about">Un desarrollador web hace poco de HP, donde trabajé en la tienda web de China y el sitio de soporte. Actualmente trabajando para modernizar mis habilidades y reincorporarse a la industria. Fuera del trabajo, me gusta juegos de video, tejer y spinning mi propio hilo.</p>
          <div><img src="/images/willie.png" alt="photo of Willie Richardson"></div>
            <p id="willie-about">En la actualidad un aspirantes a desarrollador de software. He hecho todo lo que interprete de español a trabajar como guía de mochilero.</p>
        </figure>
      </section>
      <section id="contact">
        <p>El equipo de desarrollo del enganche-It es un equipo de estudiantes de CodeFellows, con sede en el barrio SLU de Seattle.</p>
        <p>Este proyecto es de código abierto--no dude en <a href="https://github.com/SeleniumK/hoofit">Compruebe hacia fuera nuestro trabajo!</a></p>
        <div id="email">
          <h3>¿Tiene preguntas? Envíenos un correo electrónico</h3>
            <ul>
              <li><a href="mailto:selena.flannery@gmail.com?Subject=HoofIt">Selena Flannery</a></li>
              <li><a href="mailto:sawakoyoriko@gmail.com?Subject=HoofIt">Sawako Ishida</a></li>
              <li><a href="mailto:amyeleek@gmail.com?Subject=HoofIt">Amy Leek</a></li>
              <li><a href="mailto:willie.richardson72@gmail.com?Subject=HoofIt">Willie Richardson</a></li>
            </ul>
        </div>
      </section>
      <footer></footer>
    </main>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
    <script src="/vendor/handlebars.js"></script>
    <script src="/vendor/page.js"></script>
    <script src="/scripts/map.js"></script>
    <script src="/scripts/dest.js"></script>
    <script src="/scripts/marker.js"></script>
    <script src="/scripts/sidewalks.js"></script>
    <script src="/scripts/pageView.js"></script>
    <script src="/scripts/pageController.js"></script>
    <script src="/scripts/routes.js"></script>
    <script id="gmapUrl" async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDVQphyrzeP4Ban8JSt8RY4NpZzKUwJ01I&libraries=places&language=es&callback=googleCall">
    </script>
  </main>
  </body>
</html>