diff --git a/hugo_stats.json b/hugo_stats.json index 3718388..d795cfc 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -4,6 +4,7 @@ "a", "article", "b", + "base", "blockquote", "body", "br", @@ -356,21 +357,27 @@ "company", "cookie-box", "cookie-button", + "de-handelingen", "de-impact", "de-overheid-afhankelijkheid", + "de-situatie", + "de-uitkomsten", "de-vele-nuttige-toepassingen", "een-storing-wat-nu", "een-techno-piramidespel", "estimatedTotal", "fn:1", "fn:2", + "fn:3", "fnref:1", "fnref:2", + "fnref:3", "garanties--service", "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-werkt-het-allemaal", "is-open-source-software-veilig", "item-0", "item-1", @@ -379,6 +386,7 @@ "jobs-description", "kaf-en-koren-scheiden", "kan-garantie-vervallen", + "kan-je-dit-zelf-regelen-of-is-een-externe-partij-noodzakelijk", "langDropdown", "leadcapture-error", "leadcapture-form", @@ -452,7 +460,10 @@ "total-service", "traagheid", "videoModal", + "voorbeeld-van-een-schoenverkoper", + "waarom-is-het-belangrijk", "wat-is-het-gevaar", + "wat-is-seosea-eigenlijk", "wat-is-technische-schuld", "wat-maakt-ai-een-bubbel", "wat-valt-er-onder-garantie", diff --git a/themes/agico-hugo/assets/scss/_common.scss b/themes/agico-hugo/assets/scss/_common.scss index ec0a8fe..36b5856 100755 --- a/themes/agico-hugo/assets/scss/_common.scss +++ b/themes/agico-hugo/assets/scss/_common.scss @@ -686,39 +686,73 @@ textarea.form-control { } .accordion { - border: 1px solid #ccc; + border: 1px solid #ddd; + border-radius: 12px; + margin-bottom: 1rem; + overflow: hidden; + background: #fff; + transition: box-shadow 0.2s ease; +} + +.accordion:hover { + box-shadow: 0 4px 16px rgba(0,0,0,0.08); } .accordion-header { display: flex; - justify-content: space-between; align-items: center; - padding: 1rem; - font-size: 1.1rem; + gap: 0.75rem; + padding: 1rem 1.25rem; + font-size: 1.05rem; + font-weight: 600; width: 100%; - font-weight: bold; text-align: left; + background: #f8f9fa; + border: none; + cursor: pointer; + transition: background 0.2s ease; +} + +.accordion-header:hover { + background: #f1f3f5; +} + +.accordion-title { + flex: 1; + display: block; } .accordion-icon { - width: 0.78em; - height: 0.78em; + width: 0.85em; + height: 0.85em; transform: rotate(-90deg); - transition: transform 0.2s ease; + transition: transform 0.25s ease; + opacity: 0.7; +} + +.accordion.active .accordion-icon { + transform: rotate(0deg); + opacity: 1; } .accordion-content { max-height: 0; overflow: hidden; - padding: 0 1rem; -} - -.accordion.active .accordion-icon { - transform: rotate(0deg); + padding: 0 1.25rem; + background: white; + + transition: max-height 0.25s ease, padding 0.25s ease; } .accordion.active .accordion-content { - max-height: max-content; + padding: 1rem 1.25rem; + max-height: 500px; +} + +.accordion-content p, +.accordion-content ul, +.accordion-content li { + margin: 0.5rem 0; } .pricing-table {