836 lines
35 KiB
PHP
836 lines
35 KiB
PHP
<?php
|
|
/**
|
|
* Hogeland Linux block patterns.
|
|
*
|
|
* Registering via PHP (instead of the patterns/ directory) lets us inject the
|
|
* theme's real asset URLs into image blocks.
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
/**
|
|
* Render one of the theme's design sections for use in patterns.
|
|
*/
|
|
/**
|
|
* Register all block patterns.
|
|
*/
|
|
function hogelandlinux_register_patterns() {
|
|
$asset = HOGELANDLINUX_URL . '/assets/images';
|
|
|
|
$patterns = array();
|
|
|
|
/* ------------------------------------------------------------------
|
|
1. Home hero
|
|
------------------------------------------------------------------ */
|
|
$patterns['hero-home'] = array(
|
|
'title' => __( 'Hero — Home', 'hogelandlinux' ),
|
|
'description' => __( 'Grote openingssectie voor de homepage met titel, subtitel en actieknoppen.', 'hogelandlinux' ),
|
|
'categories' => array( 'hero', 'call-to-action' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-hero"} -->
|
|
<div class="wp-block-group hl-section hl-hero">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center","level":1,"className":"hl-hero__title"} -->
|
|
<h1 class="wp-block-heading has-text-align-center hl-hero__title">Geef uw computer een tweede leven</h1>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"align":"center","className":"hl-hero__subtitle"} -->
|
|
<p class="has-text-align-center hl-hero__subtitle">Windows 10-ondersteuning eindigt binnenkort? Ik help u graag overstappen. Ontdek hoe Linux uw hardware nieuw leven kan geven.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"className":"is-style-hl-primary"} -->
|
|
<div class="wp-block-button is-style-hl-primary"><a class="wp-block-button__link wp-element-button">↓ Meer weten</a></div>
|
|
<!-- /wp:button -->
|
|
<!-- wp:button {"className":"is-style-hl-secondary"} -->
|
|
<div class="wp-block-button is-style-hl-secondary"><a class="wp-block-button__link wp-element-button">Gratis advies</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-page-hero"} -->
|
|
<div class="wp-block-group hl-section hl-page-hero">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center","level":1,"className":"hl-page-hero__title"} -->
|
|
<h1 class="wp-block-heading has-text-align-center hl-page-hero__title">Pagina-titel</h1>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"align":"center","className":"hl-page-hero__subtitle"} -->
|
|
<p class="has-text-align-center hl-page-hero__subtitle">Korte introductie van deze pagina.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
3. Benefits
|
|
------------------------------------------------------------------ */
|
|
$patterns['benefits'] = array(
|
|
'title' => __( 'Voordelen van Linux', 'hogelandlinux' ),
|
|
'description' => __( 'Witte sectie met zes voordelenkaarten.', 'hogelandlinux' ),
|
|
'categories' => array( 'cards' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Waarom Linux kiezen?</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:columns {"className":"hl-card-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid">
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">🛡️</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Veilig en betrouwbaar</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Beschermd tegen virussen en zonder storende, onverwachte updates. U houdt de controle over uw computer.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">💰</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Helemaal gratis</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Geen licenties of abonnementen nodig. Linux en de meeste programma’s zijn kosteloos.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">🔄</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Geschikt voor oudere computers</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Ook een computer die al jaren meegaat kan met Linux weer soepel draaien.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">🌱</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Beter voor het milieu</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Door langer met uw computer te doen voorkomt u elektronisch afval (e-waste). Goed voor uw portemonnee en voor de planeet.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">🔒</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Uw privacy blijft van uzelf</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Geen verborgen gegevensverzameling of tracking.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--benefit"} -->
|
|
<div class="wp-block-column hl-card hl-card--benefit">
|
|
<!-- wp:paragraph {"className":"hl-card-icon"} -->
|
|
<p class="hl-card-icon">⚡</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Sneller werken</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Linux start vlot op en voelt vaak lichter aan dan andere systemen.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
|
|
<div class="wp-block-group hl-section hl-section--tint">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Windows 10-ondersteuning eindigt</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:columns {"className":"hl-eol-col"} -->
|
|
<div class="wp-block-columns hl-eol-col">
|
|
<!-- wp:column {"className":"hl-eol-image"} -->
|
|
<div class="wp-block-column hl-eol-image">
|
|
<!-- wp:image {"sizeSlug":"full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/clippy.png" alt="Clippy adviseert om Linux te gebruiken"/></figure>
|
|
<!-- /wp:image -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column -->
|
|
<div class="wp-block-column">
|
|
<!-- wp:paragraph -->
|
|
<p>Microsoft stopt de ondersteuning voor Windows 10 in <strong>oktober 2025</strong>. Dit betekent:</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:list {"className":"hl-eol-list"} -->
|
|
<ul class="wp-block-list hl-eol-list"><li>❌ Geen beveiligingsupdates meer</li><li>❌ Geen technische ondersteuning</li><li>❌ Uw computer wordt kwetsbaar voor cyberaanvallen</li><li>❌ Mogelijk niet meer compatibel met nieuwe software</li></ul>
|
|
<!-- /wp:list -->
|
|
<!-- wp:paragraph {"className":"hl-highlight"} -->
|
|
<p class="hl-highlight">Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
<!-- wp:columns {"className":"hl-stats"} -->
|
|
<div class="wp-block-columns hl-stats">
|
|
<!-- wp:column {"className":"hl-stat"} -->
|
|
<div class="wp-block-column hl-stat">
|
|
<!-- wp:paragraph {"className":"hl-stat__icon"} -->
|
|
<p class="hl-stat__icon">💻</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
|
|
<h3 class="wp-block-heading hl-stat__number">1+ miljard</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"className":"hl-stat__label"} -->
|
|
<p class="hl-stat__label">Windows 10 computers wereldwijd</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-stat"} -->
|
|
<div class="wp-block-column hl-stat">
|
|
<!-- wp:paragraph {"className":"hl-stat__icon"} -->
|
|
<p class="hl-stat__icon">🗑️</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
|
|
<h3 class="wp-block-heading hl-stat__number">240 miljoen ton</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"className":"hl-stat__label"} -->
|
|
<p class="hl-stat__label">Potentiële e-waste zonder migratie</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-stat"} -->
|
|
<div class="wp-block-column hl-stat">
|
|
<!-- wp:paragraph {"className":"hl-stat__icon"} -->
|
|
<p class="hl-stat__icon">🔒</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:heading {"level":3,"className":"hl-stat__number"} -->
|
|
<h3 class="wp-block-heading hl-stat__number">0 updates</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"className":"hl-stat__label"} -->
|
|
<p class="hl-stat__label">Na oktober 2025</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
5. Steps (Mijn aanpak)
|
|
------------------------------------------------------------------ */
|
|
$patterns['steps'] = array(
|
|
'title' => __( 'Mijn aanpak (stappen)', 'hogelandlinux' ),
|
|
'description' => __( 'Witte sectie met genummerde stappenkaarten.', 'hogelandlinux' ),
|
|
'categories' => array( 'cards' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Mijn aanpak</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:columns {"className":"hl-card-grid hl-steps-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid hl-steps-grid">
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">1. Kennismaking (gratis)</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">2. Proefstart</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">3. Installatie</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Veilig, met updates, codecs, printer, Nederlandse taal en basissoftware.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">4. Migratie</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Bestanden, foto’s, documenten en favorieten overzetten.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">5. Uitleg & nazorg</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
6. Distributions
|
|
------------------------------------------------------------------ */
|
|
$patterns['distributions'] = array(
|
|
'title' => __( 'Linux-distributies', 'hogelandlinux' ),
|
|
'description' => __( 'Getinte sectie met zes distributiekaarten.', 'hogelandlinux' ),
|
|
'categories' => array( 'cards' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
|
|
<div class="wp-block-group hl-section hl-section--tint">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Welke Linux past bij u?</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"align":"center","className":"hl-section-subtitle"} -->
|
|
<p class="has-text-align-center hl-section-subtitle">Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:columns {"className":"hl-card-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid">
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/mint.svg" alt="Linux Mint"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Linux Mint</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Windows-achtig</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> Windows-migratie, ouderen, conservatieve gebruikers.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/ubuntu.png" alt="Ubuntu"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Ubuntu</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Populair</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> beginners, kantoorwerk, algemeen gebruik.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/popos.svg" alt="Pop!_OS"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Pop!_OS</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Gaming</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Gemaakt door System76. Uitstekend voor gaming en creatief werk.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> gamers, ontwikkelaars, jongeren.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/elementary.png" alt="Elementary OS"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Elementary OS</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Mooi</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Prachtig ontwerp geïnspireerd door macOS. Eenvoudig en elegant.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> Mac-gebruikers, designers, stijlbewuste mensen.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/fedora.png" alt="Fedora"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Fedora</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Geavanceerd</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Nieuwste technologieën en functies. Voor technische gebruikers.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> ontwikkelaars, IT-professionals, tech-enthousiastelingen.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-distro-card"} -->
|
|
<div class="wp-block-column hl-card hl-distro-card">
|
|
<!-- wp:group {"className":"hl-distro-head"} -->
|
|
<div class="wp-block-group hl-distro-head">
|
|
<!-- wp:image {"sizeSlug":"full","className":"size-full"} -->
|
|
<figure class="wp-block-image size-full"><img src="$asset/garuda.svg" alt="Garuda Linux"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Garuda Linux</h3>
|
|
<!-- /wp:heading -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
<!-- wp:paragraph {"className":"hl-distro-tag"} -->
|
|
<p class="hl-distro-tag">Prestaties</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Arch-gebaseerd met extreme prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"className":"hl-distro-features"} -->
|
|
<p class="hl-distro-features"><strong>Ideaal voor:</strong> powergebruikers, gamers, prestatie-enthousiasten.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
7. Services
|
|
------------------------------------------------------------------ */
|
|
$patterns['services'] = array(
|
|
'title' => __( 'Mijn diensten', 'hogelandlinux' ),
|
|
'description' => __( 'Witte sectie met vier servicekaarten.', 'hogelandlinux' ),
|
|
'categories' => array( 'cards' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Mijn diensten</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:columns {"className":"hl-card-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid">
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Gratis advies</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Ik bekijk uw huidige computer en adviseer over de beste Linux-distributie en aanpak.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Installatieservice</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Professionele Linux-installatie met basissoftware, updates en drivers waar nodig.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Datamigratie</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Overzetten van bestanden, documenten en foto’s van uw oude systeem naar Linux.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Training en ondersteuning</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Uitleg en begeleiding zodat u direct prettig aan de slag kunt met Linux.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--tint"} -->
|
|
<div class="wp-block-group hl-section hl-section--tint">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Linux in actie</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"align":"center","className":"hl-section-subtitle"} -->
|
|
<p class="has-text-align-center hl-section-subtitle">Zie hoe Linux eruitziet en werkt in de praktijk</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:columns {"className":"hl-card-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid">
|
|
<!-- wp:column {"className":"hl-card hl-feature-card"} -->
|
|
<div class="wp-block-column hl-card hl-feature-card">
|
|
<!-- wp:image {"sizeSlug":"large"} -->
|
|
<figure class="wp-block-image size-large"><img src="$asset/Zorin-17-desktop.webp" alt="Zorin OS 17 Desktop"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Moderne desktopinterface</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Ziet er vertrouwd uit, werkt snel en stabiel. Ideaal voor dagelijks gebruik.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-feature-card"} -->
|
|
<div class="wp-block-column hl-card hl-feature-card">
|
|
<!-- wp:image {"sizeSlug":"large"} -->
|
|
<figure class="wp-block-image size-large"><img src="$asset/LinuxMintCinnamonSoftwareManager.webp" alt="Linux Mint Softwarebeheer"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Eenvoudig software installeren</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Duizenden gratis programma’s met één klik via Softwarebeheer.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-feature-card"} -->
|
|
<div class="wp-block-column hl-card hl-feature-card">
|
|
<!-- wp:image {"sizeSlug":"large"} -->
|
|
<figure class="wp-block-image size-large"><img src="$asset/GamingBenchmarkLinuxvsWindows.webp" alt="Gamingprestaties Linux versus Windows"/></figure>
|
|
<!-- /wp:image -->
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Gamingprestaties</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Prima geschikt voor gaming dankzij moderne drivers en optimalisaties.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--brand hl-cta"} -->
|
|
<div class="wp-block-group hl-section hl-section--brand hl-cta">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Klaar voor de overstap?</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"align":"center"} -->
|
|
<p class="has-text-align-center">Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"className":"is-style-hl-on-dark"} -->
|
|
<div class="wp-block-button is-style-hl-on-dark"><a class="wp-block-button__link wp-element-button">Neem contact op</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
10. Disclaimer
|
|
------------------------------------------------------------------ */
|
|
$patterns['disclaimer'] = array(
|
|
'title' => __( 'Back-updisclaimer', 'hogelandlinux' ),
|
|
'description' => __( 'Inklapbare disclaimer over back-ups.', 'hogelandlinux' ),
|
|
'categories' => array( 'text' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:heading {"textAlign":"center"} -->
|
|
<h2 class="wp-block-heading has-text-align-center">Belangrijk over back-ups</h2>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:html -->
|
|
<details class="hl-disclaimer">
|
|
<summary>Lees de back-updisclaimer</summary>
|
|
<div class="hl-disclaimer__body">
|
|
<p>Ik lever een Linux-installatie- en migratieservice. <strong>Back-ups maken en bewaren is in principe de verantwoordelijkheid van de klant.</strong> Als extra service kan ik, op uw verzoek, data kopiëren naar door u aangeleverde USB-sticks of een externe schijf.</p>
|
|
<p>Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan. <strong>U blijft verantwoordelijk voor uw eigen data</strong>. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens.</p>
|
|
</div>
|
|
</details>
|
|
<!-- /wp:html -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:columns {"className":"hl-media-text"} -->
|
|
<div class="wp-block-columns hl-media-text">
|
|
<!-- wp:column {"width":"55%"} -->
|
|
<div class="wp-block-column" style="flex-basis:55%">
|
|
<!-- wp:paragraph -->
|
|
<p>Moi! Ik ben Bdnugget en ik help mensen in Het Hogeland om hun computers duurzaam, veilig en prettig te blijven gebruiken met Linux.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>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.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:buttons -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"className":"is-style-hl-primary"} -->
|
|
<div class="wp-block-button is-style-hl-primary"><a class="wp-block-button__link wp-element-button">Neem contact op</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"width":"45%"} -->
|
|
<div class="wp-block-column" style="flex-basis:45%">
|
|
<!-- wp:image {"sizeSlug":"large"} -->
|
|
<figure class="wp-block-image size-large"><img src="$asset/DutchOpen2024.jpg" alt="Foto bij grasbaanraces"/><figcaption class="wp-element-caption">Dutch Open 2024</figcaption></figure>
|
|
<!-- /wp:image -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
HTML,
|
|
);
|
|
|
|
/* ------------------------------------------------------------------
|
|
12. Contact info
|
|
------------------------------------------------------------------ */
|
|
$patterns['contact-info'] = array(
|
|
'title' => __( 'Contactgegevens', 'hogelandlinux' ),
|
|
'description' => __( 'Witte sectie met contactgegevens en openingstijden.', 'hogelandlinux' ),
|
|
'categories' => array( 'contact' ),
|
|
'content' => <<<HTML
|
|
<!-- wp:group {"className":"hl-section hl-section--white"} -->
|
|
<div class="wp-block-group hl-section hl-section--white">
|
|
<!-- wp:group {"className":"hl-container"} -->
|
|
<div class="wp-block-group hl-container">
|
|
<!-- wp:columns {"className":"hl-card-grid"} -->
|
|
<div class="wp-block-columns hl-card-grid">
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Adres</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Geen bezoekadres: ik doe uitsluitend huisbezoeken.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>Voorstraat 123<br>9967 AA Eenrum</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Contact</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>E-mail: <a href="mailto:info@chemistry.software">info@chemistry.software</a></p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph -->
|
|
<p>KvK: 91927935</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"hl-card hl-card--service"} -->
|
|
<div class="wp-block-column hl-card hl-card--service">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3 class="wp-block-heading">Openingstijden</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Maandag: 09:00 - 14:00 (op afspraak)<br>Dinsdag: 09:00 - 17:00 (op afspraak)<br>Woensdag: 09:00 - 14:00 (op afspraak)<br>Donderdag: 09:00 - 14:00 (op afspraak)<br>Vrijdag: gesloten</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
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' ); |