You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
ozgurkon-site/themes/devfest-theme-hugo/layouts/index.html

124 lines
3.0 KiB

{{ define "main" }}
{{ .Content }}
{{ if .Params.info }}
<section class="info">
<h2>Le DevFest Toulouse, c'est quoi ?</h2>
<div>
<p>{{ .Site.Data.home.info }}</p>
{{ if .Site.Data.home.what }}
<div class="numbers">
{{range .Site.Data.home.what }}
<div class="number">
<strong>{{ .value }}</strong>
<div>{{ .label }}</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</section>
{{ end }}
{{ if .Params.speakers }}
<section class="speakers">
<h2>Rockstar speakers</h2>
{{ if .Site.Data.home.speakers.top }}
<ul class="shuffle">
{{ range where .Site.RegularPages "Params.id" "in" .Site.Data.home.speakers.top }}
<li>
{{ partial "speaker.html" . }}
</li>
{{ end }}
</ul>
{{ end }}
{{ if .Site.Data.home.speakers.otherspeakers }}
<a class="btn primary" href="/speakers/">Voir tous les speakers</a>
{{ end }}
</section>
{{ end }}
{{ if .Params.subscribe }}
<section class="subscribe primary">
<h2>Soyez notifié des dernières informations !</h2>
<button class="inverse" id="btnSubscribe">Souscrire</button>
</section>
{{ end }}
{{ if .Params.tickets }}
<section class="tickets">
<h2>Billets</h2>
<a class="btn primary" target="_blank" href="https://www.billetweb.fr/devfest-toulouse-2019">Billeterie</a>
<ul>
{{range .Site.Data.tickets }}
<li>{{ partial "ticket.html" . }}</li>
{{ end }}
</ul>
<p>
<small>
* Votre billet vous donne accès à toutes les conférences, aux pauses café, et au repas. L'hébergement n'est PAS
inclus dans ce prix.
</small>
</p>
</section>
{{ end }}
{{ if .Params.location }}
<section class="location">
<good-map id="map" api-key="{{ .Site.Params.map.googleMapsAPIKey }}" latitude="{{ .Site.Params.map.latitude }}"
longitude="{{ .Site.Params.map.longitude }}" zoom="{{ .Site.Params.map.zoom }}" map-options="{{ replace .Site.Params.map.options "\n" ""}}">
</good-map>
<div class="description">
<h2>Le lieu</h2>
<h3>{{ .Site.Params.location.name }}</h3>
<p>{{ .Site.Params.location.description }}</p>
<div class="direction">
{{ .Site.Params.location.address }}
{{ if .Site.Params.location.pointer }}
<a class="btn btn-icon-only icon-direction" target="_blank" aria-label="Itinéraire" href="https://www.google.com/maps/dir/?api=1&destination={{ .Site.Params.location.pointer.latitude }},{{ .Site.Params.location.pointer.longitude }}"></a>
{{ end }}
</div>
</div>
</section>
{{ end }}
{{ if .Params.partners }}
<section class="partners">
<h2>Partenaires</h2>
{{ range .Site.Data.partners }}
{{partial "partnersgroup.html" . }}
{{ end }}
</section>
{{ end }}
{{ end }}
{{ define "scripts"}}
<script>
document.querySelector('#map')
.addEventListener('google-map-ready', (e) => {
new google.maps.Marker({
position: {
lat: parseFloat('{{ .Site.Params.location.pointer.latitude }}'),
lng: parseFloat('{{ .Site.Params.location.pointer.longitude }}'),
},
icon: {
url: 'images/map-marker.svg',
anchor: new google.maps.Point(25, 50),
scaledSize: new google.maps.Size(50, 50),
},
map: e.detail,
});
}, {
once: true
});
</script>
{{ end }}