Add cards on index page.
This commit is contained in:
parent
490be0776e
commit
4a051257c4
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Home
|
||||
logosub: Personal weblog
|
||||
logosub: Personal Hakyll weblog
|
||||
---
|
||||
|
||||
<img src="/images/haskell-logo.png" style="float: right; margin: 10px;" />
|
||||
@ -11,6 +11,59 @@ logosub: Personal weblog
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 p-1">
|
||||
|
||||
<!-- 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/>
|
||||
|
||||
<h4>Recent posts</h4>
|
||||
$partial("templates/recent-posts.html")$
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user