add podcast page

2026-02-13 17:14:02 +03:00
parent e4c22dbe47
commit 9c7fa50fcd
2 changed files with 95 additions and 0 deletions
--- a/views/podcast.html
+++ b/views/podcast.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{.Podcast.Name}}</title>
+
+    <style>
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+
+      body {
+        max-width: 1440px;
+        width: 100%;
+        margin: 0 auto;
+        padding: 8px;
+      }
+
+      .header {
+        margin-top: 12px;
+        display: flex;
+        gap: 8px;
+      }
+
+      .header img {
+        width: 300px;
+        aspect-ration: 1/1;
+      }
+
+      .header .info {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+
+      .episodes {
+        margin-top: 24px;
+        padding: 10px;
+        border-top: 1px solid;
+      }
+    </style>
+  </head>
+  <body>
+    <h1><a href="/">podcaster</a></h1>
+
+    <div class="header">
+      <img src="{{.Podcast.Image}}" alt="" />
+      <div class="info">
+        <h2>{{.Podcast.Name}}</h2>
+        <p>{{.Podcast.Description}}</p>
+      </div>
+    </div>
+
+    <div class="episodes">
+      {{range .Episodes}}
+      <div>
+        <span>{{.Title}}</span>
+      </div>
+      {{end}}
+    </div>
+  </body>
+</html>