paulj/hpr_generator
1
0
Fork 0
forked from HPR/hpr_generator
Code Pull Requests 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-hover: #f9e9c2;
--link-title-color: #00003e;
--primary-content-line-height: 1.45;
--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
@@ -307,7 +308,7 @@ p.meta span label {
article > p,
#main_content > p,
#main_content > section > p {
line-height: 1.45;
line-height: var(--primary-content-line-height);
}
.lane {
display: flex;
@@ -656,6 +657,28 @@ fieldset > table td input[type="radio"] {
#hosts td > img {
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 {
margin: 0;
padding: 0;
@@ -764,6 +787,9 @@ fieldset > table td input[type="radio"] {
flex: 1 1 45%;
max-width: 45%;
}
#host {
gap: 1rem;
}
}
@media (min-width: 900px) {
#podcast_lane > .lane,

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

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