lee/hpr_generator
1
0
Fork 0
forked from HPR/hpr_generator
Code Pull Requests Activity

Tweak syndication page layout

Browse Source 
Vertically flow content and clean up card header white spacing.
This commit is contained in:
Roan Horning
2025-08-24 21:47:38 -04:00
parent 97116aad4b
commit 310f14c4bd
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public_html/css/hpr.css
View File

@@ -283,8 +283,9 @@ article > p,
flex-wrap: wrap; flex-wrap: wrap;
gap: 1.0rem; gap: 1.0rem;
justify-content: space-around; justify-content: space-around;
justify-items: space-around; }
.lane.syndication {
flex-direction: column;
} }
#podcast_lane > .lane, #podcast_lane > .lane,
#project_lane > .lane, #project_lane > .lane,
@@ -327,6 +328,14 @@ article > p,
.lane > article > header a:hover { .lane > article > header a:hover {
color: var(--link-secondary-hover); color: var(--link-secondary-hover);
} }
.lane.syndication > article > header * {
margin-top: 0;
margin-bottom: 0;
}
.lane.syndication > article > header p {
font-size: var(--default-header-4-font-size);
margin-left: 22px;
}
a.lane-button { a.lane-button {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
templates/content-syndication.tpl.html
View File

@@ -3,7 +3,7 @@
<p> <p>
Great that you want to listen. Have a look below at the feeds that best suite your listening habits. Great that you want to listen. Have a look below at the feeds that best suite your listening habits.
</p> </p>
<div class="lane"> <div class="lane syndication">
<article> <article>
<header> <header>
<hgroup> <hgroup>
@@ -78,7 +78,7 @@
<div> <div>
<hr class="no-css"> <hr class="no-css">
<h1>Other Download Options</h1> <h1>Other Download Options</h1>
<div class="lane"> <div class="lane syndication">
<article> <article>
<header> <header>
<h2>Site Replication Sources</h2> <h2>Site Replication Sources</h2>