diff --git a/wpfiles/wp-content/themes/hogelandlinux/assets/css/patterns.css b/wpfiles/wp-content/themes/hogelandlinux/assets/css/patterns.css new file mode 100644 index 0000000..dac83af --- /dev/null +++ b/wpfiles/wp-content/themes/hogelandlinux/assets/css/patterns.css @@ -0,0 +1,524 @@ +/* =================================================================== + Hogeland Linux — block patterns & content styles + Consolidated design system: single green palette, alternating + white/tint section rhythm, consistent cards, spacing and buttons. + =================================================================== */ + +/* ------------------------------------------------------------------- + Layout helpers (used by all patterns) +------------------------------------------------------------------- */ + +.hl-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 1.5rem; + box-sizing: border-box; +} + +/* Full-width sections, regardless of surrounding content wrappers. */ +.wp-block-group.hl-section { + width: auto; + max-width: none; + margin-left: 0; + margin-right: 0; +} + +/* Loose, non-pattern blocks typed directly in the editor get the + content column width and some breathing room. */ +.entry-content > *:not(.hl-section):not([class*="align"]) { + max-width: 1200px; + margin: 1.5rem auto; + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.entry-content > .alignwide { + max-width: 1400px; +} + +.entry-content > .alignfull { + width: 100vw; + max-width: 100vw; + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); +} + +/* Prose inside content. */ +.entry-content a { + color: #059669; +} + +.entry-content img { + border-radius: 8px; + max-width: 100%; + height: auto; +} + +/* ------------------------------------------------------------------- + Section rhythm (consistent alternation) + white -> tint -> white -> tint -> ... -> dark CTA +------------------------------------------------------------------- */ + +.hl-section { + padding: 3.5rem 0; +} + +.hl-section--white { + background: #fff; +} + +.hl-section--tint { + background: #ecfdf5; +} + +.hl-section--brand { + background: linear-gradient(135deg, #059669 0%, #047857 100%); + color: #fff; +} + +.hl-section-title { + text-align: center; + color: #047857; + margin-bottom: 1rem; +} + +.hl-section-subtitle { + text-align: center; + color: #6b7280; + font-size: 1.1rem; + max-width: 640px; + margin: 0 auto 2.5rem; +} + +/* ------------------------------------------------------------------- + Hero (home) and page hero +------------------------------------------------------------------- */ + +.hl-hero { + background: + linear-gradient(135deg, rgba(236, 253, 245, 0.9) 0%, rgba(209, 250, 229, 0.9) 100%), + url('../images/TuxAinrom.webp') center / cover no-repeat; + min-height: 70vh; + display: flex; + align-items: center; + padding: 4rem 0; + text-align: center; + box-sizing: border-box; +} + +.hl-hero .hl-hero__title { + color: #047857; + font-size: clamp(2rem, 5vw, 3rem); + margin-bottom: 1rem; + text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8); +} + +.hl-hero .hl-hero__subtitle { + font-size: 1.25rem; + color: #374151; + max-width: 760px; + margin: 0 auto 2rem; + text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8); +} + +.hl-hero .wp-block-buttons { + margin-top: 0.5rem; +} + +.hl-page-hero { + background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); + padding: 2.25rem 0; + text-align: center; + box-sizing: border-box; +} + +.hl-page-hero .hl-page-hero__title { + color: #047857; + margin-bottom: 1rem; +} + +.hl-page-hero .hl-page-hero__subtitle { + color: #6b7280; + max-width: 640px; + margin: 0 auto; +} + +/* ------------------------------------------------------------------- + Card grids (singular system: responsive auto-fit grid) +------------------------------------------------------------------- */ + +.wp-block-columns.hl-card-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 2rem; + margin: 2.5rem 0 0; +} + +.wp-block-columns.hl-card-grid > .wp-block-column { + margin: 0; +} + +.hl-card { + background: #fff; + border-radius: 12px; + padding: 2rem; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); + border: 1px solid transparent; + transition: transform 0.3s ease, box-shadow 0.3s ease; + display: flex; + flex-direction: column; + box-sizing: border-box; +} + +.hl-card:hover { + transform: translateY(-4px); + box-shadow: 0 10px 30px rgba(5, 150, 105, 0.15); +} + +.hl-card h3 { + color: #047857; + margin: 0 0 0.75rem; +} + +.hl-card p:last-child { + margin-bottom: 0; +} + +/* Benefit card: tinted, centered, icon on top. */ +.hl-card--benefit { + background: #ecfdf5; + border-color: #bbf7d0; + text-align: center; +} + +.hl-card--benefit .hl-card-icon { + font-size: 2.5rem; + line-height: 1; + margin: 0 0 0.75rem; +} + +/* Service card: white with green left accent. */ +.hl-card--service { + border-left: 4px solid #059669; +} + +/* Steps: fixed 3/2/1 responsive layout. */ +.wp-block-columns.hl-steps-grid { + grid-template-columns: repeat(3, 1fr); +} + +@media (max-width: 1024px) { + .wp-block-columns.hl-steps-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 640px) { + .wp-block-columns.hl-steps-grid { + grid-template-columns: 1fr; + } +} + +/* ------------------------------------------------------------------- + Distro cards +------------------------------------------------------------------- */ + +.hl-distro-card { + position: relative; + overflow: hidden; +} + +.hl-distro-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, #059669, #10b981); +} + +.hl-distro-head { + display: flex; + align-items: center; + gap: 1rem; + margin: 0 0 1rem; +} + +.hl-distro-head img { + width: 48px; + height: 48px; + object-fit: contain; + flex-shrink: 0; + margin: 0; +} + +.hl-distro-head h3 { + margin: 0; + color: #047857; +} + +.hl-distro-tag { + background: linear-gradient(135deg, #059669, #10b981); + color: #fff; + border-radius: 20px; + padding: 0.2rem 0.75rem; + font-size: 0.8rem; + font-weight: 500; + width: auto; + display: inline-block; +} + +.hl-distro-features { + color: #4b5563; + font-size: 0.95rem; + margin: 0 0 1rem; +} + +.hl-distro-ideal { + margin: auto 0 0; + background: #f0f9ff; + border: 1px solid #bae6fd; + border-radius: 8px; + padding: 1rem; + color: #0c4a6e; + font-size: 0.9rem; +} + +.hl-distro-ideal strong { + color: #0369a1; +} + +/* ------------------------------------------------------------------- + Windows 10 EOL section +------------------------------------------------------------------- */ + +.wp-block-columns.hl-eol-col { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 3rem; + align-items: start; + margin-bottom: 3rem; +} + +.wp-block-columns.hl-eol-col > .wp-block-column { + margin: 0; +} + +@media (max-width: 768px) { + .wp-block-columns.hl-eol-col { + grid-template-columns: 1fr; + gap: 2rem; + } +} + +.hl-eol-image img { + border-radius: 12px; + max-width: 100%; +} + +.hl-eol-list { + list-style: none; + margin: 1.5rem 0; + padding: 0; +} + +.hl-eol-list li { + padding: 0.35rem 0; + font-size: 1.1rem; +} + +.hl-highlight { + background: #d1fae5; + border-left: 4px solid #059669; + border-radius: 8px; + padding: 1rem 1.25rem; + color: #064e3b; + font-weight: 500; + margin: 0; +} + +/* Stats row */ +.wp-block-columns.hl-stats { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1.5rem; + margin: 0; +} + +.wp-block-columns.hl-stats > .wp-block-column { + margin: 0; +} + +@media (max-width: 768px) { + .wp-block-columns.hl-stats { + grid-template-columns: 1fr; + } +} + +.hl-stat { + background: #fff; + border-radius: 12px; + padding: 1.5rem; + text-align: center; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); + box-sizing: border-box; +} + +.hl-stat__icon { + font-size: 2rem; + line-height: 1; + margin: 0 0 0.5rem; +} + +.hl-stat__number { + font-size: 1.75rem; + color: #047857; + margin: 0 0 0.25rem; +} + +.hl-stat__label { + color: #6b7280; + margin: 0; +} + +/* ------------------------------------------------------------------- + Feature showcases (Linux in actie) +------------------------------------------------------------------- */ + +.hl-feature-card { + text-align: center; +} + +.hl-feature-card img { + border-radius: 12px; + box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); + margin: 0 0 1.25rem; +} + +.hl-feature-card h3 { + color: #047857; + margin: 0 0 0.75rem; + font-size: 1.3rem; +} + +.hl-feature-card p { + color: #6b7280; + margin: 0; +} + +/* ------------------------------------------------------------------- + Call to action (dark green) and buttons +------------------------------------------------------------------- */ + +.hl-cta { + text-align: center; +} + +.hl-cta h2 { + color: #fff; + margin: 0 0 1rem; +} + +.hl-cta p { + color: #a7f3d0; + font-size: 1.1rem; + max-width: 720px; + margin: 0 auto 2rem; +} + +/* Button block styles */ +.is-style-hl-primary .wp-block-button__link { + background: #059669; + color: #fff; + border: 2px solid transparent; + border-radius: 8px; + padding: 12px 24px; +} + +.is-style-hl-primary .wp-block-button__link:hover { + background: #047857; + color: #fff; +} + +.is-style-hl-secondary .wp-block-button__link { + background: transparent; + color: #059669; + border: 2px solid #059669; + border-radius: 8px; + padding: 12px 24px; +} + +.is-style-hl-secondary .wp-block-button__link:hover { + background: #059669; + color: #fff; +} + +.is-style-hl-on-dark .wp-block-button__link { + background: #fff; + color: #047857; + border: 2px solid transparent; + border-radius: 8px; + padding: 12px 24px; +} + +.is-style-hl-on-dark .wp-block-button__link:hover { + background: #d1fae5; + color: #047857; +} + +/* ------------------------------------------------------------------- + Disclaimer (collapsible) +------------------------------------------------------------------- */ + +details.hl-disclaimer { + margin: 1rem 0 0; +} + +details.hl-disclaimer summary { + cursor: pointer; + color: #047857; + font-weight: 600; +} + +details.hl-disclaimer .hl-disclaimer__body { + background: #f9fafb; + border-left: 4px solid #059669; + border-radius: 6px; + padding: 1rem 1.25rem; + margin-top: 0.75rem; +} + +/* ------------------------------------------------------------------- + Media & text (Over mij style) +------------------------------------------------------------------- */ + +.hl-media-text .wp-block-image { + margin: 0; +} + +.hl-media-text figcaption { + color: #6b7280; + font-size: 0.9rem; + margin-top: 0.5rem; + text-align: center; +} + +/* ------------------------------------------------------------------- + Responsive polish +------------------------------------------------------------------- */ + +@media (max-width: 768px) { + .hl-section { + padding: 2.5rem 0; + } + + .hl-hero { + min-height: 60vh; + } + + .hl-card, + .hl-stat { + padding: 1.25rem; + } +} \ No newline at end of file diff --git a/wpfiles/wp-content/themes/hogelandlinux/functions.php b/wpfiles/wp-content/themes/hogelandlinux/functions.php index 7c99200..8c5f16f 100644 --- a/wpfiles/wp-content/themes/hogelandlinux/functions.php +++ b/wpfiles/wp-content/themes/hogelandlinux/functions.php @@ -11,7 +11,7 @@ if ( ! defined( 'ABSPATH' ) ) { exit; } -define( 'HOGELANDLINUX_VERSION', '1.0.1' ); +define( 'HOGELANDLINUX_VERSION', '1.1.0' ); define( 'HOGELANDLINUX_URL', get_template_directory_uri() ); define( 'HOGELANDLINUX_PATH', get_template_directory() ); @@ -23,6 +23,8 @@ if ( ! function_exists( 'hogelandlinux_setup' ) ) { add_theme_support( 'title-tag' ); add_theme_support( 'post-thumbnails' ); add_theme_support( 'customize-selective-refresh-widgets' ); + add_theme_support( 'editor-styles' ); + add_editor_style( array( 'assets/css/style.css', 'assets/css/patterns.css' ) ); add_theme_support( 'html5', array( @@ -57,6 +59,13 @@ function hogelandlinux_scripts() { HOGELANDLINUX_VERSION ); + wp_enqueue_style( + 'hogelandlinux-patterns', + HOGELANDLINUX_URL . '/assets/css/patterns.css', + array( 'hogelandlinux-style' ), + HOGELANDLINUX_VERSION + ); + wp_enqueue_script( 'hogelandlinux-navigation', HOGELANDLINUX_URL . '/assets/js/main.js', @@ -379,3 +388,36 @@ function hogelandlinux_shortcode_disclaimer( $atts, $content = null ) { return '
' . esc_html( $atts['summary'] ) . '
' . do_shortcode( $content ) . '
'; } add_shortcode( 'disclaimer', 'hogelandlinux_shortcode_disclaimer' ); + +/** + * Register custom button block styles. + */ +function hogelandlinux_register_block_styles() { + register_block_style( + 'core/button', + array( + 'name' => 'hl-primary', + 'label' => __( 'Hogeland Primary', 'hogelandlinux' ), + ) + ); + register_block_style( + 'core/button', + array( + 'name' => 'hl-secondary', + 'label' => __( 'Hogeland Secondary', 'hogelandlinux' ), + ) + ); + register_block_style( + 'core/button', + array( + 'name' => 'hl-on-dark', + 'label' => __( 'Hogeland On Dark', 'hogelandlinux' ), + ) + ); +} +add_action( 'init', 'hogelandlinux_register_block_styles' ); + +/** + * Block patterns (Gutenberg). + */ +require HOGELANDLINUX_PATH . '/inc/block-patterns.php'; diff --git a/wpfiles/wp-content/themes/hogelandlinux/inc/block-patterns.php b/wpfiles/wp-content/themes/hogelandlinux/inc/block-patterns.php new file mode 100644 index 0000000..e3ff88e --- /dev/null +++ b/wpfiles/wp-content/themes/hogelandlinux/inc/block-patterns.php @@ -0,0 +1,836 @@ + __( 'Hero — Home', 'hogelandlinux' ), + 'description' => __( 'Grote openingssectie voor de homepage met titel, subtitel en actieknoppen.', 'hogelandlinux' ), + 'categories' => array( 'hero', 'call-to-action' ), + 'content' => << +
+ +
+ +

Geef uw computer een tweede leven

+ + +

Windows 10-ondersteuning eindigt binnenkort? Ik help u graag overstappen. Ontdek hoe Linux uw hardware nieuw leven kan geven.

+ + +
+ +
↓ Meer weten
+ + +
Gratis advies
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 2. Page hero + ------------------------------------------------------------------ */ + $patterns['hero-page'] = array( + 'title' => __( 'Hero — Pagina', 'hogelandlinux' ), + 'description' => __( 'Kleine hero bovenaan een pagina met titel en intro.', 'hogelandlinux' ), + 'categories' => array( 'hero' ), + 'content' => << +
+ +
+ +

Pagina-titel

+ + +

Korte introductie van deze pagina.

+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 3. Benefits + ------------------------------------------------------------------ */ + $patterns['benefits'] = array( + 'title' => __( 'Voordelen van Linux', 'hogelandlinux' ), + 'description' => __( 'Witte sectie met zes voordelenkaarten.', 'hogelandlinux' ), + 'categories' => array( 'cards' ), + 'content' => << +
+ +
+ +

Waarom Linux kiezen?

+ + +
+ +
+ +

🛡️

+ + +

Veilig en betrouwbaar

+ + +

Beschermd tegen virussen en zonder storende, onverwachte updates. U houdt de controle over uw computer.

+ +
+ + +
+ +

💰

+ + +

Helemaal gratis

+ + +

Geen licenties of abonnementen nodig. Linux en de meeste programma’s zijn kosteloos.

+ +
+ + +
+ +

🔄

+ + +

Geschikt voor oudere computers

+ + +

Ook een computer die al jaren meegaat kan met Linux weer soepel draaien.

+ +
+ + +
+ +

🌱

+ + +

Beter voor het milieu

+ + +

Door langer met uw computer te doen voorkomt u elektronisch afval (e-waste). Goed voor uw portemonnee en voor de planeet.

+ +
+ + +
+ +

🔒

+ + +

Uw privacy blijft van uzelf

+ + +

Geen verborgen gegevensverzameling of tracking.

+ +
+ + +
+ +

⚡

+ + +

Sneller werken

+ + +

Linux start vlot op en voelt vaak lichter aan dan andere systemen.

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 4. Windows 10 EOL (incl. stats) + ------------------------------------------------------------------ */ + $patterns['windows-eol'] = array( + 'title' => __( 'Windows 10 einde van ondersteuning', 'hogelandlinux' ), + 'description' => __( 'Sectie over het einde van Windows 10-ondersteuning met afbeelding, lijst, highlight en statistieken.', 'hogelandlinux' ), + 'categories' => array( 'featured' ), + 'content' => << +
+ +
+ +

Windows 10-ondersteuning eindigt

+ + +
+ +
+ +
Clippy adviseert om Linux te gebruiken
+ +
+ + +
+ +

Microsoft stopt de ondersteuning voor Windows 10 in oktober 2025. Dit betekent:

+ + +
  • ❌ Geen beveiligingsupdates meer
  • ❌ Geen technische ondersteuning
  • ❌ Uw computer wordt kwetsbaar voor cyberaanvallen
  • ❌ Mogelijk niet meer compatibel met nieuwe software
+ + +

Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.

+ +
+ +
+ + +
+ +
+ +

💻

+ + +

1+ miljard

+ + +

Windows 10 computers wereldwijd

+ +
+ + +
+ +

🗑️

+ + +

240 miljoen ton

+ + +

Potentiële e-waste zonder migratie

+ +
+ + +
+ +

🔒

+ + +

0 updates

+ + +

Na oktober 2025

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 5. Steps (Mijn aanpak) + ------------------------------------------------------------------ */ + $patterns['steps'] = array( + 'title' => __( 'Mijn aanpak (stappen)', 'hogelandlinux' ), + 'description' => __( 'Witte sectie met genummerde stappenkaarten.', 'hogelandlinux' ), + 'categories' => array( 'cards' ), + 'content' => << +
+ +
+ +

Mijn aanpak

+ + +
+ +
+ +

1. Kennismaking (gratis)

+ + +

Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.

+ +
+ + +
+ +

2. Proefstart

+ + +

Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.

+ +
+ + +
+ +

3. Installatie

+ + +

Veilig, met updates, codecs, printer, Nederlandse taal en basissoftware.

+ +
+ + +
+ +

4. Migratie

+ + +

Bestanden, foto’s, documenten en favorieten overzetten.

+ +
+ + +
+ +

5. Uitleg & nazorg

+ + +

Korte training, daarna laagdrempelig bereikbaar voor vragen.

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 6. Distributions + ------------------------------------------------------------------ */ + $patterns['distributions'] = array( + 'title' => __( 'Linux-distributies', 'hogelandlinux' ), + 'description' => __( 'Getinte sectie met zes distributiekaarten.', 'hogelandlinux' ), + 'categories' => array( 'cards' ), + 'content' => << +
+ +
+ +

Welke Linux past bij u?

+ + +

Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.

+ + +
+ +
+ +
+ +
Linux Mint
+ + +

Linux Mint

+ +
+ + +

Windows-achtig

+ + +

Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.

+ + +

Ideaal voor: Windows-migratie, ouderen, conservatieve gebruikers.

+ +
+ + +
+ +
+ +
Ubuntu
+ + +

Ubuntu

+ +
+ + +

Populair

+ + +

Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.

+ + +

Ideaal voor: beginners, kantoorwerk, algemeen gebruik.

+ +
+ + +
+ +
+ +
Pop!_OS
+ + +

Pop!_OS

+ +
+ + +

Gaming

+ + +

Gemaakt door System76. Uitstekend voor gaming en creatief werk.

+ + +

Ideaal voor: gamers, ontwikkelaars, jongeren.

+ +
+ + +
+ +
+ +
Elementary OS
+ + +

Elementary OS

+ +
+ + +

Mooi

+ + +

Prachtig ontwerp geïnspireerd door macOS. Eenvoudig en elegant.

+ + +

Ideaal voor: Mac-gebruikers, designers, stijlbewuste mensen.

+ +
+ + +
+ +
+ +
Fedora
+ + +

Fedora

+ +
+ + +

Geavanceerd

+ + +

Nieuwste technologieën en functies. Voor technische gebruikers.

+ + +

Ideaal voor: ontwikkelaars, IT-professionals, tech-enthousiastelingen.

+ +
+ + +
+ +
+ +
Garuda Linux
+ + +

Garuda Linux

+ +
+ + +

Prestaties

+ + +

Arch-gebaseerd met extreme prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.

+ + +

Ideaal voor: powergebruikers, gamers, prestatie-enthousiasten.

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 7. Services + ------------------------------------------------------------------ */ + $patterns['services'] = array( + 'title' => __( 'Mijn diensten', 'hogelandlinux' ), + 'description' => __( 'Witte sectie met vier servicekaarten.', 'hogelandlinux' ), + 'categories' => array( 'cards' ), + 'content' => << +
+ +
+ +

Mijn diensten

+ + +
+ +
+ +

Gratis advies

+ + +

Ik bekijk uw huidige computer en adviseer over de beste Linux-distributie en aanpak.

+ +
+ + +
+ +

Installatieservice

+ + +

Professionele Linux-installatie met basissoftware, updates en drivers waar nodig.

+ +
+ + +
+ +

Datamigratie

+ + +

Overzetten van bestanden, documenten en foto’s van uw oude systeem naar Linux.

+ +
+ + +
+ +

Training en ondersteuning

+ + +

Uitleg en begeleiding zodat u direct prettig aan de slag kunt met Linux.

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 8. Features (Linux in actie) + ------------------------------------------------------------------ */ + $patterns['features'] = array( + 'title' => __( 'Linux in actie', 'hogelandlinux' ), + 'description' => __( 'Getinte sectie met drie showcasekaarten met afbeelding, titel en tekst.', 'hogelandlinux' ), + 'categories' => array( 'media', 'cards' ), + 'content' => << +
+ +
+ +

Linux in actie

+ + +

Zie hoe Linux eruitziet en werkt in de praktijk

+ + +
+ +
+ +
Zorin OS 17 Desktop
+ + +

Moderne desktopinterface

+ + +

Ziet er vertrouwd uit, werkt snel en stabiel. Ideaal voor dagelijks gebruik.

+ +
+ + +
+ +
Linux Mint Softwarebeheer
+ + +

Eenvoudig software installeren

+ + +

Duizenden gratis programma’s met één klik via Softwarebeheer.

+ +
+ + +
+ +
Gamingprestaties Linux versus Windows
+ + +

Gamingprestaties

+ + +

Prima geschikt voor gaming dankzij moderne drivers en optimalisaties.

+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 9. Call to action + ------------------------------------------------------------------ */ + $patterns['cta'] = array( + 'title' => __( 'Call to action', 'hogelandlinux' ), + 'description' => __( 'Donkergroene sectie met oproep en knop.', 'hogelandlinux' ), + 'categories' => array( 'call-to-action' ), + 'content' => << +
+ +
+ +

Klaar voor de overstap?

+ + +

Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.

+ + +
+ +
Neem contact op
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 10. Disclaimer + ------------------------------------------------------------------ */ + $patterns['disclaimer'] = array( + 'title' => __( 'Back-updisclaimer', 'hogelandlinux' ), + 'description' => __( 'Inklapbare disclaimer over back-ups.', 'hogelandlinux' ), + 'categories' => array( 'text' ), + 'content' => << +
+ +
+ +

Belangrijk over back-ups

+ + +
+ Lees de back-updisclaimer +
+

Ik lever een Linux-installatie- en migratieservice. Back-ups maken en bewaren is in principe de verantwoordelijkheid van de klant. Als extra service kan ik, op uw verzoek, data kopiëren naar door u aangeleverde USB-sticks of een externe schijf.

+

Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan. U blijft verantwoordelijk voor uw eigen data. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens.

+
+
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 11. Media & text (Over mij) + ------------------------------------------------------------------ */ + $patterns['media-text'] = array( + 'title' => __( 'Media en tekst', 'hogelandlinux' ), + 'description' => __( 'Twee kolommen met foto en tekst, geschikt voor de Over mij-pagina.', 'hogelandlinux' ), + 'categories' => array( 'media' ), + 'content' => << +
+ +
+ +
+ +
+ +

Moi! Ik ben Bdnugget en ik help mensen in Het Hogeland om hun computers duurzaam, veilig en prettig te blijven gebruiken met Linux.

+ + +

Linux gebruik ik al ruim 20 jaar - eerst uit nieuwsgierigheid, later uit overtuiging: het is veilig, snel, privacyvriendelijk en geeft je de regie over je eigen computer.

+ + +
+ +
Neem contact op
+ +
+ +
+ + +
+ +
Foto bij grasbaanraces
Dutch Open 2024
+ +
+ +
+ +
+ +
+ +HTML, + ); + + /* ------------------------------------------------------------------ + 12. Contact info + ------------------------------------------------------------------ */ + $patterns['contact-info'] = array( + 'title' => __( 'Contactgegevens', 'hogelandlinux' ), + 'description' => __( 'Witte sectie met contactgegevens en openingstijden.', 'hogelandlinux' ), + 'categories' => array( 'contact' ), + 'content' => << +
+ +
+ +
+ +
+ +

Adres

+ + +

Geen bezoekadres: ik doe uitsluitend huisbezoeken.

+ + +

Voorstraat 123
9967 AA Eenrum

+ +
+ + +
+ +

Contact

+ + +

E-mail: info@chemistry.software

+ + +

KvK: 91927935

+ +
+ + +
+ +

Openingstijden

+ + +

Maandag: 09:00 - 14:00 (op afspraak)
Dinsdag: 09:00 - 17:00 (op afspraak)
Woensdag: 09:00 - 14:00 (op afspraak)
Donderdag: 09:00 - 14:00 (op afspraak)
Vrijdag: gesloten

+ +
+ +
+ +
+ +
+ +HTML, + ); + + foreach ( $patterns as $slug => $pattern ) { + register_block_pattern( + 'hogelandlinux/' . $slug, + array( + 'title' => $pattern['title'], + 'description' => $pattern['description'], + 'categories' => $pattern['categories'], + 'viewportWidth' => 1280, + 'content' => $pattern['content'], + ) + ); + } +} +add_action( 'init', 'hogelandlinux_register_patterns' ); \ No newline at end of file diff --git a/wpfiles/wp-content/themes/hogelandlinux/page.php b/wpfiles/wp-content/themes/hogelandlinux/page.php index cda736d..370a0af 100644 --- a/wpfiles/wp-content/themes/hogelandlinux/page.php +++ b/wpfiles/wp-content/themes/hogelandlinux/page.php @@ -1,10 +1,11 @@ @@ -15,31 +16,29 @@ get_header(); the_post(); $content = get_the_content(); - if ( false !== strpos( $content, '[hero' ) ) { - // Hero handled inside the content via shortcode. - } else { + + $has_hero_pattern = ( false !== strpos( $content, 'hl-hero' ) ) + || ( false !== strpos( $content, 'hl-page-hero' ) ); + + if ( ! has_shortcode( $content, 'hero' ) && ! $has_hero_pattern ) { ?> -
-
-

+
+
+

-

+

-
-
-
- -
-
-
- + echo '
'; + the_content(); + echo '
'; + endwhile; + ?>