lee/DraftHPRSplash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add metadata and improve accessibility, screen-reader & text-browser rendering

Browse Source
This commit is contained in:
Lee Hanken 2025-02-01 10:55:16 +00:00
parent 0fa7598974
commit c3dfad57e2
4 changed files with 54 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Screenshot_20250201_105345.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 480 KiB

35
public_html/css/styles.css
View File

@ -197,6 +197,41 @@ a.podcast {
transform: scaleX(0.9);
}
.card {
height: 110px;
filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
transform: scaleX(0.9);
}
.card.record {
background-image: url('../icons/mic-fill.svg');
}
.card.schedule {
background-image: url('../icons/calendar-2-line.svg');
}
.card.subscribe {
background-image: url('../icons/rss-fill.svg');
}
.card.listen {
background-image: url('../icons/volume-up-fill.svg');
}
.card.host {
background-image: url('../icons/user-fill.svg');
}
.card.series {
background-image: url('../icons/stack-fill.svg');
}
.card.about {
background-image: url('../icons/question-mark.svg');
}
section.project {
width: 90%;
margin: 0 5%;

BIN
public_html/hpr.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

30
public_html/index.html
View File

@ -3,8 +3,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker Public Radio</title>
<title>Hacker Public Radio - The Technology Community Podcast</title>
<link rel="stylesheet" href="css/styles.css">
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett">
<meta name="keywords" content="Technology, Tech News, Education, Training">
<meta name="description" content="Hacker Public Radio is a podcast that releases shows every weekday Monday through Friday. Our shows are produced by the community (you) and can be on any topic that is of interest to hackers and hobbyists.">
<link rel="shortcut icon" href="hpr.ico">
<link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Opus RSS" href="/hpr_opus_rss.php">
<link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Ogg Vorbis RSS" href="/hpr_ogg_rss.php">
<link rel="alternate" type="application/rss+xml" title="Hacker Public Radio MP3 RSS" href="/hpr_mp3_rss.php">
<link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Comments RSS" href="/comments.rss">
<link rel="license" title="CC BY-SA 4.0" href="https://creativecommons.org/licenses/by-sa/4.0/">
</head>
<body>
@ -16,7 +25,7 @@
</nav>
<header class="title">
<img src="images/logo.png" alt="Hacker Public Radio" />
<img src="images/logo.png" alt="Hacker Public Radio" aria-description="H.P.R. Hacker Public Radio https://HackerPublicRadio.org, The Community Podcast, Sharing Your Ideas, Projects, Options since 2005, New Episodes Every Weekday" />
</header>
<main>
@ -27,20 +36,20 @@
<h2>Podcast</h2>
<section class="podcast">
<a class="podcast record">
<img src="icons/mic-fill.svg" alt="record">
<a class="podcast record" href="#">
<div class="card record"></div>
<p>Record</p>
</a>
<a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">
<img src="icons/calendar-2-line.svg" alt="schedule">
<div class="card schedule"></div>
<p>Schedule</p>
</a>
<a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">
<img src="icons/rss-fill.svg" alt="subscribe">
<div class="card subscribe"></div>
<p>Subscribe</p>
</a>
<a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">
<img src="icons/volume-up-fill.svg" alt="listen">
<div class="card listen"></div>
<p>Listen</p>
</a>
</section>
@ -48,15 +57,15 @@
<h2>Project</h2>
<section class="project">
<a class="project host" href="https://hackerpublicradio.org/correspondents/index.html">
<img src="icons/user-fill.svg" alt="host">
<div class="card host"></div>
<p>Host</p>
</a>
<a class="project series" href="https://hackerpublicradio.org/series/index.html">
<img src="icons/stack-fill.svg" alt="series">
<div class="card series"></div>
<p>Series</p>
</a>
<a class="project about" href="https://repo.anhonesthost.net/HPR/hpr_documentation/">
<img src="icons/question-mark.svg" alt="question" href="https://hackerpublicradio.org/about.html">
<div class="card about"></div>
<p>About</p>
</a>
</section>
@ -81,7 +90,6 @@
</ul>
</section>
</div>
</main>
<footer>