fix: add book details

This commit is contained in:
Tim Rijkse
2026-01-16 08:51:28 +01:00
parent 7925172039
commit 337f5dbf5b
3 changed files with 470 additions and 147 deletions

158
book.html
View File

@@ -39,154 +39,18 @@
</site-header>
<site-content>
<div class="content-padding">
<push-box>
<img slot="logo" src="images/logo-asoka.png" alt="Asoka Logo" />
<h2 slot="title">
Gespecialiseerd op het vlak van boeddhisme en aanverwante
Oost-West thema's
</h2>
<arrow-button slot="cta" href="#">Meer over Asoka</arrow-button>
</push-box>
</div>
<section class="section section">
<section-title text="Recent verschenen boeken"></section-title>
<div class="book-grid">
<book-card
title="The Midnight Library"
description="A library of infinite possibilities"
author="Matt Haig"
price="$14.99"
rating="4.5"
href="book.html"
theme="dark"
></book-card>
<book-card
title="Atomic Habits"
description="A simple, proven system for breaking bad habits and forming good ones"
author="James Clear"
price="$16.99"
rating="5"
href="book.html"
theme="dark"
></book-card>
<book-card
title="The Psychology of Money"
description="A book about the psychology of money and how it affects our lives"
author="Morgan Housel"
price="$12.99"
rating="4"
href="book.html"
theme="dark"
></book-card>
<book-card
title="Project Hail Mary"
description="A book about the science of space travel and the future of humanity"
author="Andy Weir"
price="$18.99"
rating="4.5"
href="book.html"
theme="dark"
></book-card>
<cta-button href="#">Toon meer recent verschenen boeken</cta-button>
</div>
</section>
<section class="section section-dark">
<section-title text="Meest verkochte boeken"></section-title>
<div class="book-grid">
<book-card
title="The Midnight Library"
description="A library of infinite possibilities"
author="Matt Haig"
price="$14.99"
rating="4.5"
href="book.html"
></book-card>
<book-card
title="Atomic Habits"
description="A simple, proven system for breaking bad habits and forming good ones"
author="James Clear"
price="$16.99"
rating="5"
href="book.html"
></book-card>
<book-card
title="The Psychology of Money"
description="A book about the psychology of money and how it affects our lives"
author="Morgan Housel"
price="$12.99"
rating="4"
href="book.html"
></book-card>
<book-card
title="Project Hail Mary"
description="A book about the science of space travel and the future of humanity"
author="Andy Weir"
price="$18.99"
rating="4.5"
href="book.html"
></book-card>
<cta-button href="#">Toon meer meest verkochte boeken</cta-button>
</div>
</section>
<section class="section">
<section-title text="Onderwerpen"></section-title>
<div class="category-grid">
<category-card
title="Biografie / autobiografie"
icon="images/biografieautobiografie.png"
href="category.html"
></category-card>
<category-card
title="Boeddhisme (algemeen)"
icon="images/boeddhismealgemeen.png"
href="category.html"
></category-card>
<category-card
title="Boeddhisme en het Westen"
icon="images/boeddhisme-en-het-westen.png"
href="category.html"
></category-card>
<category-card
title="Kinderboeken"
icon="images/kinderboeken.png"
href="category.html"
></category-card>
<category-card
title="Meditatie"
icon="images/meditatie.png"
href="category.html"
></category-card>
<category-card
title="Mindfulness"
icon="images/mindfulness.png"
href="category.html"
></category-card>
<category-card
title="Pali-canon"
icon="images/palicanon.png"
href="category.html"
></category-card>
<category-card
title="Theravada"
icon="images/theravada.png"
href="category.html"
></category-card>
<category-card
title="Tibetaans boeddhisme"
icon="images/tibetaans-boeddhisme.png"
href="category.html"
></category-card>
<category-card
title="Vipassana"
icon="images/vipassana.png"
href="category.html"
></category-card>
</div>
<cta-button href="#">Toon alle onderwerpen</cta-button>
<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>
</section>
<div class="content-padding">