fix: wcag improvements
This commit is contained in:
Tim Rijkse
221
book.html
221
book.html
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
@@ -18,6 +18,7 @@
|
||||
<link rel="stylesheet" href="css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-to-content">Ga naar inhoud</a>
|
||||
<mobile-drawer></mobile-drawer>
|
||||
<div class="mobile-container">
|
||||
<site-header>
|
||||
@@ -45,119 +46,123 @@
|
||||
</site-header>
|
||||
|
||||
<site-content>
|
||||
<section class="section">
|
||||
<book-details
|
||||
title="Zen is opendoen"
|
||||
author="Ayya Khema"
|
||||
author-href="#"
|
||||
price="€ 24,95"
|
||||
isbn="9789056703691"
|
||||
format="Paperback"
|
||||
delivery="Direct leverbaar"
|
||||
categories="Zen|#,Integrale spiritualiteit|#"
|
||||
ebook-available
|
||||
></book-details>
|
||||
<main id="main-content">
|
||||
<section class="section">
|
||||
<book-details
|
||||
title="Zen is opendoen"
|
||||
author="Ayya Khema"
|
||||
author-href="#"
|
||||
price="€ 24,95"
|
||||
isbn="9789056703691"
|
||||
format="Paperback"
|
||||
delivery="Direct leverbaar"
|
||||
categories="Zen|#,Integrale spiritualiteit|#"
|
||||
ebook-available
|
||||
></book-details>
|
||||
|
||||
<action-links-list>
|
||||
<icon-link-button icon="wishlist" href="#">
|
||||
Voeg toe aan verlanglijstje
|
||||
</icon-link-button>
|
||||
<icon-link-button icon="review" href="#">
|
||||
Schrijf een recensie
|
||||
</icon-link-button>
|
||||
</action-links-list>
|
||||
<action-links-list>
|
||||
<icon-link-button icon="wishlist" href="#">
|
||||
Voeg toe aan verlanglijstje
|
||||
</icon-link-button>
|
||||
<icon-link-button icon="review" href="#">
|
||||
Schrijf een recensie
|
||||
</icon-link-button>
|
||||
</action-links-list>
|
||||
|
||||
<content-tabs tabs="Beschrijving,Inzage,Recensies">
|
||||
<book-description slot="panel-0">
|
||||
<p>
|
||||
Zen is opendoen bevat een selectie van zeventig columns die Dick
|
||||
Verstegen schreef tussen 2002 en 2017. Hij schreef ze als
|
||||
columnist voor o.a. het boeddhistisch kwartaalblad Vorm &
|
||||
Leegte, het Boeddhistisch Dagblad, Centrum Waerbeke, het Han
|
||||
Fortmann Centrum en de Wijkkrant van Nijmegen-Oost. Zijn columns
|
||||
wijzen zonder uitzondering naar het mysterie van het leven en
|
||||
geven blijk van bewogenheid en overgave, maar de lichte toets
|
||||
ontbreekt nooit. Ze gaan over zeer uiteenlopende onderwerpen,
|
||||
zoals: lente, de ware stem van je hart, compassie, ontroering,
|
||||
woorden, de dood van zijn vrouw, de kathedraal van Royan, het
|
||||
windorgel in Vlissingen, liefde, boeddhaschap, bedelen, emoties,
|
||||
relaties, management, overgave, gedachten, Nepal, leerling zijn,
|
||||
theekommen, zijn vader, stilte, licht en opendoen.
|
||||
</p>
|
||||
<p class="quote">
|
||||
Uit zijn columns blijkt hoezeer hij zich ervan bewust is dat
|
||||
zenboeddhisme geen mening is, maar een non-duale zienswijze.
|
||||
Non-dualiteit is zien dat de dualiteiten geen hindernissen zijn
|
||||
voor een bevrijd bestaan. (...) zo te spreken of te schrijven
|
||||
dat het mysteriekarakter onaangetast blijft. Wat mij betreft is
|
||||
Dick hierin volkomen geslaagd. Hoe hem dit gelukt is, is mij een
|
||||
raadsel. Misschien wel dankzij zijn grote liefde voor de taal
|
||||
die spreekt uit elke bladzijde van deze verzameling literaire
|
||||
miniaturen.
|
||||
</p>
|
||||
<p class="author">—Nico Tydeman</p>
|
||||
</book-description>
|
||||
<content-tabs tabs="Beschrijving,Inzage,Recensies">
|
||||
<book-description slot="panel-0">
|
||||
<p>
|
||||
Zen is opendoen bevat een selectie van zeventig columns die
|
||||
Dick Verstegen schreef tussen 2002 en 2017. Hij schreef ze als
|
||||
columnist voor o.a. het boeddhistisch kwartaalblad Vorm &
|
||||
Leegte, het Boeddhistisch Dagblad, Centrum Waerbeke, het Han
|
||||
Fortmann Centrum en de Wijkkrant van Nijmegen-Oost. Zijn
|
||||
columns wijzen zonder uitzondering naar het mysterie van het
|
||||
leven en geven blijk van bewogenheid en overgave, maar de
|
||||
lichte toets ontbreekt nooit. Ze gaan over zeer uiteenlopende
|
||||
onderwerpen, zoals: lente, de ware stem van je hart,
|
||||
compassie, ontroering, woorden, de dood van zijn vrouw, de
|
||||
kathedraal van Royan, het windorgel in Vlissingen, liefde,
|
||||
boeddhaschap, bedelen, emoties, relaties, management,
|
||||
overgave, gedachten, Nepal, leerling zijn, theekommen, zijn
|
||||
vader, stilte, licht en opendoen.
|
||||
</p>
|
||||
<p class="quote">
|
||||
Uit zijn columns blijkt hoezeer hij zich ervan bewust is dat
|
||||
zenboeddhisme geen mening is, maar een non-duale zienswijze.
|
||||
Non-dualiteit is zien dat de dualiteiten geen hindernissen
|
||||
zijn voor een bevrijd bestaan. (...) zo te spreken of te
|
||||
schrijven dat het mysteriekarakter onaangetast blijft. Wat mij
|
||||
betreft is Dick hierin volkomen geslaagd. Hoe hem dit gelukt
|
||||
is, is mij een raadsel. Misschien wel dankzij zijn grote
|
||||
liefde voor de taal die spreekt uit elke bladzijde van deze
|
||||
verzameling literaire miniaturen.
|
||||
</p>
|
||||
<p class="author">—Nico Tydeman</p>
|
||||
</book-description>
|
||||
|
||||
<image-gallery
|
||||
slot="panel-1"
|
||||
images="images/book-insight.jpg,images/book-insight.jpg,images/book-insight.jpg"
|
||||
></image-gallery>
|
||||
<image-gallery
|
||||
slot="panel-1"
|
||||
images="images/book-insight.jpg,images/book-insight.jpg,images/book-insight.jpg"
|
||||
></image-gallery>
|
||||
|
||||
<book-reviews slot="panel-2">
|
||||
<book-review-item
|
||||
rating="5"
|
||||
author="Maria van der Berg"
|
||||
date="12 januari 2026"
|
||||
>
|
||||
Een prachtige verzameling columns die je aan het denken zet.
|
||||
Dick Verstegen schrijft met zoveel warmte en wijsheid. Elk
|
||||
stukje is een kleine meditatie op zich. Aanrader voor iedereen
|
||||
die geïnteresseerd is in zen en het dagelijks leven.
|
||||
</book-review-item>
|
||||
<book-review-item
|
||||
rating="5"
|
||||
author="Jan Pietersen"
|
||||
date="8 december 2025"
|
||||
>
|
||||
Dit boek heeft mijn kijk op zen volledig veranderd. De columns
|
||||
zijn toegankelijk geschreven en toch diepgaand. Ik lees elke
|
||||
avond een column voor het slapen gaan. Een boek om te koesteren.
|
||||
</book-review-item>
|
||||
<book-review-item
|
||||
rating="4"
|
||||
author="Sophie de Vries"
|
||||
date="23 november 2025"
|
||||
>
|
||||
Mooie, poëtische teksten die je uitnodigen om stil te staan bij
|
||||
het leven. Soms wat abstract, maar overall een waardevolle
|
||||
toevoeging aan mijn boekenplank. De quote van Nico Tydeman op de
|
||||
achterkant vat het perfect samen.
|
||||
</book-review-item>
|
||||
</book-reviews>
|
||||
</content-tabs>
|
||||
</section>
|
||||
<book-reviews slot="panel-2">
|
||||
<book-review-item
|
||||
rating="5"
|
||||
author="Maria van der Berg"
|
||||
date="12 januari 2026"
|
||||
>
|
||||
Een prachtige verzameling columns die je aan het denken zet.
|
||||
Dick Verstegen schrijft met zoveel warmte en wijsheid. Elk
|
||||
stukje is een kleine meditatie op zich. Aanrader voor iedereen
|
||||
die geïnteresseerd is in zen en het dagelijks leven.
|
||||
</book-review-item>
|
||||
<book-review-item
|
||||
rating="5"
|
||||
author="Jan Pietersen"
|
||||
date="8 december 2025"
|
||||
>
|
||||
Dit boek heeft mijn kijk op zen volledig veranderd. De columns
|
||||
zijn toegankelijk geschreven en toch diepgaand. Ik lees elke
|
||||
avond een column voor het slapen gaan. Een boek om te
|
||||
koesteren.
|
||||
</book-review-item>
|
||||
<book-review-item
|
||||
rating="4"
|
||||
author="Sophie de Vries"
|
||||
date="23 november 2025"
|
||||
>
|
||||
Mooie, poëtische teksten die je uitnodigen om stil te staan
|
||||
bij het leven. Soms wat abstract, maar overall een waardevolle
|
||||
toevoeging aan mijn boekenplank. De quote van Nico Tydeman op
|
||||
de achterkant vat het perfect samen.
|
||||
</book-review-item>
|
||||
</book-reviews>
|
||||
</content-tabs>
|
||||
</section>
|
||||
|
||||
<div class="content-padding">
|
||||
<push-box variant="purple">
|
||||
<h2 slot="title">
|
||||
Kom je er niet uit of heb je een vraag? Neem contact op met de
|
||||
klantenservice.
|
||||
</h2>
|
||||
<div slot="cta" class="cta-buttons">
|
||||
<arrow-button href="#">Klantenservice</arrow-button>
|
||||
<arrow-button href="#">Neem contact op</arrow-button>
|
||||
</div>
|
||||
</push-box>
|
||||
</div>
|
||||
<div class="content-padding">
|
||||
<push-box variant="purple">
|
||||
<h2 slot="title">
|
||||
Kom je er niet uit of heb je een vraag? Neem contact op met de
|
||||
klantenservice.
|
||||
</h2>
|
||||
<div slot="cta" class="cta-buttons">
|
||||
<arrow-button href="#">Klantenservice</arrow-button>
|
||||
<arrow-button href="#">Neem contact op</arrow-button>
|
||||
</div>
|
||||
</push-box>
|
||||
</div>
|
||||
|
||||
<div class="content-padding">
|
||||
<newsletter-signup
|
||||
title="Blijf op de hoogte"
|
||||
description="Schrijf je in voor onze nieuwsbrief en ontvang het laatste nieuws over nieuwe boeken en aanbiedingen."
|
||||
button-text="Inschrijven"
|
||||
placeholder="Je e-mailadres"
|
||||
></newsletter-signup>
|
||||
</div>
|
||||
<div class="content-padding">
|
||||
<newsletter-signup
|
||||
title="Blijf op de hoogte"
|
||||
description="Schrijf je in voor onze nieuwsbrief en ontvang het laatste nieuws over nieuwe boeken en aanbiedingen."
|
||||
button-text="Inschrijven"
|
||||
placeholder="Je e-mailadres"
|
||||
></newsletter-signup>
|
||||
</div>
|
||||
</main>
|
||||
</site-content>
|
||||
|
||||
<site-footer>
|
||||
|
||||
Reference in New Issue
Block a user