Improved article formatting.

This commit is contained in:
Andrew Lalis 2023-07-22 15:05:05 -04:00
parent 4191903d92
commit 4daf7ccc41
3 changed files with 17 additions and 11 deletions

View File

@ -44,30 +44,30 @@
<table class="basic-table">
<thead>
<tr>
<th style="min-width: 18ch">Date</th>
<th>Date</th>
<th>Article</th>
</tr>
</thead>
<tbody>
<!-- Note: Add a new row here for each article. Sorted with newest first. -->
<tr>
<td><time datetime="2023-02-06">February 6<sup>th</sup>, 2023</time></td>
<td><time datetime="2023-02-06" style="white-space: nowrap;">February 6<sup>th</sup>, 2023</time></td>
<td><a href="articles/beginner-guide-to-apache-lucene.html">A Beginner's Guide to Searching with Lucene</a></td>
</tr>
<tr>
<td><time datetime="2022-05-05">May 5<sup>th</sup>, 2022</time></td>
<td><time datetime="2022-05-05" style="white-space: nowrap;">May 5<sup>th</sup>, 2022</time></td>
<td><a href="articles/dsh-easier-scripting-in-d.html">DSH - Easier Scripting in D</a></td>
</tr>
<tr>
<td><time datetime="2022-03-26">March 26<sup>th</sup>, 2022</time></td>
<td><time datetime="2022-03-26" style="white-space: nowrap;">March 26<sup>th</sup>, 2022</time></td>
<td><a href="articles/d-prospects-for-future.html">The D Programming Language: Does it have a future?</a></td>
</tr>
<tr>
<td><time datetime="2021-05-09">May 9<sup>th</sup>, 2021</time></td>
<td><time datetime="2021-05-09" style="white-space: nowrap;">May 9<sup>th</sup>, 2021</time></td>
<td><a href="articles/spring-osiv-transactions.html">Spring's Open-Session-in-View & Transactions</a></td>
</tr>
<tr>
<td><time datetime="2021-05-09">May 9<sup>th</sup>, 2021</time></td>
<td><time datetime="2021-05-09" style="white-space: nowrap;">May 9<sup>th</sup>, 2021</time></td>
<td><a href="articles/java-swing-2d-game.html">2D Games with Java & Swing</a></td>
</tr>
</tbody>

View File

@ -1,6 +1,10 @@
article {
background-color: var(--background-color-2);
padding: 0.5em 1em;
/* Adjust body and hr to make the page slightly wider if possible. */
body {
max-width: 70ch;
}
hr {
max-width: 80ch;
}
article h1 {
@ -13,5 +17,5 @@ figure {
}
code {
font-size: x-small;
color: var(--code-color);
}

View File

@ -3,7 +3,8 @@
--background-color-2: #e0e0e0;
--background-color-3: #d1d1d1;
--text-color: #1c1c1c;
--link-color: #194b26;
--link-color: #236936;
--code-color: #e02929;
}
:root.dark {
@ -12,6 +13,7 @@
--background-color-3: #2b2b2b;
--text-color: #e8e8e8;
--link-color: #46d169;
--code-color: #ff2f2f;
}
body {