use html definition list for latest lists

This commit is contained in:
2025-08-22 23:51:52 -04:00
parent 6b8c97815a
commit 0bdc847f0f
2 changed files with 25 additions and 16 deletions

View File

@@ -199,7 +199,7 @@ img {
height: auto;
}
ul {
dl, ul {
padding-left: 1.15rem;
}
@@ -210,8 +210,21 @@ li {
li:last-child {
margin-bottom: 0.25rem;
}
a {
text-decoration: none;
dt, dd {
line-height: 1.25;
}
dt {
display: list-item;
list-style-type: disc;
margin-bottom: 0.15rem;
}
dd {
margin-bottom: 0.35rem;
margin-left: 1rem;
}
color: var(--link-primary);
}
a:hover {

View File

@@ -95,20 +95,20 @@
<section id="latest_shows">
<header><h2>Latest Shows</h2></header>
<!--% host_cnt = 0 %-->
<ul>
<dl>
<!--% FOREACH latest_episodes IN DBI.query(query_latest_episodes)
%-->
<li><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(latest_episodes.id) %-->/index.html">hpr<!--% latest_episodes.id %--> :: <!--% latest_episodes.title %--></a>
<ul><li>
<dt><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(latest_episodes.id) %-->/index.html">hpr<!--% latest_episodes.id %--> (<!--% latest_episodes.date %-->) :: <!--% latest_episodes.title %--></a> by <!--% latest_episodes.host %--></dt>
<dd>
<!--% latest_episodes.summary %-->
</li></ul>
</dd>
<!--% host_cnt = host_cnt + 1 %-->
<!--% END %-->
</ul>
</dl>
</section>
<section id="latest_comments">
<header><h2>Latest Comments</h2></header>
<ul>
<dl>
<!--% FOREACH item IN DBI.query('
WITH episode_comment_rank AS (
SELECT
@@ -135,13 +135,9 @@
')
%-->
<li>hpr<!--% item.eps_id %--> (<!--% item.episode_date %-->) "<!--% item.episode_title %-->" by <!--% item.host %-->
<ul>
<li><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(item.eps_id) %-->/index.html#comment_<!--% item.comment_id%-->">Comment <!--% item.comment_number %-->: <!--% item.comment_author_name %--> on <!--% item.comment_timestamp %-->: "<!--% item.comment_title %-->"</a>
</li>
</ul>
</li>
<dt><a href="<!--% absolute_path(baseurl) %-->eps/hpr<!--% zero_pad_left(item.eps_id) %-->/index.html#comment_<!--% item.comment_id%-->">Comment <!--% item.comment_number %-->: <!--% item.comment_author_name %--> on <!--% item.comment_timestamp %-->: "<!--% item.comment_title %-->"</a></dt>
<dd>on hpr<!--% item.eps_id %--> (<!--% item.episode_date %-->) "<!--% item.episode_title %-->" by <!--% item.host %--></dd>
<!--% END %-->
</ul>
</dl>
</section>
</section>