Change home’s texts to English and add Catalan and Spanish translations

po/ca.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: camper\n"
 "Report-Msgid-Bugs-To: jordi@tandem.blog\n"
-"POT-Creation-Date: 2023-09-10 03:42+0200\n"
+"POT-Creation-Date: 2023-09-11 04:08+0200\n"
 "PO-Revision-Date: 2023-07-22 23:45+0200\n"
 "Last-Translator: jordi fita mas <jordi@tandem.blog>\n"
 "Language-Team: Catalan <ca@dodds.net>\n"
@@ -37,18 +37,34 @@ msgid "Our services"
 msgstr "Els nostres serveis"
 
 #: web/templates/public/home.gohtml:34
-msgid "Environment"
+msgid "Surroundings"
 msgstr "Entorn"
 
-#: web/templates/public/home.gohtml:49 web/templates/public/home.gohtml:53
+#: web/templates/public/home.gohtml:37
-#: web/templates/public/home.gohtml:57 web/templates/public/home.gohtml:61
+msgid "Located in <strong>Alta Garrotxa</strong>, between the <strong>Pyrenees</strong> and the <strong>Costa Brava</strong>."
-#: web/templates/public/home.gohtml:65 web/templates/public/home.gohtml:69
+msgstr "Situats a l’<strong>Alta Garrotxa</strong>, entre els <strong>Pirineus</strong> i la <strong>Costa Brava</strong>."
-#: web/templates/public/home.gohtml:73 web/templates/public/home.gohtml:77
+
-#: web/templates/public/home.gohtml:81
+#: web/templates/public/home.gohtml:38
+msgid "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."
+msgstr "A prop teniu els <strong>gorgs de Sadernes</strong>, <strong>volcans</strong>, <strong>La Fageda d’en 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."
+
+#: web/templates/public/home.gohtml:39
+msgid "Less than an hour from <strong>Girona</strong>, one from <strong>La Bisbal d’Empordà</strong>, and two from <strong>Barcelona</strong>."
+msgstr "A menys d’una hora de <strong>Girona</strong>, a una de <strong>La Bisbal d’Empordà</strong> i a dues de <strong>Barcelona</strong>."
+
+#: web/templates/public/home.gohtml:40
+msgid "Discover the surroundings"
+msgstr "Descobreix l’entorn"
+
+#: web/templates/public/home.gohtml:44 web/templates/public/home.gohtml:48
+#: web/templates/public/home.gohtml:52 web/templates/public/home.gohtml:56
+#: web/templates/public/home.gohtml:60 web/templates/public/home.gohtml:64
+#: web/templates/public/home.gohtml:68 web/templates/public/home.gohtml:72
+#: web/templates/public/home.gohtml:76
 msgid "Legend"
 msgstr "Llegenda"
 
-#: web/templates/public/home.gohtml:85
+#: web/templates/public/home.gohtml:80
 msgid "Come and enjoy!"
 msgstr "Vine a gaudir!"
 
@@ -522,6 +538,9 @@ msgstr "No podeu deixar el format del número de factura en blanc."
 msgid "Cross-site request forgery detected."
 msgstr "S’ha detectat un intent de falsificació de petició a llocs creuats."
 
+#~ msgid "Environment"
+#~ msgstr "Entorn"
+
 #~ msgctxt "title"
 #~ msgid "New Page"
 #~ msgstr "Nova pàgina"

po/es.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: camper\n"
 "Report-Msgid-Bugs-To: jordi@tandem.blog\n"
-"POT-Creation-Date: 2023-09-10 03:42+0200\n"
+"POT-Creation-Date: 2023-09-11 04:08+0200\n"
 "PO-Revision-Date: 2023-07-22 23:46+0200\n"
 "Last-Translator: jordi fita mas <jordi@tandem.blog>\n"
 "Language-Team: Spanish <es@tp.org.es>\n"
@@ -37,18 +37,34 @@ msgid "Our services"
 msgstr "Nuestros servicios"
 
 #: web/templates/public/home.gohtml:34
-msgid "Environment"
+msgid "Surroundings"
 msgstr "Entorno"
 
