Repos / hi.imnhan.com / 2698850c0c
commit 2698850c0c3f1d903fb668dadf699d41f5390b55
Author: Nhân <hi@imnhan.com>
Date: Mon Aug 21 18:28:58 2023 +0700
simplify home page
diff --git a/_theme/base.css b/_theme/base.css
index c061eb7..53a5d64 100644
--- a/_theme/base.css
+++ b/_theme/base.css
@@ -1,5 +1,6 @@
html {
- font-family: serif;
+ font-family: system-ui, sans-serif;
+ font-size: 1em;
max-width: 50rem;
margin: auto;
}
diff --git a/_theme/home.tmpl b/_theme/home.tmpl
index d85797f..8938254 100644
--- a/_theme/home.tmpl
+++ b/_theme/home.tmpl
@@ -27,10 +27,10 @@
<ul>
{{- range .ArticlesInFeed}}
{{- if not .IsDraft}}
- <li>
- <span class="time-prefix">{{.PostedAt.Local.Format "2006-01-02"}} — </span>
+ <li class="article">
<a href="{{.WebPath}}">{{.Title}}</a>
- <span class="time-suffix">({{.PostedAt.Local.Format "2006-01-02"}})</span>
+ <br>
+ <span>{{.PostedAt.Local.Format "January 1, 2006"}}</span>
</li>
{{- end}}
{{- end}}
@@ -64,26 +64,10 @@ hr {
ul {
padding: 0;
list-style: none;
- /*font-size: 1.1rem;*/
}
-.time-suffix {
- display: none;
-}
-
-@media (max-width: 30rem) {
- .time-suffix {
- display: inline;
- }
- .time-prefix {
- display: none;
- }
- li {
- margin-bottom: 0.5rem;
- }
- li::before {
- content: '❖';
- }
+.article {
+ margin-bottom: 1rem;
}
</style>
diff --git a/index.html b/index.html
index fe21aa6..35a4b6c 100644
--- a/index.html
+++ b/index.html
@@ -34,140 +34,140 @@ <h1 class="site-title">Hi, I'm Nhân</h1>
<p>All posts, newest first:</p>
<ul>
- <li>
- <span class="time-prefix">2023-04-22 — </span>
+ <li class="article">
<a href="/chromebook/">Acer Chromebook Spin 713 "Voxel": an adequate Crostini device, a buggy Linux laptop</a>
- <span class="time-suffix">(2023-04-22)</span>
+ <br>
+ <span>April 4, 2023</span>
</li>
- <li>
- <span class="time-prefix">2023-02-12 — </span>
+ <li class="article">
<a href="/go-stack/">Go, Postgres, Caddy, systemd: a simple, highly portable, Docker-free web stack</a>
- <span class="time-suffix">(2023-02-12)</span>
+ <br>
+ <span>February 2, 2023</span>
</li>
- <li>
- <span class="time-prefix">2022-01-30 — </span>
+ <li class="article">
<a href="/sqlite-python/">Working with SQLite in Python without an ORM or migration framework</a>
- <span class="time-suffix">(2022-01-30)</span>
+ <br>
+ <span>January 1, 2022</span>
</li>
- <li>
- <span class="time-prefix">2021-10-02 — </span>
+ <li class="article">
<a href="/pippable-webapp/">I made my python webapp installable via pip</a>
- <span class="time-suffix">(2021-10-02)</span>
+ <br>
+ <span>October 10, 2021</span>
</li>
- <li>
- <span class="time-prefix">2021-08-07 — </span>
+ <li class="article">
<a href="/vim-open-link/">Opening http link under the cursor in vim</a>
- <span class="time-suffix">(2021-08-07)</span>
+ <br>
+ <span>August 8, 2021</span>
</li>
- <li>
- <span class="time-prefix">2021-02-08 — </span>
+ <li class="article">
<a href="/stepmania-pad/">Simplest possible stepmania soft-to-hard pad mod</a>
- <span class="time-suffix">(2021-02-08)</span>
+ <br>
+ <span>February 2, 2021</span>
</li>
- <li>
- <span class="time-prefix">2020-10-21 — </span>
+ <li class="article">
<a href="/video-streaming-3/">The video streaming finale, or why put.io is awesome</a>
- <span class="time-suffix">(2020-10-21)</span>
+ <br>
+ <span>October 10, 2020</span>
</li>
- <li>
- <span class="time-prefix">2020-06-10 — </span>
+ <li class="article">
<a href="/video-streaming-2/">Streaming videos from Google Drive: a second attempt</a>
- <span class="time-suffix">(2020-06-10)</span>
+ <br>
+ <span>June 6, 2020</span>
</li>
- <li>
- <span class="time-prefix">2020-05-29 — </span>
+ <li class="article">
<a href="/mcross/">Introducing McRoss—a minimal gemini browser</a>
- <span class="time-suffix">(2020-05-29)</span>
+ <br>
+ <span>May 5, 2020</span>
</li>
- <li>
- <span class="time-prefix">2020-04-26 — </span>
+ <li class="article">
<a href="/video-streaming-1/">Towards an acceptable video playing experience</a>
- <span class="time-suffix">(2020-04-26)</span>
+ <br>
+ <span>April 4, 2020</span>
</li>
- <li>
- <span class="time-prefix">2016-03-12 — </span>
+ <li class="article">
<a href="/petition-fraud/">I did NOT sign that online petition!</a>
- <span class="time-suffix">(2016-03-12)</span>
+ <br>
+ <span>March 3, 2016</span>
</li>
- <li>
- <span class="time-prefix">2016-01-23 — </span>
+ <li class="article">
<a href="/fightstick-2/">My first DIY fightstick: Part 2</a>
- <span class="time-suffix">(2016-01-23)</span>
+ <br>
+ <span>January 1, 2016</span>
</li>
- <li>
- <span class="time-prefix">2015-12-08 — </span>
+ <li class="article">
<a href="/fightstick-1/">My first DIY fightstick: Part 1</a>
- <span class="time-suffix">(2015-12-08)</span>
+ <br>
+ <span>December 12, 2015</span>
</li>
- <li>
- <span class="time-prefix">2015-06-05 — </span>
+ <li class="article">
<a href="/custom-theme/">Look ma, no stock theme!</a>
- <span class="time-suffix">(2015-06-05)</span>
+ <br>
+ <span>June 6, 2015</span>
</li>
- <li>
- <span class="time-prefix">2015-02-14 — </span>
+ <li class="article">
<a href="/pyqt5/">How to install PyQt5 on a virtualenv on Ubuntu 14.04</a>
- <span class="time-suffix">(2015-02-14)</span>
+ <br>
+ <span>February 2, 2015</span>
</li>
- <li>
- <span class="time-prefix">2015-01-29 — </span>
+ <li class="article">
<a href="/fcitx/">Dẹp ibus-unikey đi, dùng fcitx-unikey nhé!</a>
- <span class="time-suffix">(2015-01-29)</span>
+ <br>
+ <span>January 1, 2015</span>
</li>
- <li>
- <span class="time-prefix">2015-01-02 — </span>
+ <li class="article">
<a href="/pytaku-old/">Introducing Pytaku—the only online manga reader you'll ever need</a>
- <span class="time-suffix">(2015-01-02)</span>
+ <br>
+ <span>January 1, 2015</span>
</li>
- <li>
- <span class="time-prefix">2014-12-16 — </span>
+ <li class="article">
<a href="/virtualenvwrapper/">Virtualenv(wrapper), python2 and python3</a>
- <span class="time-suffix">(2014-12-16)</span>
+ <br>
+ <span>December 12, 2014</span>
</li>
- <li>
- <span class="time-prefix">2014-08-02 — </span>
+ <li class="article">
<a href="/tmux-italics/">Enable italic text inside vim inside tmux inside gnome-terminal</a>
- <span class="time-suffix">(2014-08-02)</span>
+ <br>
+ <span>August 8, 2014</span>
</li>
- <li>
- <span class="time-prefix">2014-05-01 — </span>
+ <li class="article">
<a href="/node-webkit/">Setting up your development environment for a node-webkit project</a>
- <span class="time-suffix">(2014-05-01)</span>
+ <br>
+ <span>May 5, 2014</span>
</li>
- <li>
- <span class="time-prefix">2014-03-17 — </span>
+ <li class="article">
<a href="/hdviet/">How I bypassed my university's domain blocker to watch movies on hdviet.com</a>
- <span class="time-suffix">(2014-03-17)</span>
+ <br>
+ <span>March 3, 2014</span>
</li>
- <li>
- <span class="time-prefix">2014-02-04 — </span>
+ <li class="article">
<a href="/manjaro-xfce/">What I did after installing Manjaro xfce</a>
- <span class="time-suffix">(2014-02-04)</span>
+ <br>
+ <span>February 2, 2014</span>
</li>
- <li>
- <span class="time-prefix">2014-01-25 — </span>
+ <li class="article">
<a href="/cool/">"Have you built anything cool?"</a>
- <span class="time-suffix">(2014-01-25)</span>
+ <br>
+ <span>January 1, 2014</span>
</li>
- <li>
- <span class="time-prefix">2013-09-06 — </span>
+ <li class="article">
<a href="/ubuntu-programs/">Installing programs in Ubuntu</a>
- <span class="time-suffix">(2013-09-06)</span>
+ <br>
+ <span>September 9, 2013</span>
</li>
- <li>
- <span class="time-prefix">2013-06-17 — </span>
+ <li class="article">
<a href="/rmit-wifi/">Fix RMIT wi-fi issue in Ubuntu 13.04 and variants</a>
- <span class="time-suffix">(2013-06-17)</span>
+ <br>
+ <span>June 6, 2013</span>
</li>
- <li>
- <span class="time-prefix">2013-06-07 — </span>
+ <li class="article">
<a href="/linux-automation/">Why I use Linux: Automation</a>
- <span class="time-suffix">(2013-06-07)</span>
+ <br>
+ <span>June 6, 2013</span>
</li>
- <li>
- <span class="time-prefix">2013-05-13 — </span>
+ <li class="article">
<a href="/pathogen-vs-vundle/">Modern vim plugin management: Pathogen vs Vundle</a>
- <span class="time-suffix">(2013-05-13)</span>
+ <br>
+ <span>May 5, 2013</span>
</li>
</ul>
@@ -197,26 +197,10 @@ <h1 class="site-title">Hi, I'm Nhân</h1>
ul {
padding: 0;
list-style: none;
-
}
-.time-suffix {
- display: none;
-}
-
-@media (max-width: 30rem) {
- .time-suffix {
- display: inline;
- }
- .time-prefix {
- display: none;
- }
- li {
- margin-bottom: 0.5rem;
- }
- li::before {
- content: '❖';
- }
+.article {
+ margin-bottom: 1rem;
}
</style>