HPR/hpr_generator
8
1
Fork 5
Code Issues 34 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Cardify the correspondent pages

Browse Source
This commit is contained in:
Roan Horning
2025-09-05 23:08:10 -04:00
parent a2fb6b1f6a
commit 181c9fbad9
2 changed files with 91 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public_html/css/hpr.css
View File

@@ -43,6 +43,7 @@ https://creativecommons.org/publicdomain/
--link-secondary: #a8f8ff; --link-secondary: #a8f8ff;
--link-secondary-hover: #f9e9c2; --link-secondary-hover: #f9e9c2;
--link-title-color: #00003e; --link-title-color: #00003e;
--primary-content-line-height: 1.45;
--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */; --font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem); --font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
@@ -307,7 +308,7 @@ p.meta span label {
article > p, article > p,
#main_content > p, #main_content > p,
#main_content > section > p { #main_content > section > p {
line-height: 1.45; line-height: var(--primary-content-line-height);
} }
.lane { .lane {
display: flex; display: flex;
@@ -656,6 +657,28 @@ fieldset > table td input[type="radio"] {
#hosts td > img { #hosts td > img {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
#host {
justify-content: flex-start;
align-items: end;
gap: 0;
}
#host_id img {
border-radius: 0.25rem;
}
#host_meta {
flex: 1;
padding: 0 0 0.75rem 0;
}
#host_meta > div,
#host_meta > p {
margin: 0.25rem 0;
line-height: var(--primary-content-line-height);
}
#host_meta > div > p {
display: inline-block;
margin: 0;
padding: 0;
}
.series-description { .series-description {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -764,6 +787,9 @@ fieldset > table td input[type="radio"] {
flex: 1 1 45%; flex: 1 1 45%;
max-width: 45%; max-width: 45%;
} }
#host {
gap: 1rem;
}
} }
@media (min-width: 900px) { @media (min-width: 900px) {
#podcast_lane > .lane, #podcast_lane > .lane,

24
templates/content-correspondent.tpl.html
View File

@@ -46,25 +46,33 @@
<!--% hosts = DBI.tie('hosts', 'hostid') %--> <!--% hosts = DBI.tie('hosts', 'hostid') %-->
<article>
<!--% this_host = hosts.$id %--> <!--% this_host = hosts.$id %-->
<h2 class="title">Correspondent</h2> <h2 class="title">Correspondent</h2>
<div id="host" class="lane">
<div id="host_id">
<h2><!--% this_host.host %--></h2> <h2><!--% this_host.host %--></h2>
<p><!--% get_avatar(this_host.hostid, this_host.host) %--><br> <p><!--% get_avatar(this_host.hostid, this_host.host) %--><br>
<label>Host ID</label>: <!--% this_host.hostid %--><br><br> <label>Host ID</label>: <!--% this_host.hostid %--></p>
<label>email:</label> <u><!--% this_host.email %--></u><br> </div>
<label>profile:</label> <!--% this_host.profile %--><br><br> <div id="host_meta">
<label>episodes:</label> <strong><!--% hpr_show_count + twat_show_count %--></strong> <p><label>email:</label> <u><!--% this_host.email %--></u></p>
</p> <div><label>profile:</label> <!--% this_host.profile %--></div>
<p><label>episodes:</label> <strong><!--% hpr_show_count + twat_show_count %--></strong></p>
</div>
</div>
<div class="lane stack">
<!--% FOREACH hpr_show IN hpr_shows; %--> <!--% FOREACH hpr_show IN hpr_shows; %-->
<article>
<!--% show_summary(hpr_show, 'hide_host') %--> <!--% show_summary(hpr_show, 'hide_host') %-->
<p class="listen-in"><!--% display_listen_in(hpr_show.id) %--></p> <p class="listen-in"><!--% display_listen_in(hpr_show.id) %--></p>
</article>
<!--% END %--> <!--% END %-->
<!--% FOREACH twat_show IN twat_shows; %--> <!--% FOREACH twat_show IN twat_shows; %-->
<article>
<!--% twat_show_summary(twat_show, 'hide_host') %--> <!--% twat_show_summary(twat_show, 'hide_host') %-->
<p class="listen-in"><!--% display_listen_in(twat_show.id,"twat") %--></p> <p class="listen-in"><!--% display_listen_in(twat_show.id,"twat") %--></p>
<!--% END %-->
</article> </article>
<!--% END %-->
</div>
<p><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p> <p><a href="<!--% absolute_url(baseurl) %-->about.html#so_you_want_to_record_a_podcast">Become a Correspondent</a></p>