New: Vergunningcheck online
This commit is contained in:
BIN
assets/images/review-001.webp
Normal file
BIN
assets/images/review-001.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
@@ -23,7 +23,7 @@ weight = 1
|
||||
################################### English language #####################################
|
||||
[Languages.en]
|
||||
languageName = "🇬🇧 English"
|
||||
languageCode = "en-us"
|
||||
languageCode = "en-NL"
|
||||
weight = 2
|
||||
disabled = false
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
title: "Bedankt voor het aanmelden"
|
||||
description: "Maak uw bedrijf beter zichtbaar door opgenomen te worden in onze lijst."
|
||||
draft: false
|
||||
layout: faq
|
||||
layout: general
|
||||
ignoreSearch: true
|
||||
build:
|
||||
list: never
|
||||
@@ -11,12 +11,38 @@ build:
|
||||
|
||||
De ingediende gegevens worden zo spoedig mogelijk verwerkt. Het streven is dat deze binnen een week zichtbaar zijn op de site. Voor vragen is het mogelijk contact op te nemen via [info@mantelzorgwoning.info](mailto:info@mantelzorgwoning.info).
|
||||
|
||||
---
|
||||
|
||||
## Haal meer uit uw website met StartIT
|
||||
|
||||
Specifiek voor de bouw van mantelzorgwoningen zijn diverse tools ontwikkeld die de online presentatie versterken. Deze kunnen op de meeste websites direct worden geplaatst, zonder dat daar aanvullende plugins of licenties voor nodig zijn. Hieronder volgen enkele voorbeelden:
|
||||
|
||||
### Augmented Reality
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h3>Augmented Reality </h3>
|
||||
<p>Hieronder is een 3D-model van voorbeeldwoning. Door op een mobiel apparaat op het AR-icoon te klikken, kan de woning virtueel in de eigen tuin worden geplaatst. Uw klanten kunnen direct een goede indruk krijgen van uw standaardmodellen of maatwerk ontwerp.</p>
|
||||
|
||||
Hieronder is een 3D-model van de ‘Luxe Suite’ weergegeven. Door op een mobiel apparaat op het AR-icoon te klikken, kan de woning direct virtueel in de eigen tuin worden geplaatst. Dit geeft uw klant een uitstekende indruk van de woning die geplaatst gaat worden.
|
||||
{{< 3d model="demo.glb" >}}
|
||||
|
||||
{{< 3d model="demo3.glb" >}}
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<h3>Kavel Check</h3>
|
||||
<p>Met onze interactieve kaart kunnen klanten direct zien of hun kavel geschikt is voor de geplaatste woning.</p>
|
||||
{{< maps >}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
---
|
||||
|
||||
### De slimste formulieren
|
||||
Als uw bedrijf uit een uitnodiging kreeg, dan zag u al een demonstratie van de formulieren. De gegevens waarden (deels) vooraf ingevuld, het adres opende meteen een kaart met diverse eigenschappen zichtbaar. De formulieren maken geen gebruik van een platform of tussenstap. Alle onderdelen zijn in beheer van StartIT en op eigen serverpark, waardoor ze een hoge mate van betrouwbaarheid hebben. De formulieren kunnen gekoppeld worden aan allerhande systemen, enkele voorbeelden hieronder:
|
||||
|
||||
- **PostNL:** Voor automatische postzendingen, zoals brochures of uitnodigingen voor evenementen
|
||||
- **Account-vrije inlogsystemen:** Zoals het Track&Trace systeem, inloggen met een link en basis verificatie
|
||||
- **Koppeling eigen administratie:** Elke invoer opslaan op een eigen systemen, ongeacht welk systeem dat is
|
||||
|
||||
> Geen uitnodiging gehad, of nogmaals een voorbeeld? Hieronder is nog een demonstratie. Vul het adres in en haal direct de gegevens op zoals in het BAG register.
|
||||
|
||||
### Wordt SaaS de baas
|
||||
Software as a Service, het is de katalysator voor hoge IT kosten. Per personeelslid aanvullende accounts aanmaken, soms zelfs aanvullend betalen voor hardware-accounts zoals netwerk printers. De OpenSource oplossingen van StartIT zijn in beheer van jouw eigen bedrijf, zijn oneindig schaalbaar en hebben geen aanvullende kosten voor losse accounts.
|
||||
|
||||
23
content/domus-test/_index.nl.md
Normal file
23
content/domus-test/_index.nl.md
Normal file
@@ -0,0 +1,23 @@
|
||||
---
|
||||
title: "Een simpele demonstratie"
|
||||
description: "Voor intern gebruik"
|
||||
draft: false
|
||||
layout: general
|
||||
ignoreSearch: true
|
||||
build:
|
||||
list: never
|
||||
render: always
|
||||
---
|
||||
|
||||
## Haal meer uit uw website met StartIT
|
||||
|
||||
Specifiek voor de bouw van mantelzorgwoningen zijn diverse tools ontwikkeld die de online presentatie versterken. Deze kunnen op de meeste websites direct worden geplaatst, zonder dat daar aanvullende plugins of licenties voor nodig zijn.
|
||||
|
||||
Hieronder is een 3D-model van voorbeeldwoning. Door op een mobiel apparaat op het AR-icoon te klikken, kan de woning virtueel in de eigen tuin worden geplaatst. De klanten kunnen direct een goede indruk krijgen van zowel standaardmodellen of maatwerk ontwerp.
|
||||
|
||||
### Belangrijk
|
||||
1. Dit werkt nu alleen op **Chrome** met **Android**, uiteraard is Apple ook mogelijk, maar nu nog niet geconverteerd
|
||||
2. De bestanden van Domus zijn geschikt om "objecten individueel te verplaatsen", dus je hebt meteen een 360 graden full configurator
|
||||
3. Er zijn (nog) geen texturen
|
||||
|
||||
{{< 3d model="demo-domuscura.glb" >}}
|
||||
@@ -50,7 +50,7 @@ builders:
|
||||
huur:
|
||||
type:
|
||||
|
||||
- name: "Domuscura"
|
||||
- name: Domuscura
|
||||
specialty: "Zorgvriendelijk en esthetisch"
|
||||
description: "Gespecialiseerd in het bouwen van zorgvriendelijke en esthetische mantelzorgwoningen. Ze bieden aanpasbare basismodellen met een hoogwaardige afwerking die naadloos integreren in de tuin."
|
||||
url: "https://www.domuscura.nl"
|
||||
@@ -63,19 +63,21 @@ builders:
|
||||
type: mogelijk
|
||||
huur:
|
||||
type: mogelijk
|
||||
|
||||
- name: "Duntep"
|
||||
specialty: "Chalet- en recreatiebouw"
|
||||
description: "Biedt betaalbare en robuuste mantelzorgoplossingen op basis van houten constructies. Duntep levert veelal kant-en-klare, verplaatsbare woningen die snel en efficiënt op locatie worden geplaatst."
|
||||
url: "https://www.duntep.nl"
|
||||
email: "info@duntep.nl"
|
||||
fabriek:
|
||||
type: "eigen"
|
||||
type: eigen
|
||||
aantal: 1
|
||||
vergunning: true
|
||||
onderhoud:
|
||||
type: mogelijk
|
||||
huur:
|
||||
type: mogelijk
|
||||
|
||||
- name: "Goed Verblijven"
|
||||
specialty: "Luxe en hoogwaardige bijgebouwen"
|
||||
description: "Richt zich op het bouwen van luxe mantelzorgunits met een moderne, strakke architectuur. Ze onderscheiden zich door het gebruik van duurzame materialen bedoeld voor een lange levensduur."
|
||||
|
||||
@@ -1,34 +1,54 @@
|
||||
---
|
||||
title: "Assess your plot"
|
||||
date: 2025-11-08
|
||||
title: "Check your plot"
|
||||
icon: "fas fa-scale-balanced"
|
||||
description: "You can conduct a preliminary investigation into the possibilities for placement. This is not binding advice."
|
||||
layout: simple
|
||||
description: "You can conduct a free preliminary investigation into the possibilities of placement. This is not binding advice."
|
||||
weight: 3
|
||||
|
||||
faq:
|
||||
- question: "Is the permit check on mantelzorgwoning.info free?"
|
||||
answer: "Yes, this check is a completely free service for individuals to make the complex rules regarding informal care homes ('mantelzorgwoningen') transparent."
|
||||
- question: "What is the information in the check based on?"
|
||||
answer: "The map uses publicly available data from the national 'Omgevingsloket' and current environmental plans from municipalities."
|
||||
- question: "Is the result of the check legally binding?"
|
||||
answer: "No, the outcome is indicative and based on general data. No rights can be derived from it; we always advise a final check with the municipality."
|
||||
- question: "Do I always need a permit for an informal care home?"
|
||||
answer: "Often an informal care home is permit-free, provided there is a demonstrable need for informal care and the home complies with the 'Besluit bouwwerken leefomgeving' (Bbl)."
|
||||
- question: "What happens when the need for informal care ceases?"
|
||||
answer: "As soon as the informal care ends, the residential function expires. The home must then be removed or the kitchen/bathroom must be decommissioned so that it is no longer an independent residence."
|
||||
|
||||
application:
|
||||
- name: "Informal Care Home Permit Check"
|
||||
type: "WebApplication"
|
||||
operatingSystem: "All"
|
||||
applicationCategory: "BusinessApplication"
|
||||
offers:
|
||||
price: 0
|
||||
priceCurrency: "EUR"
|
||||
description: "Free interactive map tool for individuals to directly check the permit rules for informal care homes on their own plot based on public data."
|
||||
featureList: "Interactive map, Environmental plan check, Instant result, Current legislation"
|
||||
---
|
||||
|
||||
{{< notice "info" "Under development">}}
|
||||
This page is currently under construction. We aim to activate an initial version of the application in January.
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
You can investigate your plot for various characteristics, such as available space, soil type, and potential restrictions from Natura2000 or cultural heritage areas. Also, use the link to the 'Omgevingsloket' to include (regional) regulations in the assessment. <br><br>If you require more information about your plot, you can <a href="/contact">contact us</a>.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{< notice "info" "The information is indicative">}}
|
||||
The information in this tool is intended as an indication; for concrete plans, always check the current rules and permit requirements with your municipality.
|
||||
{{< /notice >}}
|
||||
</div>
|
||||
|
||||
Would you like to receive a one-time message when this is active? Please leave your email address below. We will delete your data after sending the notification and do not share it with third parties.
|
||||
<form id="cta-lead-form" class="d-flex flex-column flex-sm-row gap-2 mt-2" novalidate>
|
||||
<input
|
||||
id="cta-email"
|
||||
name="email"
|
||||
type="email"
|
||||
required
|
||||
class="form-control"
|
||||
placeholder="Your email address"
|
||||
aria-label="Your email address"
|
||||
style=""
|
||||
>
|
||||
<button
|
||||
type="submit"
|
||||
id="cta-submit"
|
||||
class="btn btn-primary ms-sm-2 mt-2 mt-sm-0"
|
||||
style="min-width:200px !important;"
|
||||
>
|
||||
Send
|
||||
</button>
|
||||
</form>
|
||||
<p id="cta-message" class="small mt-2"></p>
|
||||
<div style="width:100%;height:70vh;min-height:580px;border-radius:16px;overflow:hidden;box-shadow:0 5px 25px rgba(0,0,0,.1);border:1px solid #fff; margin:26px 0;">
|
||||
<iframe
|
||||
src="https://maps.start-it.nl/?client=mantelzorgwoning"
|
||||
style="width:100%;height:100%;border:0;"
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer"
|
||||
allow="geolocation"
|
||||
title="Interactive map"
|
||||
></iframe>
|
||||
</div>
|
||||
|
||||
## Created by StartIT
|
||||
This public map was created by [StartIT](https://start-it.nl?source=mantelzorgwoning.info). It is for private use; if you wish to use this map for business purposes, please contact [Machiel Heinen](mailto:machiel@start-it.nl).
|
||||
@@ -1,34 +1,55 @@
|
||||
---
|
||||
title: "Toets uw kavel"
|
||||
date: 2025-11-08
|
||||
icon: "fas fa-scale-balanced"
|
||||
description: "U kan een preliminair onderzoek doen naar de mogelijkheden van plaatsing. Dit is geen bindend advies."
|
||||
layout: simple
|
||||
description: "U kan een gratis preliminair onderzoek doen naar de mogelijkheden van plaatsing. Dit is geen bindend advies."
|
||||
weight: 3
|
||||
|
||||
faq:
|
||||
- question: "Is de vergunningscheck op mantelzorgwoning.info gratis?"
|
||||
answer: "Ja, deze check is een volledig gratis dienst voor particulieren om de complexe regels rondom mantelzorgwoningen inzichtelijk te maken."
|
||||
- question: "Waar is de informatie in de check op gebaseerd?"
|
||||
answer: "De kaart maakt gebruik van openbaar beschikbare data uit het landelijke Omgevingsloket en actuele omgevingsplannen van gemeenten."
|
||||
- question: "Is het resultaat van de check juridisch bindend?"
|
||||
answer: "Nee, de uitkomst is indicatief en gebaseerd op algemene data. Er kunnen geen rechten aan worden ontleend; wij adviseren altijd een definitieve toets bij de gemeente."
|
||||
- question: "Heb ik altijd een vergunning nodig voor een mantelzorgwoning?"
|
||||
answer: "Vaak is een mantelzorgwoning vergunningsvrij, mits er een aantoonbare mantelzorgbehoefte is en de woning voldoet aan het Besluit bouwwerken leefomgeving (Bbl)."
|
||||
- question: "Wat gebeurt er als de mantelzorgbehoefte ophoudt?"
|
||||
answer: "Zodra de mantelzorg stopt, vervalt de woonfunctie. De woning moet dan worden verwijderd of de keuken/badkamer moeten worden gesaneerd zodat het geen zelfstandige woning meer is."
|
||||
|
||||
application:
|
||||
- name: "Mantelzorgwoning Vergunningscheck"
|
||||
type: "WebApplication"
|
||||
operatingSystem: "All"
|
||||
applicationCategory: "BusinessApplication"
|
||||
offers:
|
||||
price: 0
|
||||
priceCurrency: "EUR"
|
||||
description: "Gratis interactieve kaarttool voor particulieren om direct de vergunningsregels voor mantelzorgwoningen op hun eigen perceel te checken op basis van openbare data."
|
||||
featureList: "Interactieve kaart, Omgevingsplan check, Direct resultaat, Actuele wetgeving"
|
||||
---
|
||||
|
||||
{{< notice "info" "In ontwikkeling">}}
|
||||
Deze pagina is nog in opbouw. Wij streven ernaar om een eerste versie van de applicatie in januari te activeren.
|
||||
{{< /notice >}}
|
||||
|
||||
Wilt u een eenmalig bericht ontvangen als deze actief is? Laat dan uw e-mail adres achter hieronder. Wij verwijderen uw gegevens na verzending van het bericht en delen deze niet met derden.
|
||||
<form id="cta-lead-form" class="d-flex flex-column flex-sm-row gap-2 mt-2" novalidate>
|
||||
<input
|
||||
id="cta-email"
|
||||
name="email"
|
||||
type="email"
|
||||
required
|
||||
class="form-control"
|
||||
placeholder="Uw e-mailadres"
|
||||
aria-label="Uw e-mailadres"
|
||||
style=""
|
||||
>
|
||||
<button
|
||||
type="submit"
|
||||
id="cta-submit"
|
||||
class="btn btn-primary ms-sm-2 mt-2 mt-sm-0"
|
||||
style="min-width:200px !important;"
|
||||
>
|
||||
Verzenden
|
||||
</button>
|
||||
</form>
|
||||
<p id="cta-message" class="small mt-2"></p>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
U kan uw kavel onderzoeken op diverse eigenschappen, zoals beschikbare ruimte, bodemtype en mogelijke beperkingen vanuit Natura2000- of cultuurgebieden. Maak ook gebruik van de link naar het Omgevingsloket om (regionale) regelgeving mee te nemen in het oordeel. <br><br>Indien u meer informatie nodig heeft over uw kavel, kan u <a href="/contact">contact opnemen</a>.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{< notice "info" "De informatie is indicatief">}}
|
||||
De informatie in deze tool is bedoeld als indicatie; controleer bij concrete plannen altijd de actuele regels en vergunningplicht bij uw gemeente.
|
||||
{{< /notice >}}
|
||||
</div>
|
||||
|
||||
<div style="width:100%;height:70vh;min-height:580px;border-radius:16px;overflow:hidden;box-shadow:0 5px 25px rgba(0,0,0,.1);border:1px solid #fff; margin:26px 0;">
|
||||
<iframe
|
||||
src="https://maps.start-it.nl/?client=mantelzorgwoning"
|
||||
style="width:100%;height:100%;border:0;"
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer"
|
||||
allow="geolocation"
|
||||
title="Interactieve kaart"
|
||||
></iframe>
|
||||
</div>
|
||||
|
||||
## Gemaakt door StartIT
|
||||
Deze publieke kaart is gemaakt door [StartIT](https://start-it.nl?source=mantelzorgwoning.info). Het is voor particulier gebruik, indien u zakelijk gebruik wilt maken van deze kaart, kan u contact opnemen met [Machiel Heinen](mailto:machiel@start-it.nl).
|
||||
@@ -2,6 +2,7 @@
|
||||
"htmlElements": {
|
||||
"tags": [
|
||||
"a",
|
||||
"base",
|
||||
"blockquote",
|
||||
"body",
|
||||
"br",
|
||||
@@ -20,11 +21,13 @@
|
||||
"hr",
|
||||
"html",
|
||||
"i",
|
||||
"iframe",
|
||||
"img",
|
||||
"input",
|
||||
"label",
|
||||
"li",
|
||||
"link",
|
||||
"main",
|
||||
"meta",
|
||||
"model-viewer",
|
||||
"nav",
|
||||
@@ -53,6 +56,8 @@
|
||||
],
|
||||
"classes": [
|
||||
"active",
|
||||
"alert",
|
||||
"alert-light",
|
||||
"align-items-center",
|
||||
"align-items-justify",
|
||||
"badge",
|
||||
@@ -65,10 +70,12 @@
|
||||
"border",
|
||||
"border-0",
|
||||
"border-bottom",
|
||||
"border-end",
|
||||
"border-end-0",
|
||||
"border-muted",
|
||||
"border-start-0",
|
||||
"border-top",
|
||||
"bouwplanner-wrapper",
|
||||
"btn",
|
||||
"btn-lg",
|
||||
"btn-outline",
|
||||
@@ -86,9 +93,11 @@
|
||||
"card-text",
|
||||
"card-title",
|
||||
"col-12",
|
||||
"col-lg-12",
|
||||
"col-lg-3",
|
||||
"col-lg-4",
|
||||
"col-lg-5",
|
||||
"col-lg-6",
|
||||
"col-lg-7",
|
||||
"col-lg-8",
|
||||
"col-lg-9",
|
||||
@@ -167,8 +176,10 @@
|
||||
"form-control-sm",
|
||||
"form-group",
|
||||
"form-inline",
|
||||
"form-switch",
|
||||
"fst-italic",
|
||||
"fw-bold",
|
||||
"g-0",
|
||||
"g-2",
|
||||
"gap-2",
|
||||
"gy-3",
|
||||
@@ -184,6 +195,7 @@
|
||||
"info",
|
||||
"input-group",
|
||||
"input-group-text",
|
||||
"italic",
|
||||
"justify-content-between",
|
||||
"justify-content-center",
|
||||
"justify-content-lg-start",
|
||||
@@ -252,6 +264,8 @@
|
||||
"order-2",
|
||||
"order-md-1",
|
||||
"order-md-2",
|
||||
"overflow-auto",
|
||||
"overflow-hidden",
|
||||
"p-2",
|
||||
"p-3",
|
||||
"p-4",
|
||||
@@ -260,6 +274,7 @@
|
||||
"pagination",
|
||||
"parent",
|
||||
"pb-0",
|
||||
"pb-2",
|
||||
"pe-1",
|
||||
"pe-2",
|
||||
"pe-lg-4",
|
||||
@@ -272,6 +287,7 @@
|
||||
"ps-0",
|
||||
"ps-2",
|
||||
"ps-3",
|
||||
"pt-3",
|
||||
"pt-4",
|
||||
"pt-5",
|
||||
"pt-md-2",
|
||||
@@ -285,6 +301,7 @@
|
||||
"py-5",
|
||||
"rounded",
|
||||
"rounded-1",
|
||||
"rounded-3",
|
||||
"rounded-pill",
|
||||
"row",
|
||||
"search-button",
|
||||
@@ -302,7 +319,6 @@
|
||||
"sidelist",
|
||||
"sidenav",
|
||||
"small",
|
||||
"spinner-border",
|
||||
"start-100",
|
||||
"status-label",
|
||||
"step",
|
||||
@@ -322,6 +338,8 @@
|
||||
"tooltip-word",
|
||||
"top-0",
|
||||
"translate-middle",
|
||||
"u-label",
|
||||
"w-100",
|
||||
"warning",
|
||||
"wipe-overlay"
|
||||
],
|
||||
@@ -349,6 +367,7 @@
|
||||
"aanschafprijs-van-de-woning-indicatie",
|
||||
"aansluiting-op-nutsvoorzieningen",
|
||||
"about-this-website",
|
||||
"actions",
|
||||
"actual-placement-and-use",
|
||||
"adaptation-of-the-existing-dwelling",
|
||||
"additional-on-site-costs",
|
||||
@@ -359,7 +378,7 @@
|
||||
"alternatieve-bewijsvoering",
|
||||
"alternative-evidence",
|
||||
"ar-button",
|
||||
"augmented-reality",
|
||||
"belangrijk",
|
||||
"belangrijke-fiscale-en-financiële-aandachtspunten",
|
||||
"belangrijke-overwegingen-per-type",
|
||||
"benefits-of-an-informal-care-dwelling",
|
||||
@@ -384,9 +403,11 @@
|
||||
"consultation-with-the-municipality",
|
||||
"contact",
|
||||
"contact-form",
|
||||
"content",
|
||||
"conversion-of-existing-buildings",
|
||||
"cookie-box",
|
||||
"cookie-button",
|
||||
"created-by-startit",
|
||||
"cta-email",
|
||||
"cta-lead-form",
|
||||
"cta-message",
|
||||
@@ -398,6 +419,7 @@
|
||||
"de-officiële-procedure",
|
||||
"de-regulatie-via-het-omgevingsplan",
|
||||
"de-situatie-na-het-beëindigen-van-mantelzorg",
|
||||
"de-slimste-formulieren",
|
||||
"de-uitdaging-van-de-tijdelijkheid",
|
||||
"de-verplichting-na-beëindiging",
|
||||
"de-voordelen-op-een-rij",
|
||||
@@ -418,6 +440,7 @@
|
||||
"en",
|
||||
"factory",
|
||||
"factory_count",
|
||||
"feature-details",
|
||||
"features",
|
||||
"feedback",
|
||||
"feitelijke-plaatsing-en-gebruik",
|
||||
@@ -435,6 +458,7 @@
|
||||
"foundation-and-substructure",
|
||||
"fundering-en-onderbouw",
|
||||
"gegevens-van-de-sitebeheerder",
|
||||
"gemaakt-door-startit",
|
||||
"gemeentelijke-eisen-controleren",
|
||||
"goed-verblijven",
|
||||
"haal-meer-uit-uw-website-met-startit",
|
||||
@@ -460,11 +484,13 @@
|
||||
"lazy-load-poster",
|
||||
"lease",
|
||||
"legal-definition-in-the-netherlands",
|
||||
"link-omgevingswet",
|
||||
"lname",
|
||||
"locatie-en-ruimtelijke-eisen",
|
||||
"location-and-spatial-requirements",
|
||||
"mantelzorgwoningennl",
|
||||
"mantelzorgwoningpro",
|
||||
"map",
|
||||
"medical-confirmation",
|
||||
"medische-bevestiging",
|
||||
"message",
|
||||
@@ -514,6 +540,7 @@
|
||||
"second_hand",
|
||||
"select-language",
|
||||
"sett-living",
|
||||
"sidebar",
|
||||
"site-administrator-details",
|
||||
"slogan",
|
||||
"slogan-count",
|
||||
@@ -549,6 +576,7 @@
|
||||
"the-situation-after-informal-care-ends",
|
||||
"the-sustainable-informal-care-dwelling",
|
||||
"tijdelijke-en-modulaire-units",
|
||||
"toggle-panden",
|
||||
"top-totaal-blijf-ook-wonen",
|
||||
"transport-and-crane-work",
|
||||
"transport-en-hijswerk",
|
||||
@@ -585,6 +613,7 @@
|
||||
"why-the-gp-often-refuses",
|
||||
"wipe",
|
||||
"woning-viewer",
|
||||
"wordt-saas-de-baas",
|
||||
"zoning-plan-and-location",
|
||||
"zorgindicatie-en-documentatie-verzamelen"
|
||||
]
|
||||
|
||||
14
layouts/_default/general.html
Normal file
14
layouts/_default/general.html
Normal file
@@ -0,0 +1,14 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="p-4 p-sm-5 shadow rounded content">
|
||||
<h1>{{ .Title }} </h1>
|
||||
<p>{{ .Content }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
12
layouts/_default/simple.html
Normal file
12
layouts/_default/simple.html
Normal file
@@ -0,0 +1,12 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<main id="content" role="main">
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }} </h1>
|
||||
<p>{{ .Content }}</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
{{ end }}
|
||||
@@ -23,6 +23,10 @@
|
||||
},
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "Valkhof 122",
|
||||
"postalCode": "3772EG",
|
||||
"addressLocality": "Barneveld",
|
||||
"addressRegion": "Gelderland",
|
||||
"addressCountry": "NL"
|
||||
},
|
||||
"contactPoint": [
|
||||
|
||||
@@ -19,3 +19,24 @@
|
||||
}
|
||||
</script>
|
||||
{{- end }}
|
||||
|
||||
{{- with .Params.application }}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebApplication",
|
||||
{{- range . }}
|
||||
"name": {{ .name | jsonify }},
|
||||
"operatingSystem": {{ .operatingSystem | jsonify }},
|
||||
"applicationCategory": {{ .applicationCategory | jsonify }},
|
||||
"description": {{ .description | jsonify }},
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": {{ .offers.price | jsonify }},
|
||||
"priceCurrency": {{ .offers.priceCurrency | jsonify }}
|
||||
},
|
||||
"featureList": {{ .featureList | jsonify }}
|
||||
{{- end }}
|
||||
}
|
||||
</script>
|
||||
{{- end }}
|
||||
@@ -1,4 +1,5 @@
|
||||
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
|
||||
<!-- <script type="module" src="/js/model-viewer.min.js"></script> -->
|
||||
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
|
||||
|
||||
<style>
|
||||
.model-container {
|
||||
@@ -18,7 +19,6 @@
|
||||
--poster-color: transparent;
|
||||
}
|
||||
|
||||
/* De poster/lader wordt door model-viewer zelf verborgen na laden */
|
||||
#lazy-load-poster {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -30,12 +30,12 @@
|
||||
|
||||
#ar-button {
|
||||
background-color: #ffffff;
|
||||
border-radius: 30px; /* Iets ronder voor moderne look */
|
||||
border-radius: 30px;
|
||||
border: 1px solid #007bff;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%); /* Netjes in het midden onderaan */
|
||||
transform: translateX(-50%);
|
||||
padding: 12px 24px;
|
||||
font-family: system-ui, -apple-system, sans-serif;
|
||||
font-size: 15px;
|
||||
@@ -56,8 +56,6 @@
|
||||
transform: translateX(-50%) scale(0.95);
|
||||
}
|
||||
|
||||
/* Verbergt de knop op desktop (omdat AR daar niet kan) */
|
||||
/* Maar we laten hem op mobiel altijd staan voor de test */
|
||||
@media (pointer: fine) {
|
||||
#ar-button {
|
||||
display: none;
|
||||
@@ -65,6 +63,8 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- ios-src="/3d/{{ .Get "model" }}.usdz" -->
|
||||
|
||||
<div class="model-container">
|
||||
<model-viewer
|
||||
id="woning-viewer"
|
||||
@@ -75,20 +75,18 @@
|
||||
camera-controls
|
||||
shadow-intensity="1"
|
||||
auto-rotate
|
||||
loading="lazy"
|
||||
touch-action="pan-y"
|
||||
reveal="auto"
|
||||
scale="0.01 0.01 0.01"
|
||||
camera-orbit="45deg 75deg auto">
|
||||
|
||||
<div slot="poster" id="lazy-load-poster">
|
||||
<div class="text-center">
|
||||
<div class="spinner-border text-primary" role="status"></div>
|
||||
<p class="mt-2">Woning wordt op ware grootte geplaatst...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div slot="poster"
|
||||
id="lazy-load-poster"
|
||||
style="background-image: url('/images/favicon.png'); background-position:center; background-repeat:no-repeat;">
|
||||
</div>
|
||||
<button slot="ar-button" id="ar-button">
|
||||
👋 BEKIJK IN UW TUIN
|
||||
</button>
|
||||
</model-viewer>
|
||||
</div>
|
||||
</model-viewer>
|
||||
</div>
|
||||
|
||||
|
||||
140
layouts/shortcodes/maps.html
Normal file
140
layouts/shortcodes/maps.html
Normal file
@@ -0,0 +1,140 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v10.3.1/ol.css">
|
||||
|
||||
<style>
|
||||
.bouwplanner-wrapper { height: 700px; }
|
||||
@media (max-width: 768px) { .bouwplanner-wrapper { height: auto; min-height: 800px; } }
|
||||
#map { background: #f8f9fa; cursor: crosshair; }
|
||||
#sidebar::-webkit-scrollbar { width: 5px; }
|
||||
#sidebar::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 10px; }
|
||||
.u-label { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #6c757d; }
|
||||
</style>
|
||||
|
||||
<div class="row g-0 shadow rounded border overflow-hidden bg-white bouwplanner-wrapper">
|
||||
<div id="sidebar" class="col-md-4 col-lg-3 border-end d-flex flex-column h-100 bg-white p-3">
|
||||
<div class="mb-3 border-bottom pb-2">
|
||||
<h3 class="h5 mb-0 d-flex align-items-center"><span class="me-2">🏠</span> Bouwplanner</h3>
|
||||
</div>
|
||||
<div id="feature-details" class="flex-grow-1 overflow-auto">
|
||||
<div class="alert alert-light border shadow-sm small italic">Zoom in en klik op een gebouw voor de kavelanalyse.</div>
|
||||
</div>
|
||||
<div id="actions" class="mt-3 pt-3 border-top" style="display:none;">
|
||||
<a id="link-omgevingswet" class="btn btn-outline-primary btn-sm w-100 mb-2 shadow-sm fw-bold" target="_blank">Check Omgevingswet</a>
|
||||
</div>
|
||||
<div class="mt-3 p-2 bg-light rounded-3 border">
|
||||
<span class="u-label d-block mb-2">Kaartlagen</span>
|
||||
<div class="form-check form-switch small mb-1">
|
||||
<input class="form-check-input" type="checkbox" id="toggle-panden" checked>
|
||||
<label class="form-check-label" for="toggle-panden">Gebouwen & Percelen</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-lg-9 h-100 position-relative">
|
||||
<div id="map" class="w-100 h-100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/ol@v10.3.1/dist/ol.js"></script>
|
||||
|
||||
<script>
|
||||
const TILESERVER_URL = "https://maps.start-it.nl";
|
||||
let selectedRef = null;
|
||||
|
||||
const pandStyle = new ol.style.Style({
|
||||
fill: new ol.style.Fill({ color: 'rgba(33, 37, 41, 0.15)' }),
|
||||
stroke: new ol.style.Stroke({ color: '#212529', width: 0.8 })
|
||||
});
|
||||
const perceelStyle = new ol.style.Style({
|
||||
stroke: new ol.style.Stroke({ color: '#dc3545', width: 1.5, lineDash: [4, 4] })
|
||||
});
|
||||
const highlightPandStyle = new ol.style.Style({
|
||||
fill: new ol.style.Fill({ color: 'rgba(13, 110, 253, 0.3)' }),
|
||||
stroke: new ol.style.Stroke({ color: '#0d6efd', width: 3 })
|
||||
});
|
||||
const highlightPerceelStyle = new ol.style.Style({
|
||||
stroke: new ol.style.Stroke({ color: '#dc3545', width: 4 }),
|
||||
fill: new ol.style.Fill({ color: 'rgba(220, 53, 69, 0.05)' })
|
||||
});
|
||||
|
||||
const perceelLayer = new ol.layer.VectorTile({
|
||||
source: new ol.source.VectorTile({
|
||||
format: new ol.format.MVT(),
|
||||
url: TILESERVER_URL + '/public.brk_perceel_3857/{z}/{x}/{y}.pbf'
|
||||
}),
|
||||
style: f => (selectedRef && f.get('nationalcadastralreference') === selectedRef) ? highlightPerceelStyle : perceelStyle,
|
||||
minZoom: 14
|
||||
});
|
||||
|
||||
const pandLayer = new ol.layer.VectorTile({
|
||||
source: new ol.source.VectorTile({
|
||||
format: new ol.format.MVT(),
|
||||
url: TILESERVER_URL + '/public.panden_gecalculeerd_final/{z}/{x}/{y}.pbf'
|
||||
}),
|
||||
style: f => (selectedRef && f.get('nationalcadastralreference') === selectedRef) ? highlightPandStyle : pandStyle,
|
||||
minZoom: 15
|
||||
});
|
||||
|
||||
const map = new ol.Map({
|
||||
target: 'map',
|
||||
layers: [
|
||||
new ol.layer.Tile({ source: new ol.source.OSM() }),
|
||||
perceelLayer,
|
||||
pandLayer
|
||||
],
|
||||
view: new ol.View({
|
||||
center: ol.proj.fromLonLat([5.594, 52.285]),
|
||||
zoom: 17,
|
||||
maxZoom: 20
|
||||
})
|
||||
});
|
||||
|
||||
map.on('singleclick', function(evt) {
|
||||
const features = map.getFeaturesAtPixel(evt.pixel);
|
||||
const detailsContainer = document.getElementById('feature-details');
|
||||
const actionsContainer = document.getElementById('actions');
|
||||
|
||||
if (!features || features.length === 0) {
|
||||
selectedRef = null;
|
||||
pandLayer.changed(); perceelLayer.changed();
|
||||
actionsContainer.style.display = 'none';
|
||||
detailsContainer.innerHTML = '<div class="alert alert-light border small italic">Klik op een gebouw voor details.</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
const p = features[0].getProperties();
|
||||
if (p.nationalcadastralreference) {
|
||||
selectedRef = p.nationalcadastralreference;
|
||||
pandLayer.changed(); perceelLayer.changed();
|
||||
|
||||
const volledigNr = (p.huisnummer || '') + (p.huisletter || '') + (p.toevoeging || '');
|
||||
const straatHuis = (p.openbare_ruimte_naam || '') + ' ' + volledigNr;
|
||||
const pc = p.postcode || '';
|
||||
const woonplaats = p.woonplaats_naam || '';
|
||||
|
||||
const percOpp = Math.round(p.perceel_oppervlakte || 0);
|
||||
const bebouwd = Math.round(p.totaal_bebouwd_oppervlakte || 0);
|
||||
const pct = percOpp > 0 ? Math.round((bebouwd / percOpp) * 100) : 0;
|
||||
|
||||
detailsContainer.innerHTML = '<div class="mb-3 mt-1 text-dark">' +
|
||||
'<span class="u-label text-muted">Locatie</span>' +
|
||||
'<h5 class="mb-0 fw-bold">' + straatHuis + '</h5>' +
|
||||
'<div class="small text-muted">' + pc + ', ' + woonplaats + '</div></div>' +
|
||||
'<div class="card bg-light border-0 mb-3 shadow-sm text-dark"><div class="card-body p-3">' +
|
||||
'<div class="row g-0 text-center">' +
|
||||
'<div class="col-6 border-end"><small class="u-label d-block mb-1">Bebouwd</small><span class="h5 fw-bold">' + bebouwd + ' m²</span></div>' +
|
||||
'<div class="col-6"><small class="u-label d-block mb-1">Kavel</small><span class="h5 fw-bold">' + percOpp + ' m²</span></div>' +
|
||||
'</div>' +
|
||||
'<div class="text-center border-top mt-2 pt-2"><small class="u-label">Bezetting: ' + pct + '%</small></div>' +
|
||||
'</div></div>';
|
||||
|
||||
actionsContainer.style.display = 'block';
|
||||
|
||||
const locStr = straatHuis + ', ' + pc + ' ' + woonplaats;
|
||||
document.getElementById('link-omgevingswet').href = 'https://omgevingswet.overheid.nl/regels-op-de-kaart/documenten?locatie=' + encodeURIComponent(locStr);
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('toggle-panden').onchange = function(e) {
|
||||
pandLayer.setVisible(e.target.checked);
|
||||
perceelLayer.setVisible(e.target.checked);
|
||||
};
|
||||
</script>
|
||||
10
themes/godocs-1/assets/js/bootstrap.js
vendored
10
themes/godocs-1/assets/js/bootstrap.js
vendored
@@ -1,7 +1,7 @@
|
||||
// bootstrap js components
|
||||
// import Alert from "js/bootstrap/src/alert";
|
||||
// import Button from "js/bootstrap/src/button";
|
||||
// import Carousel from "js/bootstrap/src/carousel";
|
||||
import Carousel from "js/bootstrap/src/carousel";
|
||||
import Collapse from "js/bootstrap/src/collapse";
|
||||
import Dropdown from "js/bootstrap/src/dropdown";
|
||||
import Modal from "js/bootstrap/src/modal";
|
||||
@@ -45,6 +45,14 @@ import Tab from "js/bootstrap/src/tab";
|
||||
modalOpen = false;
|
||||
}
|
||||
}
|
||||
// Zoek alle carousels en initialiseer ze
|
||||
const carouselList = document.querySelectorAll('.carousel');
|
||||
carouselList.forEach(carousel => {
|
||||
new Carousel(carousel, {
|
||||
ride: 'carousel',
|
||||
interval: 5000 // optioneel: snelheid
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
searchModalEl.addEventListener('hidden.bs.modal', e => {
|
||||
|
||||
@@ -461,4 +461,9 @@ $quote-color: #918e91;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
|
||||
.no-style {
|
||||
box-shadow: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
@@ -40,7 +40,7 @@
|
||||
@import "../bootstrap/modal";
|
||||
// @import "../bootstrap/tooltip";
|
||||
// @import "../bootstrap/popover";
|
||||
// @import "../bootstrap/carousel";
|
||||
@import "../bootstrap/carousel";
|
||||
// @import "../bootstrap/spinners";
|
||||
// @import "../bootstrap/offcanvas";
|
||||
// @import "../bootstrap/placeholders";
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
<form class="form-inline search-wrapper my-3 d-none d-lg-block" class="search-wrapper" data-bs-toggle="modal" data-bs-target="#searchModal">
|
||||
<i class="search-icon fas fa-search"></i>
|
||||
<input class="form-control form-control-sm" placeholder="{{ i18n `search`}}" readonly>
|
||||
<button type="button" class="search-button" style="font-size:12px" data-search-toggler>{{ i18n "search" }}</button>
|
||||
<button type="button" class="search-button" data-search-toggler>{{ i18n "search" }}</button>
|
||||
</form>
|
||||
{{ end }}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user