jordi fita mas
b4b7584c14
Customer does not want the next slide to show partially; either it shows theo whole slide, or not at all. Had to remove the min-width for campsite type’s spiel, or it would make the whole thing fall over, i do not know why; possibly because slick could not reduce the width to its expected value.
155 lines
6.2 KiB
Plaintext
155 lines
6.2 KiB
Plaintext
<!--
|
||
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
|
||
SPDX-License-Identifier: AGPL-3.0-only
|
||
-->
|
||
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/template.PublicPage*/ -}}
|
||
<!doctype html>
|
||
<html lang="{{ currentLocale }}">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>{{ template "title" . }} — {{( gettext "Campsite Montagut" )}}</title>
|
||
<link rel="preload" href="/static/fonts/MabryPro-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="preload" href="/static/fonts/MabryPro-Bold.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="stylesheet" media="screen" href="/static/public.css">
|
||
<link rel="stylesheet" media="screen" href="/static/icons.css">
|
||
{{ range .LocalizedAlternates -}}
|
||
<link rel="alternate" hreflang="{{ .Lang }}" href="{{ .HRef }}"/>
|
||
{{ end }}
|
||
<script src="/static/htmx@1.9.3.min.js"></script>
|
||
{{- block "head" . }}{{ end }}
|
||
</head>
|
||
<body>
|
||
<a href="#content">{{( gettext "Skip to main content" )}}</a>
|
||
<header>
|
||
<h1><a href="/{{ currentLocale }}/"><span class="logo">◭</span><span class="name">{{( gettext "Campsite Montagut" )}}</span></a></h1>
|
||
<input type="checkbox" id="menuShowHide">
|
||
<label for="menuShowHide"></label>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="/{{ currentLocale }}/">{{( pgettext "Home" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/campground">{{( pgettext "Campground" "title" )}}</a></li>
|
||
{{ with .Menu -}}
|
||
{{ if .CampsiteTypes -}}
|
||
<li class="has-submenu">
|
||
<button type="button">{{( pgettext "Campsites" "title" )}}</button>
|
||
<ul>
|
||
{{ range .CampsiteTypes -}}
|
||
<li><a href="{{ .HRef }}">{{ .Label }}</a></li>
|
||
{{ end }}
|
||
</ul>
|
||
</li>
|
||
{{- end }}
|
||
{{- end }}
|
||
<li><a href="/{{ currentLocale }}/services">{{( pgettext "Services" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/surroundings">{{( pgettext "Surroundings" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/contact">{{( pgettext "Contact" "title" )}}</a></li>
|
||
{{ if .LocalizedAlternates -}}
|
||
<li class="has-submenu">{{ range .LocalizedAlternates -}}
|
||
{{ if eq .Lang currentLocale }}{{ template "alternateAnchor" . }}{{ end }}
|
||
{{- end }}
|
||
<ul>
|
||
{{ range .LocalizedAlternates }}{{ if ne .Lang currentLocale -}}
|
||
<li>{{ template "alternateAnchor" . }}</li>
|
||
{{ end }}{{ end }}
|
||
</ul>
|
||
</li>
|
||
{{- end }}
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<main id="content">
|
||
{{- template "content" . }}
|
||
</main>
|
||
<footer>
|
||
<div>
|
||
<section>
|
||
<h2>{{( pgettext "Sections" "title" )}}</h2>
|
||
<ul>
|
||
<li><a href="/{{ currentLocale }}/">{{( pgettext "Home" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/campground">{{( pgettext "Campground" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/services">{{( pgettext "Services" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/surroundings">{{( pgettext "Surroundings" "title" )}}</a></li>
|
||
<li><a href="/{{ currentLocale }}/contact">{{( pgettext "Contact" "title" )}}</a></li>
|
||
</ul>
|
||
</section>
|
||
|
||
{{ with .Menu -}}
|
||
{{ if .CampsiteTypes -}}
|
||
<section>
|
||
<h2>{{( pgettext "Campsites" "title" )}}</h2>
|
||
<ul>
|
||
{{ range .CampsiteTypes -}}
|
||
<li><a href="{{ .HRef }}">{{ .Label }}</a></li>
|
||
{{ end }}
|
||
</ul>
|
||
</section>
|
||
{{- end }}
|
||
{{- end }}
|
||
|
||
<section>
|
||
<h2>Obertura 2023</h2>
|
||
<p><strong>Camping i Safari tents:</strong><br>de 08/04 a 09/10</p>
|
||
<p><strong>Cabanes i Bungalows:</strong><br>de 08/04 a 11/12</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>{{ .CompanyAddress.TradeName }}</h2>
|
||
{{ template "companyAddress" .CompanyAddress }}
|
||
{{ printf ( gettext "<abbr title=\"Catalonia Tourism Registry\">RTC</abbr> <abbr title=\"Number\">#</abbr>%s") .CompanyAddress.RTCNumber | raw }}
|
||
</section>
|
||
</div>
|
||
<span>© {{( gettext "Campsite Montagut" )}} | 1984–2023</span>
|
||
</footer>
|
||
</body>
|
||
</html>
|
||
|
||
{{ define "alternateAnchor" -}}
|
||
<a rel="alternate" href="{{ .HRef }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .Endonym }}</a>
|
||
{{- end }}
|
||
|
||
{{ define "companyAddress" -}}
|
||
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/template.address*/ -}}
|
||
<address>
|
||
{{ .Address }}<br>
|
||
{{ .PostalCode}} · {{ .City }} · {{ .Province }}<br>
|
||
<abbr>T</abbr> <a href="tel:{{ replaceAll .Phone " " "" }}">{{ .Phone }}</a><br>
|
||
<a href="mailto:{{ .Email }}">{{ .Email }}</a>
|
||
</address>
|
||
{{- end }}
|
||
|
||
{{ define "carouselStyle" -}}
|
||
<link rel="stylesheet" media="screen" href="/static/slick@1.8.1.css">
|
||
{{- end }}
|
||
|
||
{{ define "carouselInit" -}}
|
||
<script src="/static/jquery@3.7.1.min.js"></script>
|
||
<script src="/static/slick@1.8.1.min.js"></script>
|
||
<script>
|
||
jQuery(function () {
|
||
jQuery('.carousel').slick({
|
||
slidesToShow: 3,
|
||
slidesToScroll: 1,
|
||
infinite: false,
|
||
arrows: true,
|
||
prevArrow: '<button type="button" class="slick-prev">←</button>',
|
||
nextArrow: '<button type="button" class="slick-next">→</button>',
|
||
responsive: [
|
||
{
|
||
breakpoint: 1024,
|
||
settings: {
|
||
slidesToShow: 2,
|
||
}
|
||
},
|
||
{
|
||
breakpoint: 768,
|
||
settings: {
|
||
slidesToShow: 1,
|
||
}
|
||
},
|
||
]
|
||
});
|
||
});
|
||
</script>
|
||
{{- end }}
|