83 lines
2.4 KiB
HTML
83 lines
2.4 KiB
HTML
<hr/>
|
|
|
|
<p class="text-center">$switcher$: <a href="/nl/index.html">Nederlands</a> | <a href="/jp/index.html">日本語</a> | <a href="/en/index.html">English</a></p>
|
|
|
|
<div class="container text-center">
|
|
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-4">
|
|
|
|
<!-- Japan -->
|
|
<div class="col d-flex justify-content-center">
|
|
<div class="card mt-2" style="width: 256px;">
|
|
<a href="/$language$/japan.html">
|
|
<img src="/images/home-japan.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
|
|
</a>
|
|
<div class="card-body">
|
|
<p class="card-text text-center">$title-japan$</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plamo -->
|
|
<div class="col d-flex justify-content-center">
|
|
<div class="card mt-2" style="width: 256px;">
|
|
<a href="/$language$/plamo.html">
|
|
<img src="/images/home-plamo.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
|
|
</a>
|
|
<div class="card-body">
|
|
<p class="card-text text-center">$title-plamo$</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Radio -->
|
|
<div class="col d-flex justify-content-center">
|
|
<div class="card mt-2" style="width: 256px;">
|
|
<a href="/$language$/radio.html">
|
|
<img src="/images/home-radio.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
|
|
</a>
|
|
<div class="card-body">
|
|
<p class="card-text text-center">$title-radio$</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Software -->
|
|
<div class="col d-flex justify-content-center">
|
|
<div class="card mt-2" style="width: 256px;">
|
|
<a href="/$language$/software.html">
|
|
<img src="/images/home-software.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
|
|
</a>
|
|
<div class="card-body">
|
|
<p class="card-text text-center">$title-software$</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
|
|
<div class="container">
|
|
<div class="row row-cols-1 row-cols-md-2">
|
|
|
|
<div class="col">
|
|
<h4>Recent posts</h4>
|
|
$partial("templates/recent-posts.html")$
|
|
|
|
<p>…or you can find more posts in the <a href="/archive.html">archives</a>.</p>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h4>Upcoming events</h4>
|
|
$partial("templates/events.html")$
|
|
|
|
<p>Here you can find more events I attended: <a href="/events.html">events</a>.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|