andrew
/
homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
articles.html
View File

@ -44,30 +44,30 @@
<table class="basic-table"> <table class="basic-table">
<thead> <thead>
<tr> <tr>
<th style="min-width: 18ch">Date</th> <th>Date</th>
<th>Article</th> <th>Article</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- Note: Add a new row here for each article. Sorted with newest first. --> <!-- Note: Add a new row here for each article. Sorted with newest first. -->
<tr> <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> <td><a href="articles/beginner-guide-to-apache-lucene.html">A Beginner's Guide to Searching with Lucene</a></td>
</tr> </tr>
<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> <td><a href="articles/dsh-easier-scripting-in-d.html">DSH - Easier Scripting in D</a></td>
</tr> </tr>
<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> <td><a href="articles/d-prospects-for-future.html">The D Programming Language: Does it have a future?</a></td>
</tr> </tr>
<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> <td><a href="articles/spring-osiv-transactions.html">Spring's Open-Session-in-View & Transactions</a></td>
</tr> </tr>
<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> <td><a href="articles/java-swing-2d-game.html">2D Games with Java & Swing</a></td>
</tr> </tr>
</tbody> </tbody>

12
styles/article.css
View File

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

4
styles/style.css
View File

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