margin: 5em 0 2em max(5em, 20%);
}
+.latest {
+ width: max(242px, 60%); /* 242px is the fixed-size element including margins */
+ margin: 0 auto;
+}
+
.hack-links {
margin: 0 auto;
display: block;
</head>
<body>
<div class="nav"><a href="/">za3k</a> > <a href="/software">software</a> > hack-a-day</div>
+ <div class="latest">
+ <h3>2023 Projects (ongoing)</h3>
+ <ul>
+ <li>See <a href="https://blog.za3k.com/tag/hack-a-day/">my blog</a> for the latest
+ <li>08 / <a href="https://za3k.github.io/ha3k-08-receipt/">receipt</a>: a silly little zine
+ <li>07 / <a href="https://za3k.github.io/ha3k-07-doodle-alchemy/">Doode-moji Alchemy</a>: a computer game where you combine elements
+ <li>06 / <a href="https://blog.za3k.com/hack-a-day-day-06/">CUDA raytracing</a>: an attempt to improve raytracing from day 02
+ <li>04 / a <a href="https://blog.za3k.com/hack-a-day-day-04-lashed-table/">lashed bamboo table</a>
+ <li>02 / <a href="https://blog.za3k.com/hack-a-day-day-2-raytracing/">raytracing</a>: pretty 3D graphics drawing
+ <li>01 / <a href="https://za3k.github.io/ha3k-01/">perquackey</a>: a word game from 1953
+ </ul>
+ </div>
<section class="hack-links">
<a href="https://github.com/za3k?tab=repositories&q=Hack-A-Day&sort=name">Source code</a>
<a href="https://blog.za3k.com/tag/hack-a-day/">Blog posts</a>
projects / za3k.git / commitdiff