-#: web/templates/public/home.gohtml:49 web/templates/public/home.gohtml:53
+#: web/templates/public/home.gohtml:37
-#: web/templates/public/home.gohtml:57 web/templates/public/home.gohtml:61
+msgid "Located in <strong>Alta Garrotxa</strong>, between the <strong>Pyrenees</strong> and the <strong>Costa Brava</strong>."
-#: web/templates/public/home.gohtml:65 web/templates/public/home.gohtml:69
+msgstr "Situados en la <strong>Alta Garrotxa</strong>, entre los <strong>Pirineos</strong> y la <strong>Costa Brava</strong>."
-#: web/templates/public/home.gohtml:73 web/templates/public/home.gohtml:77
+
-#: web/templates/public/home.gohtml:81
+#: web/templates/public/home.gohtml:38
+msgid "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."
+msgstr "Cerca tenéis los <strong>gorgs de Sadernes</strong>, <strong>volcanes</strong>, <strong>La Fageda d’en Jordà</strong>, la judería de <strong>Besalú</strong>, el riscal basáltico de <strong>Castellfollit de la Roca</strong>… mucho por ver y mucho por hacer."
+
+#: web/templates/public/home.gohtml:39
+msgid "Less than an hour from <strong>Girona</strong>, one from <strong>La Bisbal d’Empordà</strong>, and two from <strong>Barcelona</strong>."
+msgstr "A menos de una hora de <strong>Girona</strong>, a una de <strong>La Bisbal d’Empordà</strong> y a dos de <strong>Barcelona</strong>."
+
+#: web/templates/public/home.gohtml:40
+msgid "Discover the surroundings"
+msgstr "Descubre el entorno"
+
+#: web/templates/public/home.gohtml:44 web/templates/public/home.gohtml:48
+#: web/templates/public/home.gohtml:52 web/templates/public/home.gohtml:56
+#: web/templates/public/home.gohtml:60 web/templates/public/home.gohtml:64
+#: web/templates/public/home.gohtml:68 web/templates/public/home.gohtml:72
+#: web/templates/public/home.gohtml:76
 msgid "Legend"
 msgstr "Leyenda"
 
-#: web/templates/public/home.gohtml:85
+#: web/templates/public/home.gohtml:80
 msgid "Come and enjoy!"
 msgstr "¡Ven a disfrutar!"
 
@@ -522,6 +538,9 @@ msgstr "No podéis dejar el formato de número de factura en blanco."
 msgid "Cross-site request forgery detected."
 msgstr "Se ha detectado un intento de falsificación de petición en sitios cruzados."
 
+#~ msgid "Environment"
+#~ msgstr "Entorno"
+
 #~ msgctxt "title"
 #~ msgid "New Page"
 #~ msgstr "Nueva página"

web/static/public.css

@@ -250,7 +250,7 @@ nav a {
     justify-content: space-between;
 }
 
