kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add page for "Traditional Colors of Japan"

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-13 16:16:40 +02:00
parent 6b90423cf9
commit 8e871e10ed
2 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/content/traditional-colors-of-japan/intro.mdx Normal file
View File

@@ -0,0 +1,5 @@
Some years ago I found by accident the book <cite>The Traditional Colors of Japan</cite> by **Nobyoshi Hamada** in a bookstore. He also wrote the sister book <cite>Traditional Japanese Color Palette</cite>.
It’s the best book about Japanese colors I know. The book has beautiful photography showing examples of nature, craftsmanship, and art applying the colors.
I took the time and converted all colors in the book into an ASE (Adobe Swatch Exchange) file that is usable in all Graphic software. You can download the file or browse all colors on this page.

47
src/pages/traditional-colors-of-japan.astro Normal file
View File

@@ -0,0 +1,47 @@
---
import GridLayout from '../layouts/GridLayout.astro';
import PageTitle from '../components/PageTitle.astro';
import { Content as Intro } from '../content/traditional-colors-of-japan/intro.mdx';
import { mapping } from '../mdx-components';
---
<GridLayout title="The Traditional Colors of Japan" grid="wide" class="grid" innerGrid>
<PageTitle grid="wide" innerGrid>The Traditional Colors of&nbsp;Japan</PageTitle>
<article
class="color-japan-introduction col-start-1 col-end-17 grid md:col-end-8 xl:content-center"
>
<Intro components={mapping} />
</article>
<article
class="color-japan-books col-start-1 col-end-17 flex grid-cols-2 md:col-start-9 md:justify-end"
>
Books
<!--
{%- book "475624100X", "The Traditional Colors of Japan" -%}
{%- book "475624114X", "Traditional Japanese Color Palette" -%}
-->
</article>
<article class="color-japan-grid col-start-1 col-end-17 grid grid-cols-books gap-[20px]">
<div>Color 1</div>
<div>Color 2</div>
<div>Color 3</div>
<div>Color 4</div>
<div>Color 5</div>
<div>Color 6</div>
<div>Color 7</div>
<div>Color 8</div>
<div>Color 9</div>
<div>Color 10</div>
<!--
{% for item in colorsJapan %}
{%- color item.color, item.name, item.description -%}
{% endfor %}
-->
</article>
</GridLayout>