DraftHPRSplash/public_html/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hacker Public Radio</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

    <nav class="menu">
        <a href="https://hackerpublicradio.org/index.html">Home</a>
        <a href="https://hub.hackerpublicradio.org/calendar.php">Upload</a>
        <a href="https://hackerpublicradio.org/syndication.html">Download</a>
        <a href="https://hackerpublicradio.org/about.html">About</a>
    </nav>

    <header class="title">
        <img src="images/logo.png" alt="Hacker Public Radio" />
    </header>

    <main>
        <h2>Welcome</h2>
        <section class="welcome">            
            <p>Hacker Public Radio is a podcast that releases shows every weekday Monday to Friday. The shows are contributed by the public and can be on any topic that is of interest to hackers, makers, hobbyists, etc.</p>
        </section>

        <h2>Podcast</h2>
        <section class="podcast">
            <a class="podcast record">
                <img src="icons/mic-fill.svg" alt="record">
                <p>Record</p>
            </a>
            <a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">
                <img src="icons/calendar-2-line.svg" alt="schedule">
                <p>Schedule</p>
            </a>
            <a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">
                <img src="icons/rss-fill.svg" alt="subscribe">
                <p>Subscribe</p>
            </a>
            <a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">
                <img src="icons/volume-up-fill.svg" alt="listen">
                <p>Listen</p>
            </a>
        </section>

        <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">
                <p>Host</p>
            </a>
            <a class="project series" href="https://hackerpublicradio.org/series/index.html">
                <img src="icons/stack-fill.svg" alt="series">
                <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">
                <p>About</p>
            </a>
        </section>

        <div class="column-container">
            <section class="episodes">
                <h2>Latest Episodes</h2>
                <ul>
                    <li>hpr4302: New Campaign Trail Playthrough</li>
                    <li>hpr4301: Wide screen, synth, e-bike, led matrix clock and jewellery making</li>
                    <li>hpr4300 :: Isaac Asimov: I, Robot</li>
                </ul>
            </section>
            <section class="comments">
                <h2>Latest Comments</h2>
                <ul>
                    <li>hpr3531 (2022-02-14) "Barrier: Software KVM" by Windigo.
                        <ul>
                            <li>Comment 3: SolusSpider - Peter Paterson on 2024-12-01: "Fellow user of Barrier, and also InputLeap."</li>
                        </ul>
                    </li>
                </ul>
            </section>
        </div>

    </main>

    <footer>
        <span>Unless otherwise stated, our shows are released under a <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a> license.</span>
        <span>The HPR Website Design is released to the <a href="https://creativecommons.org/publicdomain/mark/1.0/" target="_blank">Public Domain</a>.</span>
    </footer>

</body>
</html>
initial commit 2025-01-28 15:23:25 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>Hacker Public Radio</title>`
			`<link rel="stylesheet" href="css/styles.css">`
			`</head>`
			`<body>`

			`<nav class="menu">`
			`<a href="https://hackerpublicradio.org/index.html">Home</a>`
			`<a href="https://hub.hackerpublicradio.org/calendar.php">Upload</a>`
			`<a href="https://hackerpublicradio.org/syndication.html">Download</a>`
			`<a href="https://hackerpublicradio.org/about.html">About</a>`
			`</nav>`

			`<header class="title">`
			`<img src="images/logo.png" alt="Hacker Public Radio" />`
			`</header>`

			`<main>`
			`<h2>Welcome</h2>`
			`<section class="welcome">`
			`<p>Hacker Public Radio is a podcast that releases shows every weekday Monday to Friday. The shows are contributed by the public and can be on any topic that is of interest to hackers, makers, hobbyists, etc.</p>`
			`</section>`

			`<h2>Podcast</h2>`
			`<section class="podcast">`
			`<a class="podcast record">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/mic-fill.svg" alt="record">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Record</p>`
			`</a>`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/calendar-2-line.svg" alt="schedule">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Schedule</p>`
			`</a>`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/rss-fill.svg" alt="subscribe">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Subscribe</p>`
			`</a>`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/volume-up-fill.svg" alt="listen">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Listen</p>`
			`</a>`
			`</section>`

			`<h2>Project</h2>`
			`<section class="project">`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="project host" href="https://hackerpublicradio.org/correspondents/index.html">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/user-fill.svg" alt="host">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Host</p>`
			`</a>`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="project series" href="https://hackerpublicradio.org/series/index.html">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/stack-fill.svg" alt="series">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>Series</p>`
			`</a>`
use full logo 2025-01-28 15:53:09 +00:00			`<a class="project about" href="https://repo.anhonesthost.net/HPR/hpr_documentation/">`
Make bottom columns wrap on narrow screen, reduce height of splash image, prefer solid Remix icons, add faint border on menu when vertical. 2025-02-01 10:09:49 +00:00			`<img src="icons/question-mark.svg" alt="question" href="https://hackerpublicradio.org/about.html">`
initial commit 2025-01-28 15:23:25 +00:00			`<p>About</p>`
			`</a>`
			`</section>`

			`<div class="column-container">`
			`<section class="episodes">`
			`<h2>Latest Episodes</h2>`
			`<ul>`
			`<li>hpr4302: New Campaign Trail Playthrough</li>`
			`<li>hpr4301: Wide screen, synth, e-bike, led matrix clock and jewellery making</li>`
			`<li>hpr4300 :: Isaac Asimov: I, Robot</li>`
			`</ul>`
			`</section>`
			`<section class="comments">`
			`<h2>Latest Comments</h2>`
			`<ul>`
			`<li>hpr3531 (2022-02-14) "Barrier: Software KVM" by Windigo.`
			`<ul>`
			`<li>Comment 3: SolusSpider - Peter Paterson on 2024-12-01: "Fellow user of Barrier, and also InputLeap."</li>`
			`</ul>`
			`</li>`
			`</ul>`
			`</section>`
			`</div>`

			`</main>`

			`<footer>`
			`<span>Unless otherwise stated, our shows are released under a <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a> license.</span>`
			`<span>The HPR Website Design is released to the <a href="https://creativecommons.org/publicdomain/mark/1.0/" target="_blank">Public Domain</a>.</span>`
			`</footer>`

			`</body>`
			`</html>`