*/
+ background: #eee;
+ border: 1px solid #ddd;
+ overflow: auto;
+ clear: both;
+ padding: 0.5rem
+}
+
+code {
+ background: #eee;
+ border-radius: 0.2rem;
+ font-size: 0.95rem;
+}
+
+pre code {
+ padding-right: 0.5rem;
+ font-size: 0.85rem;
+ line-height: 1;
+}
+
+footer {
+ background-color: #4D4D4D;
+ text-align: center;
+ font-size: 0.8rem;
+ padding: 1em;
+}
+
+footer span {
+ background-color: #4D4D4D;
+ color: #dfdfdf;
+}
+
+footer a {
+ color: #afafef;
+ font-size: 0.8rem;
+}
+
+nav{
+ background-color: #4D4D4D;
+ color: #dfdfdf;
+ overflow: hidden;
+}
+
+nav a {
+ float: left;
+ display: block;
+ color: #dfdfdf;
+ text-align: center;
+ padding: 10px;
+ text-decoration: none;
+ font-size: 0.9rem;
+}
+
+nav a:hover {
+ color: #dfcf6f;
+}
+
+@media screen and (max-width: 600px) {
+ nav a {
+ float: none;
+ display: block;
+ text-align: left;
+ }
+
+}
+
+header {
+ margin: auto 20px;
+}
+
+header img {
+ height: 30vh;
+ width: auto;
+ display: block;
+ margin: 20px auto;
+ object-fit: cover;
+}
+
+main {
+ margin: 0 2em;
+}
+
+section {
+ margin: 10px;
+}
+
+section.podcast {
+ width: 80%;
+ margin: 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+a.podcast {
+ flex: 0 0 20%;
+ flex-basis: 150px;
+ box-sizing: border-box;
+ border: solid 4px #7eb4be;
+ border-radius: 10px;
+ margin: 2.5%;
+ padding: 1em 1em 0em 1em;
+}
+
+.podcast p {
+ text-align: center;
+}
+
+.podcast img {
+ filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
+ transform: scaleX(0.9);
+}
+
+section.project {
+ width: 80%;
+ margin: 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+a.project {
+ flex: 0 0 20%;
+ flex-basis: 150px;
+ box-sizing: border-box;
+ border: solid 4px #7eb4be;
+ border-radius: 10px;
+ margin: 2.5%;
+ padding: 1em 1em 0em 1em;
+}
+
+.project p {
+ text-align: center;
+}
+
+.project img {
+ filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
+ transform: scaleX(0.9);
+}
+
+.column-container {
+ display: flex;
+}
+
+section.episodes, section.comments {
+ flex: 0 0 50%;
+}
diff --git a/public_html/icons/LICENCE.md b/public_html/icons/LICENCE.md
new file mode 100644
index 0000000..cddc69e
--- /dev/null
+++ b/public_html/icons/LICENCE.md
@@ -0,0 +1,2 @@
+[Remix-Design/RemixIcon is licensed under the
+Apache License 2.0](https://github.com/Remix-Design/remixicon/blob/master/License)
\ No newline at end of file
diff --git a/public_html/icons/calendar-2-line.svg b/public_html/icons/calendar-2-line.svg
new file mode 100644
index 0000000..2fff70a
--- /dev/null
+++ b/public_html/icons/calendar-2-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/mic-line.svg b/public_html/icons/mic-line.svg
new file mode 100644
index 0000000..039a168
--- /dev/null
+++ b/public_html/icons/mic-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/question-mark.svg b/public_html/icons/question-mark.svg
new file mode 100644
index 0000000..840a412
--- /dev/null
+++ b/public_html/icons/question-mark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/rss-line.svg b/public_html/icons/rss-line.svg
new file mode 100644
index 0000000..6130a45
--- /dev/null
+++ b/public_html/icons/rss-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/stack-line.svg b/public_html/icons/stack-line.svg
new file mode 100644
index 0000000..2a5f445
--- /dev/null
+++ b/public_html/icons/stack-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/user-line.svg b/public_html/icons/user-line.svg
new file mode 100644
index 0000000..f072c9a
--- /dev/null
+++ b/public_html/icons/user-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/icons/volume-up-line.svg b/public_html/icons/volume-up-line.svg
new file mode 100644
index 0000000..f619773
--- /dev/null
+++ b/public_html/icons/volume-up-line.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public_html/images/calendar.png b/public_html/images/calendar.png
new file mode 100644
index 0000000..0b21aa0
Binary files /dev/null and b/public_html/images/calendar.png differ
diff --git a/public_html/images/logo.png b/public_html/images/logo.png
new file mode 100644
index 0000000..014cdea
Binary files /dev/null and b/public_html/images/logo.png differ
diff --git a/public_html/images/mic.png b/public_html/images/mic.png
new file mode 100644
index 0000000..d424c6a
Binary files /dev/null and b/public_html/images/mic.png differ
diff --git a/public_html/images/subscribe.png b/public_html/images/subscribe.png
new file mode 100644
index 0000000..2d2a2b6
Binary files /dev/null and b/public_html/images/subscribe.png differ
diff --git a/public_html/index.html b/public_html/index.html
new file mode 100644
index 0000000..772de7a
--- /dev/null
+++ b/public_html/index.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Hacker Public Radio
+
+
+
+
+
+
+
+
+
+
+
+
Welcome
+
+
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.
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
Latest Comments
++- hpr3531 (2022-02-14) "Barrier: Software KVM" by Windigo.
+
+
++- Comment 3: SolusSpider - Peter Paterson on 2024-12-01: "Fellow user of Barrier, and also InputLeap."
+
+