-.nature h2, .nature div:first-child a, .services a, .environment .spiel a {
+.nature h2, .nature div:first-child a, .services a, .surroundings .spiel a {
     font-weight: bold;
     line-height: .9em;
 }
@@ -269,7 +269,7 @@ nav a {
     padding: 3rem;
 }
 
-.nature div:first-child a, .services a, .environment .spiel a {
+.nature div:first-child a, .services a, .surroundings .spiel a {
     font-size: calc(1.8rem + 1.7vw);
 }
 
@@ -277,7 +277,7 @@ nav a {
     padding: 1.5rem 2rem;
 }
 
-.nature div:first-child a span, .services a span, .environment .spiel a:hover span {
+.nature div:first-child a span, .services a span, .surroundings .spiel a:hover span {
     display: inline-block;
     transition: transform 0.5s ease;
 }
@@ -318,28 +318,28 @@ nav a {
     background-color: var(--accent);
 }
 
-.environment .spiel {
+.surroundings .spiel {
     font-size: 2.4rem;
     padding-right: 4rem;
 }
 
-.environment .spiel p {
+.surroundings .spiel p {
     margin-bottom: 2rem;
 }
 
-.environment figure {
+.surroundings figure {
     margin-right: 5rem;
     position: relative;
 }
 
-.environment figure img {
+.surroundings figure img {
     height: 40rem;
     width: 100%;
     border-radius: 5px;
     object-fit: cover;
 }
 
-.environment figcaption {
+.surroundings figcaption {
     padding: 10px 15px;
     background: var(--clar);
     width: fit-content;
@@ -351,23 +351,23 @@ nav a {
     font-size: 1.7rem;
 }
 
-.environment .slick-list {
+.surroundings .slick-list {
     order: 1;
     padding: 0 20% 0 0 !important;
 }
 
-.environment .slick-track {
+.surroundings .slick-track {
     display: flex;
     align-items: start;
 }
 
-.environment .slick-slider {
+.surroundings .slick-slider {
     display: flex;
     flex-wrap: wrap;
     justify-content: end;
 }
 
-.environment .slick-arrow {
+.surroundings .slick-arrow {
     font-size: 6rem;
     line-height: 1;
     width: 5rem;
@@ -378,25 +378,25 @@ nav a {
     transition: transform 0.5s ease;
 }
 
-.environment .slick-prev.slick-arrow, .environment .slick-next.slick-arrow {
+.surroundings .slick-prev.slick-arrow, .surroundings .slick-next.slick-arrow {
     opacity: 1;
 }
 
-.environment .slick-prev {
+.surroundings .slick-prev {
     order: 2;
     margin: 2.5rem 4rem 0 0;
 }
 
-.environment .slick-prev:hover {
+.surroundings .slick-prev:hover {
     transform: translateX(-1.3rem);
 }
 
-.environment .slick-next {
+.surroundings .slick-next {
     order: 3;
     margin: 2.5rem 7rem 0 0;
 }
 
-.environment .slick-next:hover {
+.surroundings .slick-next:hover {
     transform: translateX(1.3rem);
 }
 

web/templates/public/home.gohtml

@@ -15,7 +15,7 @@
     <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>
+            <a href="/{{ currentLocale }}/booking">{{( pgettext "Booking" "link" )}} <span>→</span></a>
         </div>
         {{ with .CampsiteTypes -}}
             <div>
@@ -30,19 +30,14 @@
     <section class="services">
         <h2><a href="/{{ currentLocale }}/services">{{( gettext "Our services")}} <span>→</span></a></h2>
     </section>
-    <section class="environment">
+    <section class="surroundings">
-        <h2 class="sr-only">{{ (gettext "Environment")}}</h2>
+        <h2 class="sr-only">{{ (gettext "Surroundings")}}</h2>
         <div>
             <div class="spiel">
-                <p>Situats a l’<strong>Alta Garrotxa</strong>, entre els <strong>Pirineus</strong> i la <strong>Costa
+                <p>{{(gettext "Located in <strong>Alta Garrotxa</strong>, between the <strong>Pyrenees</strong> and the <strong>Costa Brava</strong>.") | raw}}</p>
-                        Brava</strong>.</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>A prop teniu els <strong>gorgs de Sadernes</strong>, <strong>volcans</strong>, <strong>La Fageda d’en
+                <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>
-                        Jordà</strong>, el call jueu de <strong>Besalú</strong>, la cinglera basàltica de <strong>Castellfollit
+                <p><a href="/{{currentLocale}}/surroundings">{{( gettext "Discover the surroundings" )}} <span>→</span></a></p>
-                        de la Roca</strong>… molt per veure i molt per fer.</p>
-                <p>A menys d’una hora de <strong>Girona</strong>, a una de <strong>La Bisbal d’Empordà</strong> i a dues
-                    de
-                    <strong>Barcelona</strong>.</p>
-                <p><a href="/{{currentLocale}}/environment/">Descobreix l’entorn <span>→</span></a></p>
             </div>
             <figure>
                 <img src="/static/images/Volca_de_Santa_Margarida.jpg" alt=""/>
@@ -88,7 +83,7 @@
     <script src="/static/slick@1.8.1.min.js"></script>
     <script>
         jQuery(function () {
-            jQuery('.environment > div').slick({
+            jQuery('.surroundings > div').slick({
                 slidesToShow: 2,
                 slidesToScroll: 1,
                 infinite: false,