camper/web/templates/public/home.gohtml

109 lines
4.6 KiB
Plaintext
Raw Normal View History

<!--
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
SPDX-License-Identifier: AGPL-3.0-only
-->
{{ define "title" -}}
Split templates and handlers into admin and public I need to check that the user is an employee (or admin) in administration handlers, but i do not want to do it for each handler, because i am bound to forget it. Thus, i added the /admin sub-path for these resources. The public-facing web is the rest of the resources outside /admin, but for now there is only home, to test whether it works as expected or not. The public-facing web can not relay on the user’s language settings, as the guest user has no way to set that. I would be happy to just use the Accept-Language header for that, but apparently Google does not use that header[0], and they give four alternatives: a country-specific domain, a subdomain with a generic top-level domain (gTLD), subdirectories with a gTLD, or URL parameters (e.g., site.com?loc=de). Of the four, Google does not recommend URL parameters, and the customer is already using subdirectories with the current site, therefor that’s what i have chosen. Google also tells me that it is a very good idea to have links between localized version of the same resources, either with <link> elements, Link HTTP response headers, or a sitemap file[1]; they are all equivalent in the eyes of Google. I have choosen the Link response headers way, because for that i can simply “augment” ResponseHeader to automatically add these headers when the response status is 2xx, otherwise i would need to pass down the original URL path until it reaches the template. Even though Camper is supposed to be a “generic”, multi-company application, i think i will stick to the easiest route and write the templates for just the “first” customer. [0]: https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites [1]: https://developers.google.com/search/docs/specialty/international/localized-versions
2023-08-05 01:42:37 +00:00
{{( pgettext "Home" "title" )}}
{{- end }}
{{ define "head" -}}
<link rel="stylesheet" media="screen" href="/static/slick@1.8.1.css">
{{- end }}
{{ define "content" -}}
<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 }}/reservation">{{( pgettext "Booking" "link" )}} <span>→</span></a>
</div>
{{ with .Menu.CampsiteTypes -}}
<div>
{{ range . -}}
<section style="--background-image:url('/static/images/camping_montagut_acampada_tenda.jpg')">
<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="environment">
<h2 class="sr-only">{{ (gettext "Environment")}}</h2>
<div>
<div class="spiel">
<p>Situats a l<strong>Alta Garrotxa</strong>, entre els <strong>Pirineus</strong> i la <strong>Costa
Brava</strong>.</p>
<p>A prop teniu els <strong>gorgs de Sadernes</strong>, <strong>volcans</strong>, <strong>La Fageda den
Jordà</strong>, el call jueu de <strong>Besalú</strong>, la cinglera basàltica de <strong>Castellfollit
de la Roca</strong>… molt per veure i molt per fer.</p>
<p>A menys duna hora de <strong>Girona</strong>, a una de <strong>La Bisbal dEmpordà</strong> i a dues
de
<strong>Barcelona</strong>.</p>
<p><a href="/{{currentLocale}}/environment/">Descobreix lentorn <span>→</span></a></p>
</div>
<figure>
<img src="/static/images/Volca_de_Santa_Margarida.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/Gorga_fosca_Sadernes.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/castellfolit_de_la_roca.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/besalu.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/santa_pau.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/banyoles.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/girn-a.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/costa_brava.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
<figure>
<img src="/static/images/barcelona-1.jpg" alt=""/>
<figcaption>{{( gettext "Legend" )}}</figcaption>
</figure>
</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('.environment > 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 }}