79 lines
3.4 KiB
Plaintext
79 lines
3.4 KiB
Plaintext
<!--
|
||
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
|
||
SPDX-License-Identifier: AGPL-3.0-only
|
||
-->
|
||
{{ define "title" -}}
|
||
{{( pgettext "Home" "title" )}}
|
||
{{- end }}
|
||
|
||
{{ define "head" -}}
|
||
<link rel="stylesheet" media="screen" href="/static/slick@1.8.1.css">
|
||
{{- end }}
|
||
|
||
{{ define "content" -}}
|
||
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/app.homePage*/ -}}
|
||
<section class="nature">
|
||
<div style="--background-image:url('/static/images/todd-trapani-5LHzBpiTuzQ-unsplash.jpg')">
|
||
<h2>{{ (gettext "The pleasure of camping in the middle of nature…")}}</h2>
|
||
<a href="/{{ currentLocale }}/booking">{{( pgettext "Booking" "link" )}} <span>→</span></a>
|
||
</div>
|
||
{{ with .CampsiteTypes -}}
|
||
<div>
|
||
{{ range . -}}
|
||
<section style="--background-image:url('{{ .Media }}')">
|
||
<h3><a href="{{ .HRef }}"><span>{{ .Label }}</span></a></h3>
|
||
</section>
|
||
{{- end }}
|
||
</div>
|
||
{{- end }}
|
||
</section>
|
||
<section class="services">
|
||
<h2><a href="/{{ currentLocale }}/services">{{( gettext "Our services")}} <span>→</span></a></h2>
|
||
</section>
|
||
<section class="surroundings">
|
||
<h2 class="sr-only">{{ (gettext "Surroundings")}}</h2>
|
||
<div>
|
||
<div class="spiel">
|
||
<p>{{(gettext "Located in <strong>Alta Garrotxa</strong>, between the <strong>Pyrenees</strong> and the <strong>Costa Brava</strong>.") | raw}}</p>
|
||
<p>{{(gettext "Nearby there are the <strong>gorges of Sadernes</strong>, <strong>volcanoes</strong>, <strong>La Fageda d’en Jordà</strong>, the Jewish quarter of <strong>Besalú</strong>, the basaltic cliff of <strong>Castellfollit de la Roca</strong>… much to see and much to do.") | raw}}</p>
|
||
<p>{{(gettext "Less than an hour from <strong>Girona</strong>, one from <strong>La Bisbal d’Empordà</strong>, and two from <strong>Barcelona</strong>.") | raw}}</p>
|
||
<p><a href="/{{currentLocale}}/surroundings">{{( gettext "Discover the surroundings" )}} <span>→</span></a></p>
|
||
</div>
|
||
{{ range .Carousel -}}
|
||
{{ if .Caption -}}
|
||
<figure>
|
||
<img src="{{ .Media }}" alt=""/>
|
||
<figcaption>{{ .Caption }}</figcaption>
|
||
</figure>
|
||
{{- else -}}
|
||
<img src="{{ .Media }}" alt=""/>
|
||
{{- end }}
|
||
{{- end }}
|
||
</div>
|
||
</section>
|
||
<p class="enjoy">{{( gettext "Come and enjoy!")}}</p>
|
||
|
||
<script src="/static/jquery@3.7.1.min.js"></script>
|
||
<script src="/static/slick@1.8.1.min.js"></script>
|
||
<script>
|
||
jQuery(function () {
|
||
jQuery('.surroundings > div').slick({
|
||
slidesToShow: 2,
|
||
slidesToScroll: 1,
|
||
infinite: false,
|
||
arrows: true,
|
||
prevArrow: '<button type="button" class="slick-prev">←</button>',
|
||
nextArrow: '<button type="button" class="slick-next">→</button>',
|
||
responsive: [
|
||
{
|
||
breakpoint: 768,
|
||
settings: {
|
||
slidesToShow: 1,
|
||
}
|
||
},
|
||
]
|
||
});
|
||
});
|
||
</script>
|
||
{{- end }}
|