mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-27 13:11:22 +01:00
51 lines
No EOL
3.1 KiB
HTML
51 lines
No EOL
3.1 KiB
HTML
<!-- Begin Find Way-->
|
|
<section id="find-way" class="find-way">
|
|
<div id="canvas-map" class="canvas-map"></div>
|
|
<div class="content-wrapper text-left">
|
|
<h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">{{ site.findWayTitle }}</h3>
|
|
<div class="map-card col-lg-3 col-md-4 col-sm-6 col-xs-12">
|
|
<div class="map-search">
|
|
<input type="text" id="location-input" class="location-input" name="location-input" data-input-value="Your location" placeholder="Your location" autocomplete="off">
|
|
<svg id="direction-locate" class="icon icon-geolocation" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-geolocation"></use>
|
|
</svg>
|
|
</div>
|
|
<div class="location-result">
|
|
<span id="result-name" class="result-name"></span>
|
|
<span>to DevFest</span>
|
|
<svg id="direction-cancel" class="icon icon-cross" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-cross"></use>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="map-card location-details col-lg-3 col-md-4 col-sm-6 col-xs-12">
|
|
<ul>
|
|
<li>
|
|
<svg class="icon icon-flag" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-flag"></use>
|
|
</svg>
|
|
<span>{{ site.findWayDistance }}</span>
|
|
<span id="distance" class="detailed-result pull-right"></span>
|
|
</li>
|
|
<li>
|
|
<div id="mode">
|
|
<svg id="mode-icon" class="icon icon-mode" viewBox="0 0 30 32">
|
|
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-flight"></use>
|
|
</svg>
|
|
<select id="mode-select">
|
|
<option value="DRIVING">{{ site.findWayDriving }}</option>
|
|
<option value="WALKING">{{ site.findWayWalking }}</option>
|
|
<option value="BICYCLING">{{ site.findWayBicycling }}</option>
|
|
<option value="TRANSIT">{{ site.findWayTransit }}</option>
|
|
</select>
|
|
<span id="estimateTime" class="detailed-result pull-right"></span>
|
|
</div>
|
|
<a id="find-flight" href="https://google.com/flights" class="pull-right hidden" target="_blank">{{ site.findWayFindFlight }}</a>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
<a href="https://maps.google.com/maps?ll={{ site.eventPlaceCoordinates | replace:' ',''}}&z=17&t=m&hl=en-US&gl=US&mapclient=embed&q={{ site.eventStreetAddress | replace:' ','%20' | replace:',','%2C'}}%2C%20{{ site.eventAddressLocality | replace:' ','%20' | replace:',','%2C'}}" class="view-on-map" target="_blank">{{ site.viewOnMap }}</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Find Way --> |