From b8029cd1311f947b6d7223ea9235cb199c250e66 Mon Sep 17 00:00:00 2001 From: Oriol Carbonell Date: Wed, 20 Dec 2023 13:02:56 +0100 Subject: [PATCH] Update styles --- web/static/public.css | 126 ++++++++++++++++++++++- web/templates/public/contact.gohtml | 1 + web/templates/public/layout.gohtml | 6 ++ web/templates/public/services.gohtml | 2 +- web/templates/public/surroundings.gohtml | 16 +++ 5 files changed, 145 insertions(+), 6 deletions(-) diff --git a/web/static/public.css b/web/static/public.css index 56f8c05..b1e9f9b 100644 --- a/web/static/public.css +++ b/web/static/public.css @@ -770,7 +770,11 @@ dl, .nature div + div, .outside_activities > div { .campsite_type_prices dl { display: flex; justify-content: space-between; - gap: 2.5rem; + gap: 1rem; +} + +.campsite_type_prices dl div:hover { + background-color: transparent; } .campsite_type_prices div { @@ -1034,7 +1038,6 @@ input[type="checkbox"]:checked::before { /* Some focus styles for accessibility */ input[type="radio"]:focus, input[type="checkbox"]:focus { - outline: solid 1px; outline-offset: 2px; } @@ -1138,6 +1141,7 @@ body > footer div, .campsite_type_features, .campsite_type_detail { body > footer div { display: flex; + gap: 3rem; justify-content: space-between; margin: 0 2.5rem; border-bottom: 3px solid black; @@ -1179,24 +1183,136 @@ body > footer span { /* contact */ +@media (max-width: 64rem) { + .contact-page { + grid-template-columns: 1fr !important; + } +} + .contact-page { display: grid; grid-template-columns: 1fr 4fr; + grid-gap: 20px; } address { - font-style: normal; - font-size: 2rem; font-size: calc(16px + .4vw); - margin: 30px 0 0 0; + margin: 30px 0 30px 0; } #map { border-radius: 5px; } +.leaflet-popup-content-wrapper { + border-radius: 5px !important; +} + +.leaflet-popup-content { + font-size: 2rem !important; +} + /* camping map */ #arbres { mix-blend-mode: multiply; } + +/* surrounding */ + +.ad-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 50px 0; +} + +.ad-image-container { + width: 50%; + min-height: 300px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + background-image: url(https://camper.tandem.ws/media/0c0625998215b6caec6e871ab26d791c330f34bb46a2facc9d502d769d207e7b/barranquisme.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.ad-description-container { + width: 50%; + min-height: 300px; + display: flex; + flex-direction: column; + justify-content: center; + padding: 50px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: var(--accent-2); +} + +.ad-description-container h3 { + font-size: calc(16px + .7vw); + font-weight: 400; + line-height: 9rem; +} + +.ad-button { + font-size: calc(18px + 1.7vw); + font-weight: 600; + line-height: 0.9em; + display: flex; + align-items: flex-start; + column-gap: 0.5em; + border-radius: 5px; + color: var(--contrast); +} + +.ad-button .ad-icon svg { + width: 40px; + transform: rotate(320deg) translate3d(-5px,-10px,0); + transition: all 0.5s ease; +} + +.ad-button:hover .gb-icon svg { + transform: rotate(320deg) translate3d(10px,0,0); +} + +.arrow_link { + fill: var(--contrast); +} + +/* services */ + +.services_icon { + position: relative; + z-index: 2; +} + +dt { + position: relative; + z-index: 3; +} + + +.services_icon::before { + content: ''; + background: var(--accent-2); + position: absolute; + width: 60px; + height: 60px; + top: 2px; + left: 2px; + border-radius: 50px; + z-index: 1; +} + +/* +.services_icon:hover::before { + background: var(--accent-2); +} +*/ + +.services_icon a { + color: var(--accent); + text-decoration: var(--accent) wavy underline; +} \ No newline at end of file diff --git a/web/templates/public/contact.gohtml b/web/templates/public/contact.gohtml index eb6ba93..7d6391f 100644 --- a/web/templates/public/contact.gohtml +++ b/web/templates/public/contact.gohtml @@ -18,6 +18,7 @@

{{( pgettext "Contact" "title" )}}

{{ template "companyAddress" .PublicPage.CompanyAddress }} +

GPS: 42º 14’ 43,86’’ / 2º 35’ 58,26’’

diff --git a/web/templates/public/layout.gohtml b/web/templates/public/layout.gohtml index a36e7ac..f8ff3e9 100644 --- a/web/templates/public/layout.gohtml +++ b/web/templates/public/layout.gohtml @@ -87,6 +87,12 @@ {{- end }} {{- end }} +
+

Obertura 2023

+

Camping i Safari tents:
de 08/04 a 09/10

+

Cabanes i Bungalows:
de 08/04 a 11/12

+
+

{{ .CompanyAddress.TradeName }}

{{ template "companyAddress" .CompanyAddress }} diff --git a/web/templates/public/services.gohtml b/web/templates/public/services.gohtml index a9fe6b5..950a539 100644 --- a/web/templates/public/services.gohtml +++ b/web/templates/public/services.gohtml @@ -33,7 +33,7 @@
{{ range .Services -}} -
+
{{ .Name }}
{{ .Description | raw }}
diff --git a/web/templates/public/surroundings.gohtml b/web/templates/public/surroundings.gohtml index 8169c11..3d432fe 100644 --- a/web/templates/public/surroundings.gohtml +++ b/web/templates/public/surroundings.gohtml @@ -9,9 +9,25 @@ {{ define "content" -}}

{{( pgettext "Surroundings" "title" )}}

+
+ +
+ +
+ +
+

Vine a fer barranquisme per Sadernes!

+ Reserva el teu dia + +
+
+ +
+

{{( pgettext "What to Do Outside the Campsite?" "title" )}}

+

{{( gettext "Campsite Montagut is an ideal starting point for quiet outings, climbing, swimming in the river and gorges, volcanoes, the Fageda d’en Jordà, cycle tours for all ages…." )}}