85 lines
4.9 KiB
HTML
85 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Hanafuda guides – Ailyaut's blog</title>
|
||
<link rel="icon" type="image/png" href="../../media/icons/favicon-16x16.png" sizes="16x16">
|
||
<link rel="stylesheet" href="../../style.css" />
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<meta property="og:title" content="Hanafuda guides – Ailyaut's blog" />
|
||
<meta property="og:type" content="blog" />
|
||
<meta property="og:url" content="https://ailyaut.com/" />
|
||
<meta property="og:image" content="https://ailyaut.com/media/preview.png" />
|
||
<meta property="og:description" content="Hi! I'm Ailyaut, a 24-year-old everything-designer with a particular interest in open source and card games." />
|
||
<meta property="og:locale" content="en_US" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<div id="header_box">
|
||
<div>
|
||
<a href="../../index.html" id="header_title">Ailyaut's blog</a>
|
||
</div>
|
||
<nav id="header_nav">
|
||
<a href="../../blog.html" class="nav_button">Blog</a>
|
||
<a href="../../gallery.html" class="nav_button">Gallery</a>
|
||
<a href="../../projects.html" class="nav_button_active">Projects</a>
|
||
<a href="../../about.html" class="nav_button">About</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="box" style="justify-content: space-between; gap: 2em;">
|
||
<div class="column" style="--custom_width: 60%;">
|
||
<h1>Hanafuda guides</h1>
|
||
<p>Last year, my partner gave me a hanafuda game as a present.
|
||
I was very excited, but I didn't know how to play! I searched for the game rules on the internet and learned that multiple games can be played with the hanafuda cards (or just hanafuda, because it already means 'flower cards'), the two most popular being Koi-koi and Hachi hachi.</p>
|
||
<p>I looked for the Koi-koi rules, but I came across different variants of the game, which made it quite difficult to understand how to play. But more importantly, I needed a way to memorize the cards.</p>
|
||
<p>Using my experience as a former board-game graphic designer, I made short printable guides to learn how to play Koi-koi and to memorize the cards. All the guides are licensed under CC BY-SA 4.0, so that everyone can use them, translate them if needed, and share their love for hanafuda.</p>
|
||
<h2>Files</h2>
|
||
<p class="light">More guides will come, in more languages.</p>
|
||
<a target="_blank" href="media/koikoi_2pages_FR.pdf" class="button" style="gap: 0.5em; width: fit-content; margin-bottom: 1.5em;">
|
||
<img class="icon" src="../../media/icons/download.svg" />
|
||
Koi-koi 2-pages (FR)<span class="light">PDF · 1,5MB</span>
|
||
</a>
|
||
</div>
|
||
<div class="column" style="--custom_width: 30%;">
|
||
<img style="border-radius: 1em;" src="thumb.png"/>
|
||
<h3 style="margin-bottom: 0.5em;">My role</h3>
|
||
<p style="margin-bottom: 0;">Writing, graphic design</p>
|
||
<h3>Software used</h3>
|
||
<p>Scribus</p>
|
||
</div>
|
||
</div>
|
||
<div class="spacer" style="--size: 2em"></div>
|
||
<a href="#" class="btt"><img class="bttimg" src="../../media/icons/arrow_upward.png"/></a>
|
||
</main>
|
||
|
||
<footer>
|
||
<div id="footer_box">
|
||
<div class="footer_item">
|
||
<p>Copyright © 2025 Ailyaut</p>
|
||
</div>
|
||
<div class="footer_item">
|
||
<a target="_blank" href="https://www.websitecarbon.com/website/ailyaut-robotfumeur-fr-index-html/" style="text-decoration: none;">
|
||
<p style="color: black; background-color: var(--accent); padding: 0.2em 0.6em 0.2em 0.6em ; border-radius: 1em;">
|
||
0.02g of CO₂/view
|
||
</p>
|
||
</a>
|
||
</div>
|
||
<div class="footer_item" style="justify-content: flex-end; gap: 1.75em;">
|
||
<a rel="me" href="https://mastodon.online/@ailyaut" target="_blank"><img src="../../media/icons/mastodon.png" class="icon" alt="Mastodon" title="Mastodon"/></a>
|
||
<a href="https://www.youtube.com/@ailyaut" target="_blank"><img src="../../media/icons/youtube.png" class="icon" alt="YouTube" title="YouTube"/></a>
|
||
<a href="https://ailyaut.bandcamp.com/" target="_blank"><img src="../../media/icons/bandcamp.png" class="icon" alt="Bandcamp" title="Bandcamp"/></a>
|
||
<a href="https://codeberg.org/ailyaut" target="_blank"><img src="../../media/icons/git.png" class="icon" alt="Git" title="Git"/></a>
|
||
<a href="../../rss.xml"><img src="../../media/icons/rss.png" class="icon" alt="RSS feed" title="RSS feed"/></a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|