From 22aa67d406334ab9404700ea5381847704a6ce39 Mon Sep 17 00:00:00 2001 From: Machiel Date: Tue, 24 Feb 2026 19:10:47 +0100 Subject: [PATCH] Update: Maps --- .gitignore | 3 +- assets/js/main.js | 6 +++ assets/scss/main.scss | 78 +++++++++++++++++++++++++++++++--- hugo.toml | 28 +++++++++++-- hugo_stats.json | 14 ++++--- layouts/index.html | 8 ++-- layouts/partials/head.html | 52 ++++++++++++++++------- layouts/partials/header.html | 2 +- layouts/partials/hero.html | 8 ++-- layouts/partials/map.html | 81 +++++++++++++++++++++--------------- layouts/partials/usps.html | 2 +- static/robots.txt | 2 + 12 files changed, 208 insertions(+), 76 deletions(-) create mode 100644 assets/js/main.js create mode 100644 static/robots.txt diff --git a/.gitignore b/.gitignore index c890b41..d884581 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ public/ resources/_gen/ .hugo_build.lock -node_modules/ \ No newline at end of file +node_modules/ +static/tiles/ \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..749d624 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,6 @@ +AOS.init({ + once: true, + offset: 100, + easing: 'ease', + duration: 1200 + }); diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 406648e..cf7fd38 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -1,12 +1,12 @@ // Globals -$container-max-widths: ( +/* $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1520px -); +); */ // Imports @import "node_modules/bootstrap/scss/bootstrap"; @@ -131,8 +131,13 @@ p { margin-block-start: 0; margin-block-end: 0; padding-bottom: 20px; + + a { + color:$van-emous-orange; + } } + .panel { border-radius: 40px; } @@ -159,6 +164,10 @@ p { font-weight: 400; } +.rounded-img { + border-radius: 20px;; +} + // Menu .top-bar { background-color: #a8bbd5; @@ -189,9 +198,20 @@ p { backdrop-filter: blur(4px); } -@keyframes fadeIn { - from { opacity: 0; transform: translateY(10px); } - to { opacity: 1; transform: translateY(0); } +// Animation +[data-aos^="fade"][data-aos^="fade"] { + transition-property: opacity, transform; +} + +[data-aos="fade-up"] { transform: translateY(30px) !important; } +[data-aos="fade-down"] { transform: translateY(-30px) !important; } + +[data-aos="fade-left"] { transform: translateX(30px) !important; } +[data-aos="fade-right"] { transform: translateX(-30px) !important; } + +[data-aos].aos-animate { + transform: translate(0) !important; + opacity: 1; } .dropdown-menu { @@ -444,6 +464,11 @@ p { } } +// Forms +.form-control { + padding: 16px 22px; +} + // Map #col-map { transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.6s cubic-bezier(0.4, 0, 0.2, 1); @@ -462,6 +487,49 @@ p { transform: translateX(0) !important; } +.ol-control { + background: none !important; +} + +.ol-zoom { + display: none; +} + +.custom-zoom { + bottom: 20px; + right: 20px; + top: auto; + left: auto; + position: absolute; + display: flex; + flex-direction: column; + background: none; +} + +.custom-zoom button { + background-color: #fff !important; + color: $van-emous-orange !important; + border: none !important; + border-radius: 5px !important; + margin-bottom: 5px !important; + width: 30px !important; + height: 30px !important; + font-size: 1.2rem !important; + cursor: pointer; + box-shadow: none; +} + +.custom-zoom button:hover { + background-color: $van-emous-orange !important; + color: #fff !important; +} + +.ol-attribution { + right: 20px !important; + bottom: 10px !important; + display: none !important; +} + // Footer .footer-main { .footer-inner { diff --git a/hugo.toml b/hugo.toml index ef09c37..904d0ae 100644 --- a/hugo.toml +++ b/hugo.toml @@ -1,6 +1,8 @@ baseURL = 'https://vanemous.start-it.nl/' languageCode = 'nl-nl' +defaultContentLanguage = 'nl' title = 'Van Emous Mantelzorgwoningen' +paginate = 10 [build] writeStats = true @@ -37,6 +39,18 @@ title = 'Van Emous Mantelzorgwoningen' url = "/mantelzorgwoningen/type-a/" weight = 1 +[[menus.main]] + parent = "mantelzorgwoningen" + name = "Type B" + url = "/mantelzorgwoningen/type-a/" + weight = 1 + +[[menus.main]] + parent = "mantelzorgwoningen" + name = "Type C" + url = "/mantelzorgwoningen/type-a/" + weight = 1 + [[menus.main]] name = "Over Ons" url = "/over-ons/" @@ -64,10 +78,14 @@ title = 'Van Emous Mantelzorgwoningen' ## Params [params] - description = "Van Emous bouwt hoogwaardige mantelzorgwoningen op maat." + description = "Van Emous bouwt hoogwaardige mantelzorgwoningen op maat. Duurzaam, comfortabel en volledig ontzorgd." telefoon = "+31 6 15116762" + telefoon_link = "+31615116762" email = "info@vanemousmantelzorgwoningen.nl" - google_rating = 5 + address = "Adresgegevens hier..." + + # SEO & Socials + author = "Van Emous" logo = "img/logo.svg" favicon = "favicon.ico" og_image = "img/og-image.jpg" @@ -76,5 +94,7 @@ title = 'Van Emous Mantelzorgwoningen' facebook = "https://facebook.com/vanemous" instagram = "https://instagram.com/vanemous" -[params.seo] - og_image = "img/og-share-image.jpg" \ No newline at end of file +[sitemap] + changefreq = 'monthly' + priority = 0.5 + filename = 'sitemap.xml' \ No newline at end of file diff --git a/hugo_stats.json b/hugo_stats.json index b6d7dcd..33de902 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -56,6 +56,7 @@ "btn-cta", "col-12", "col-6", + "col-8", "col-auto", "col-lg-3", "col-lg-4", @@ -83,6 +84,8 @@ "dropdown-item", "dropdown-menu", "dropdown-toggle", + "fade-left", + "fade-up", "flex-column", "flex-nowrap", "footer-inner", @@ -94,11 +97,11 @@ "form-select", "fs-6", "fw-bold", + "g-2", "g-3", "g-4", "g-5", "g-lg-4", - "google-reviews", "h-100", "h4", "h5", @@ -124,7 +127,6 @@ "mb-4", "mb-5", "mb-lg-5", - "me-1", "me-2", "me-3", "me-lg-5", @@ -142,7 +144,6 @@ "mt-auto", "mt-lg-5", "mx-auto", - "mx-lg-5", "my-5", "my-lg-5", "nav-item", @@ -159,7 +160,6 @@ "opacity-10", "overflow-hidden", "p-4", - "p-5", "panel", "pb-3", "pb-lg-5", @@ -170,14 +170,17 @@ "pt-5", "px-3", "px-4", - "px-lg-4", + "px-5", "px-lg-5", "py-2", "py-3", + "py-4", "py-5", "py-lg-4", + "rounded-img", "rounded-pill", "row", + "shadow", "shadow-sm", "small", "sticky-top", @@ -190,7 +193,6 @@ "text-primary", "text-secondary", "text-uppercase", - "text-warning", "text-white", "text-white-50", "top-bar", diff --git a/layouts/index.html b/layouts/index.html index 6b311bb..4f59015 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -3,8 +3,8 @@ {{ partial "usps.html" . }} {{ if .Params.info_section }} -
-
+
+
@@ -12,7 +12,7 @@ {{ with .Params.info_section.image }} {{ $.Params.info_section.image_alt | default + class="img-fluid rounded-img shadow fade-left"> {{ end }}
@@ -43,7 +43,7 @@ {{ end }} {{ if .Content }} -
+
{{ .Content }}
{{ end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index c4673bd..8fc1855 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -1,23 +1,43 @@ - - - - -{{ block "title" . }}{{ .Title }} | {{ .Site.Title }}{{ end }} -{{ $opts := dict "transpiler" "libsass" "targetPath" "css/main.css" "enableSourceMap" true }} -{{ $style := resources.Get "scss/main.scss" | css.Sass $opts | resources.Minify | resources.Fingerprint }} - - - + + + + + + {{- if .IsHome -}} + {{ .Site.Title }} | {{ .Site.Params.description }} + {{- else -}} + {{ .Title }} | {{ .Site.Title }} + {{- end -}} + + +{{- $description := .Description | default .Summary | default .Site.Params.description -}} + + + +{{ $opts := dict "transpiler" "libsass" "targetPath" "css/main.css" "enableSourceMap" true }} +{{ with resources.Get "scss/main.scss" | css.Sass $opts | resources.Minify | resources.Fingerprint }} + +{{ end }} + + + +{{ with resources.Get "js/main.js" | resources.Minify | resources.Fingerprint }} + +{{ end }} + + + - - - + + + + - - - \ No newline at end of file + + + \ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 6ecf3b1..77a406a 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,6 +1,6 @@
-
+