Files
milinda-pitch/book.html
2026-01-16 10:50:07 +01:00

216 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Milinda - Discover and buy your next favorite book"
/>
<title>Milinda - Home</title>
<!-- Fonts are loaded via @font-face in styles.css -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<mobile-drawer></mobile-drawer>
<div class="mobile-container">
<site-header>
<top-bar slot="top-bar">
<button
slot="menu-button"
class="icon-button"
aria-label="Menu"
onclick="window.dispatchEvent(new CustomEvent('toggle-mobile-drawer'))"
>
<menu-icon></menu-icon>
</button>
<a slot="logo" href="index.html" class="logo">Milinda</a>
<div slot="actions" class="actions">
<button class="icon-button" aria-label="Profile">
<user-icon></user-icon>
</button>
<button class="icon-button" aria-label="Shopping basket">
<shopping-bag-icon></shopping-bag-icon>
</button>
</div>
</top-bar>
<horizontal-scroll-nav slot="nav"></horizontal-scroll-nav>
<search-bar slot="search"></search-bar>
</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>
<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>
<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>
<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>
</site-content>
<site-footer>
<span slot="logo">MILINDA uitgevers</span>
<footer-accordion-item slot="accordion" title="Service & bestellen">
<div class="accordion-links">
<a href="#">Bestellen</a>
<a href="#">Verzending</a>
<a href="#">Retourneren</a>
<a href="#">Betaalmethoden</a>
</div>
</footer-accordion-item>
<footer-accordion-item slot="accordion" title="Over MILINDA uitgevers">
<div class="accordion-links">
<a href="#">Onze geschiedenis</a>
<a href="#">Ons team</a>
<a href="#">Vacatures</a>
</div>
</footer-accordion-item>
<footer-accordion-item slot="accordion" title="Populaire categorieën">
<div class="accordion-links">
<a href="#">Boeddhisme</a>
<a href="#">Meditatie</a>
<a href="#">Mindfulness</a>
<a href="#">Filosofie</a>
</div>
</footer-accordion-item>
<footer-accordion-item slot="accordion" title="Accessibility">
<div class="accordion-links">
<a href="#">Toegankelijkheidsverklaring</a>
<a href="#">Hulpmiddelen</a>
</div>
</footer-accordion-item>
<div slot="links-left" class="footer-bottom-links">
<a href="#">Klantenservice</a>
<a href="#">Uitgeverij</a>
<a href="#">Neem contact op</a>
</div>
<div slot="links-right" class="footer-bottom-links">
<a href="#">Privacyverklaring</a>
<a href="#">Algemene voorwaarden</a>
<a href="#">Toegankelijkheidsverklaring</a>
</div>
</site-footer>
</div>
<script type="module" src="js/app.js"></script>
</body>
</html>