kevin/portfolio
1
0
Fork 0
Code

Compare commits

base: kevin:490be0776eb63baf6431c8a37a7482042ee8ab15
Branches Tags
kevin:main
..
compare: kevin:90a87a6266b723b758375dcf1c4b155fda5b0e06
Branches Tags
kevin:main

2 Commits
490be0776e ... 90a87a6266

Author SHA1 Message Date
Kevin Matsubara
90a87a6266 Put posts and events into a grid. 2025-12-20 15:32:04 +01:00
Kevin Matsubara
4a051257c4 Add cards on index page. 2025-12-20 15:28:48 +01:00
1 changed files with 72 additions and 7 deletions
Show Stats Expand all files Collapse all files

79
portfolio/index.html
View File

@ -1,6 +1,6 @@
--- ---
title: Home title: Home
logosub: Personal weblog logosub: Personal Hakyll weblog
--- ---
<img src="/images/haskell-logo.png" style="float: right; margin: 10px;" /> <img src="/images/haskell-logo.png" style="float: right; margin: 10px;" />
@ -11,12 +11,77 @@ logosub: Personal weblog
<hr/> <hr/>
<h4>Recent posts</h4> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 p-1">
$partial("templates/recent-posts.html")$
<!-- Japan -->
<div class="col">
<div class="card mt-2" style="width: 128px;">
<a href="/japan.html">
<img src="/images/plamo/gundam/hg/smc-2025-gundam/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
</a>
<div class="card-body">
<p class="card-text text-center">Japan</p>
</div>
</div>
</div>
<!-- Plamo -->
<div class="col">
<div class="card mt-2" style="width: 128px;">
<a href="/plamo.html">
<img src="/images/plamo/gundam/hg/smc-2025-gundam/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
</a>
<div class="card-body">
<p class="card-text text-center">Plamo</p>
</div>
</div>
</div>
<!-- Radio -->
<div class="col">
<div class="card mt-2" style="width: 128px;">
<a href="/radio.html">
<img src="/images/plamo/gundam/hg/smc-2025-gundam/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
</a>
<div class="card-body">
<p class="card-text text-center">Radio</p>
</div>
</div>
</div>
<!-- Software -->
<div class="col">
<div class="card mt-2" style="width: 128px;">
<a href="/software.html">
<img src="/images/plamo/gundam/hg/smc-2025-gundam/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
</a>
<div class="card-body">
<p class="card-text text-center">Software</p>
</div>
</div>
</div>
</div>
<hr/>
<div class="row row-cols-1 row-cols-md-2 g-4 p-1">
<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>
<p>…or you can find more posts in the <a href="/archive.html">archives</a>.</p>
<h4>Events</h4>
$partial("templates/events.html")$
<p>Here you can find more events I attended: <a href="/events.html">events</a>.</p>