Fix: Elements not loading due to typo
This commit is contained in:
@@ -31,8 +31,8 @@ image_gallery = false
|
|||||||
contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
|
contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
|
||||||
|
|
||||||
# google tag manager, see https://developers.google.com/tag-manager/
|
# google tag manager, see https://developers.google.com/tag-manager/
|
||||||
google_tag_manager = "GTM-52294C3T" # example: G-XXXXXXXXXX
|
#google_tag_manager = "GTM-52294C3T" # example: G-XXXXXXXXXX
|
||||||
google_adsense = "" # example: ca-pub-xxxxxxxxxxxxxxxx
|
#google_adsense = "" # example: ca-pub-xxxxxxxxxxxxxxxx
|
||||||
|
|
||||||
# custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
|
# custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
|
||||||
custom_script = ""
|
custom_script = ""
|
||||||
|
|||||||
@@ -1,40 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Veelgestelde vragen"
|
|
||||||
draft: false
|
|
||||||
page_header_image: "images/background/banner.svg"
|
|
||||||
watermark: "FAQ"
|
|
||||||
description: "Voor vele sectoren is IT zowel niet belangrijk als essentieel. Soms moet het simpelweg gewoon werken. Hier proberen wij veelvoorkomende vragen preventief te beantwoorden.<br><br>Staat jouw vraag hier niet tussen, neem dan [contact](/contact) op."
|
|
||||||
---
|
|
||||||
|
|
||||||
## Software & rechten
|
|
||||||
#### Heb ik een Microsoft, Apple of Google account nodig?
|
|
||||||
Nee. Wij leveren systemen die zelfstandig zijn en werken zonder aanvullende licenties of software verplichtingen. Je bent vrij om systemen naar keuze te gebruiken zoals Windows op een laptop en Apple iOS voor de mobiel om jouw systemen aan te bedienen.
|
|
||||||
|
|
||||||
|
|
||||||
#### Is open-source software veilig?
|
|
||||||
Ja. Het feit dat de broncode leesbaar en aanpasbaar is voor iedereen, heeft geen invloed op de achterliggende veiligheidslagen in de software of systemen die de software draaien.
|
|
||||||
|
|
||||||
#### Heeft of behoudt StartIT rechten over de software?
|
|
||||||
Nee, in geen enkel geval. Alle rechten zijn van de oorspronkelijke makers en/of de makers van aftakkingen die wij gebruiken. Wij zijn ook geen verkopende partij van de software, enkel een dienstverlener die de software instelt, optimaliseert of aanpast naar specifiek gebruik scenario.
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
## Garanties & service
|
|
||||||
#### Wat valt er onder garantie?
|
|
||||||
**In het kort;** de werking van de systemen zelf.
|
|
||||||
|
|
||||||
Wij zijn niet verantwoordelijk voor de opslag en behandeling van gebruikersdata, zoals afbeeldingen en documenten. De systemen worden technisch operationeel gehouden, publiek toegankelijk vanuit elk IP adres en beveiligt tegen kwaadwillenden. In geval van gebruikersproblemen, zoals het verwijderen van belangrijke bestanden zullen wij herstel uitvoeren (indien mogelijk) tegen facturatie.
|
|
||||||
|
|
||||||
##### Kan garantie vervallen?
|
|
||||||
Op hardware aankopen, waaronder laptops of smartphones, behouden hun garantie ten alle tijden zoals besproken bij verkoop. De werking van software en diensten, waarbij garantie van werking onderhevig is aan een servicecontract, verliezen hun garantie indien:
|
|
||||||
- Overeenkomst ten einde is
|
|
||||||
- Er een betaalachterstand is
|
|
||||||
- Een gebruiker handmatig (met of zonder kennis) handelingen verricht die de werking in gevaar brengen
|
|
||||||
|
|
||||||
#### Welke typen service zijn mogelijk?
|
|
||||||
Wij kunnen diverse handelingen doen ter service van jouw IT producten. Hieronder vallen de volgende werkzaamheden:
|
|
||||||
- Updaten en herconfigureren van servers en software
|
|
||||||
- Backups maken van data
|
|
||||||
- Kleine aanpassingen maken, zoals een website updaten met media of inhoud
|
|
||||||
- Periodieke training
|
|
||||||
|
|
||||||
@@ -30,7 +30,7 @@ funfacts:
|
|||||||
funfact_item:
|
funfact_item:
|
||||||
# funfact item loop
|
# funfact item loop
|
||||||
- name : "Downloads per day"
|
- name : "Downloads per day"
|
||||||
count : "8000"
|
count : "95"
|
||||||
|
|
||||||
# funfact item loop
|
# funfact item loop
|
||||||
- name : "Design awards"
|
- name : "Design awards"
|
||||||
|
|||||||
@@ -11,25 +11,25 @@ pricing_tables:
|
|||||||
content: "**HUGO Website**"
|
content: "**HUGO Website**"
|
||||||
header: "images/logo/hugo.svg"
|
header: "images/logo/hugo.svg"
|
||||||
subheader: "Professional website"
|
subheader: "Professional website"
|
||||||
text: "A [HUGO](https://gohugo.io/) website is a technically robust site that works on every device. Building on this system involves hand-crafted design and code, ensuring a truly professional, bespoke result. <br><br><small>*The StartIT website also runs on this system.*</small><br><br>
|
text: "A [HUGO](https://gohugo.io/) website is a technically robust site that works on every device. Building on this system involves hand-crafted design and code, ensuring a truly professional, bespoke result. <br><br>
|
||||||
**Features;**
|
**Features;**
|
||||||
<small><ul>
|
<small><ul>
|
||||||
<li>Unique site structure and functions</li>
|
<li>Unique site structure and functions</li>
|
||||||
<li>Can integrate with any system</li>
|
<li>Can integrate with any system</li>
|
||||||
<li>Low overhead—hardly any paid licenses required</li>
|
<li>Low overhead—hardly any paid licenses required</li>
|
||||||
<li>Maintenance-free, ideal for sites with infrequent content changes</li></ul></small>
|
<li>Maintenance-free, ideal for sites with infrequent content changes</li></ul></small>"
|
||||||
**Recommended for;**
|
|
||||||
<small><ul>
|
|
||||||
<li>Companies that take their website’s technology seriously</li>
|
|
||||||
<li>Companies that want professional support</li></ul></small>"
|
|
||||||
- name: "Cost"
|
- name: "Cost"
|
||||||
price: "**€800**"
|
price: "**€1100**"
|
||||||
content: ""
|
content: ""
|
||||||
pricing_table_data:
|
pricing_table_data:
|
||||||
- table_row:
|
- table_row:
|
||||||
- product: "Incl. Analytics"
|
- product: "Incl. Analytics"
|
||||||
info: "Self-hosted with [Plausible](https://plausible.io/)"
|
info: "Self-hosted with [Plausible](https://plausible.io/)"
|
||||||
- icon: "fas fa-check text-primary"
|
- icon: "fas fa-check text-primary"
|
||||||
|
- table_row:
|
||||||
|
- product: "CMS module"
|
||||||
|
info: "Manage your content with [DecapCMS](https://decapcms.org/)"
|
||||||
|
- price: "€200,-"
|
||||||
- table_row:
|
- table_row:
|
||||||
- product: "Add page template"
|
- product: "Add page template"
|
||||||
info: "New layout or feature"
|
info: "New layout or feature"
|
||||||
@@ -37,26 +37,21 @@ pricing_tables:
|
|||||||
- table_row:
|
- table_row:
|
||||||
- product: "E-commerce module"
|
- product: "E-commerce module"
|
||||||
info: "Suitable for up to ~1,000 products"
|
info: "Suitable for up to ~1,000 products"
|
||||||
- price: "€600"
|
- price: "€800"
|
||||||
|
|
||||||
- pricing_table_info:
|
- pricing_table_info:
|
||||||
- name: ""
|
- name: ""
|
||||||
content: "**WordPress Website**"
|
content: "**WordPress Website**"
|
||||||
header: "images/logo/wordpress.svg"
|
header: "images/logo/wordpress.svg"
|
||||||
subheader: "Self-manageable"
|
subheader: "Self-manageable"
|
||||||
text: "[WordPress](https://wordpress.org/) is a flexible system suited to a wide range of use cases, from blogs to full business sites. Many web designers work with this platform.<br><br><small>*Our pricing **excludes** the purchase cost of plugins.*</small><br><br>
|
text: "[WordPress](https://wordpress.org/) is a flexible system suited to a wide range of use cases, from blogs to full business sites. Many web designers work with this platform.<br><br>
|
||||||
**Features;**
|
**Features;**
|
||||||
<small><ul>
|
<small><ul>
|
||||||
<li>User-friendly to maintain for less experienced users</li>
|
<li>User-friendly to maintain for less experienced users</li>
|
||||||
<li>Large ecosystem for add-ons</li>
|
<li>Large ecosystem for add-ons</li>
|
||||||
<li>Higher overhead due to paid licenses and plugins</li>
|
<li>Requires regular maintenance for optimal performance</li></ul></small>"
|
||||||
<li>Requires regular maintenance for optimal performance</li></ul></small>
|
|
||||||
**Recommended for;**
|
|
||||||
<small><ul>
|
|
||||||
<li>Independent professionals with some technical affinity</li>
|
|
||||||
<li>SMEs with an (online) marketer on staff</li></ul></small>"
|
|
||||||
- name: "Cost"
|
- name: "Cost"
|
||||||
price: "**€1,150**"
|
price: "**€1500**"
|
||||||
content: ""
|
content: ""
|
||||||
pricing_table_data:
|
pricing_table_data:
|
||||||
- table_row:
|
- table_row:
|
||||||
@@ -70,7 +65,7 @@ pricing_tables:
|
|||||||
- table_row:
|
- table_row:
|
||||||
- product: "E-commerce module"
|
- product: "E-commerce module"
|
||||||
info: "Suitable for up to ~1,000 products"
|
info: "Suitable for up to ~1,000 products"
|
||||||
- price: "€600"
|
- price: "€800"
|
||||||
|
|
||||||
- pricing_table_info:
|
- pricing_table_info:
|
||||||
- name: ""
|
- name: ""
|
||||||
|
|||||||
@@ -367,19 +367,14 @@
|
|||||||
"fn:2",
|
"fn:2",
|
||||||
"fnref:1",
|
"fnref:1",
|
||||||
"fnref:2",
|
"fnref:2",
|
||||||
"garanties--service",
|
|
||||||
"gebruik-opensource-software",
|
"gebruik-opensource-software",
|
||||||
"heb-ik-een-microsoft-apple-of-google-account-nodig",
|
|
||||||
"heeft-of-behoudt-startit-rechten-over-de-software",
|
|
||||||
"hoe-los-je-technische-schuld-af",
|
"hoe-los-je-technische-schuld-af",
|
||||||
"is-open-source-software-veilig",
|
|
||||||
"item-0",
|
"item-0",
|
||||||
"item-1",
|
"item-1",
|
||||||
"item-2",
|
"item-2",
|
||||||
"item-3",
|
"item-3",
|
||||||
"jobs-description",
|
"jobs-description",
|
||||||
"kaf-en-koren-scheiden",
|
"kaf-en-koren-scheiden",
|
||||||
"kan-garantie-vervallen",
|
|
||||||
"langDropdown",
|
"langDropdown",
|
||||||
"leadcapture-error",
|
"leadcapture-error",
|
||||||
"leadcapture-form",
|
"leadcapture-form",
|
||||||
@@ -442,7 +437,6 @@
|
|||||||
"search-result-template",
|
"search-result-template",
|
||||||
"search-results",
|
"search-results",
|
||||||
"services",
|
"services",
|
||||||
"software--rechten",
|
|
||||||
"sparren-zonder-fratsen",
|
"sparren-zonder-fratsen",
|
||||||
"startit-en-ai",
|
"startit-en-ai",
|
||||||
"stats-hosting-server",
|
"stats-hosting-server",
|
||||||
@@ -456,9 +450,7 @@
|
|||||||
"wat-is-het-gevaar",
|
"wat-is-het-gevaar",
|
||||||
"wat-is-technische-schuld",
|
"wat-is-technische-schuld",
|
||||||
"wat-maakt-ai-een-bubbel",
|
"wat-maakt-ai-een-bubbel",
|
||||||
"wat-valt-er-onder-garantie",
|
|
||||||
"website-hosting-server",
|
"website-hosting-server",
|
||||||
"welke-typen-service-zijn-mogelijk",
|
|
||||||
"wipe"
|
"wipe"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -105,15 +105,15 @@
|
|||||||
// navfixed
|
// navfixed
|
||||||
// ##################
|
// ##################
|
||||||
let scrolling = window.scrollY;
|
let scrolling = window.scrollY;
|
||||||
let naviagtion = document.querySelector(".naviagtion");
|
let navigation = document.querySelector(".navigation");
|
||||||
|
|
||||||
function navFixed() {
|
function navFixed() {
|
||||||
scrolling = window.scrollY;
|
scrolling = window.scrollY;
|
||||||
|
|
||||||
if (scrolling > 10) {
|
if (scrolling > 10) {
|
||||||
naviagtion.classList.add('nav-bg');
|
navigation.classList.add('nav-bg');
|
||||||
} else {
|
} else {
|
||||||
naviagtion.classList.remove('nav-bg');
|
navigation.classList.remove('nav-bg');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -162,34 +162,43 @@
|
|||||||
|
|
||||||
ready(function(){
|
ready(function(){
|
||||||
const form = document.getElementById('leadcapture-form');
|
const form = document.getElementById('leadcapture-form');
|
||||||
if (!form) return; // veiligheid
|
if (!form) return;
|
||||||
|
|
||||||
const okEl = document.getElementById('leadcapture-status');
|
const okEl = document.getElementById('leadcapture-status');
|
||||||
const errEl = document.getElementById('leadcapture-error');
|
const errEl = document.getElementById('leadcapture-error');
|
||||||
const endpoint = "https://crm.start-it.nl/api/v1/LeadCapture/231344ae2852d65f41e98d99da418af8";
|
const endpoint = "https://crm.start-it.nl/api/v1/LeadCapture/231344ae2852d65f41e98d99da418af8";
|
||||||
|
|
||||||
|
const get = (name) => form.elements.namedItem(name);
|
||||||
|
|
||||||
form.addEventListener('submit', async function(e){
|
form.addEventListener('submit', async function(e){
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Laat native HTML5 validatie werken (required, email type, etc.)
|
||||||
|
if (!form.reportValidity()) return;
|
||||||
|
|
||||||
if (okEl) okEl.hidden = true;
|
if (okEl) okEl.hidden = true;
|
||||||
if (errEl) errEl.hidden = true;
|
if (errEl) errEl.hidden = true;
|
||||||
|
|
||||||
// Honeypot
|
// Honeypot
|
||||||
if (form.company && form.company.value.trim() !== '') return;
|
if (((get('company')?.value) || '').trim() !== '') return;
|
||||||
|
|
||||||
// Kleine validatie
|
// Extra JS-validatie (redundant maar handig)
|
||||||
const email = (form.emailAddress?.value || '').trim();
|
const email = ((get('emailAddress')?.value) || '').trim();
|
||||||
const last = (form.lastName?.value || '').trim();
|
const last = ((get('lastName')?.value) || '').trim();
|
||||||
if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) || !last) {
|
const desc = ((get('description')?.value) || '').trim();
|
||||||
if (errEl) { errEl.hidden = false; errEl.textContent = "Controleer achternaam en e-mail."; }
|
|
||||||
|
if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email) || !last || !desc) {
|
||||||
|
if (errEl) { errEl.hidden = false; errEl.textContent = "Controleer achternaam, e-mail en bericht."; }
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const payload = {
|
const payload = {
|
||||||
salutationName: form.salutationName?.value || null,
|
salutationName: (get('salutationName')?.value || null),
|
||||||
firstName: form.firstName?.value || null,
|
firstName: (get('firstName')?.value || null),
|
||||||
lastName: form.lastName?.value || null,
|
lastName: last || null,
|
||||||
emailAddress: email || null,
|
emailAddress: email || null,
|
||||||
phoneNumber: form.phoneNumber?.value || null,
|
phoneNumber: (get('phoneNumber')?.value || null),
|
||||||
description: form.description?.value || null
|
description: desc || null
|
||||||
};
|
};
|
||||||
|
|
||||||
const submitBtn = form.querySelector('button[type="submit"]');
|
const submitBtn = form.querySelector('button[type="submit"]');
|
||||||
@@ -207,14 +216,14 @@
|
|||||||
if (res.ok) {
|
if (res.ok) {
|
||||||
form.reset();
|
form.reset();
|
||||||
if (okEl) okEl.hidden = false;
|
if (okEl) okEl.hidden = false;
|
||||||
// // Optioneel: redirect
|
|
||||||
// window.location.href = "/bedankt/";
|
|
||||||
} else {
|
} else {
|
||||||
|
const text = await res.text().catch(() => '');
|
||||||
|
console.error('LeadCapture response:', res.status, text);
|
||||||
if (errEl) { errEl.hidden = false; errEl.textContent = "Serverfout ("+res.status+")."; }
|
if (errEl) { errEl.hidden = false; errEl.textContent = "Serverfout ("+res.status+")."; }
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (err) {
|
||||||
|
console.error('LeadCapture error:', err);
|
||||||
if (errEl) { errEl.hidden = false; errEl.textContent = "Netwerk/CORS fout. Zie console."; }
|
if (errEl) { errEl.hidden = false; errEl.textContent = "Netwerk/CORS fout. Zie console."; }
|
||||||
console.error('LeadCapture error:', e);
|
|
||||||
} finally {
|
} finally {
|
||||||
if (submitBtn) submitBtn.disabled = false;
|
if (submitBtn) submitBtn.disabled = false;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<div class="container my-4">
|
<div class="container my-4">
|
||||||
<div class="subscription-wrapper col-lg-10 align-items-center mx-auto">
|
<div class="subscription-wrapper col-lg-10 align-items-center mx-auto">
|
||||||
<div class="d-flex position-relative mx-5 justify-content-between align-items-center flex-column flex-md-row text-md-left">
|
<div class="d-flex position-relative mx-5 justify-content-between align-items-center flex-column flex-md-row text-md-left">
|
||||||
<h4 class="text-white flex-fill">{{ i18n "subscribe_newsletter" | safeHTML }}</h4>
|
<h3 class="text-white flex-fill">{{ i18n "subscribe_newsletter" | safeHTML }}</h3>
|
||||||
<form action="{{ .mailchimp_form_action }}" method="post"
|
<form action="{{ .mailchimp_form_action }}" method="post"
|
||||||
name="mc-embedded-subscribe-form" target="_blank" novalidate class="row flex-fill">
|
name="mc-embedded-subscribe-form" target="_blank" novalidate class="row flex-fill">
|
||||||
<div class="col-lg-7 my-md-2 my-2">
|
<div class="col-lg-7 my-md-2 my-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user