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; height: auto;
} }
ul { dl, ul {
padding-left: 1.15rem; padding-left: 1.15rem;
} }
@@ -210,8 +210,21 @@ li {
li:last-child { li:last-child {
margin-bottom: 0.25rem; 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); color: var(--link-primary);
} }
a:hover { a:hover {

View File

@@ -95,20 +95,20 @@
<section id="latest_shows"> <section id="latest_shows">
<header><h2>Latest Shows</h2></header> <header><h2>Latest Shows</h2></header>
<!--% host_cnt = 0 %--> <!--% host_cnt = 0 %-->
<ul> <dl>
<!--% FOREACH latest_episodes IN DBI.query(query_latest_episodes) <!--% 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> <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>
<ul><li> <dd>
<!--% latest_episodes.summary %--> <!--% latest_episodes.summary %-->
</li></ul> </dd>
<!--% host_cnt = host_cnt + 1 %--> <!--% host_cnt = host_cnt + 1 %-->
<!--% END %--> <!--% END %-->
</ul> </dl>
</section> </section>
<section id="latest_comments"> <section id="latest_comments">
<header><h2>Latest Comments</h2></header> <header><h2>Latest Comments</h2></header>
<ul> <dl>
<!--% FOREACH item IN DBI.query(' <!--% FOREACH item IN DBI.query('
WITH episode_comment_rank AS ( WITH episode_comment_rank AS (
SELECT SELECT
@@ -135,13 +135,9 @@
') ')
%--> %-->
<li>hpr<!--% item.eps_id %--> (<!--% item.episode_date %-->) "<!--% item.episode_title %-->" by <!--% item.host %--> <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>
<ul> <dd>on hpr<!--% item.eps_id %--> (<!--% item.episode_date %-->) "<!--% item.episode_title %-->" by <!--% item.host %--></dd>
<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>
<!--% END %--> <!--% END %-->
</ul> </dl>
</section> </section>
</section> </section>