Fix blank episode form: move all CSS to external static files
Build and Deploy / build-and-deploy (push) Successful in 47s

- Go html/template rejects <style> blocks and inline style attributes
  when template expressions are present in URL/CSS contexts
- Move all inline CSS to static/auth.css, static/episode.css,
  static/dashboard.css
- Serve static files from embedded FS via /static/ handler
- Fix missing </div> in episode form audio file group
This commit is contained in:
2026-07-08 13:12:43 -04:00
parent 9c24b30262
commit c3d1adddc2
10 changed files with 48 additions and 52 deletions
+2 -12
View File
@@ -5,18 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Podstalk — {{if .Editing}}Edit Episode{{else}}New Episode{{end}}</title>
<link rel="stylesheet" href="https://unpkg.com/neobrutalismcss@latest" />
<style>
body { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
.container { margin-top: 2rem; }
.flash { padding: 0.75rem 1rem; margin-bottom: 1rem; border: 2px solid #000; }
.flash-error { background: #ffcdd2; }
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.25rem; font-weight: bold; }
.form-actions { display: flex; gap: 0.5rem; margin-top: 1.5rem; }
.current-file { font-size: 0.85rem; color: #666; margin-top: 0.25rem; }
.file-upload { position: relative; display: inline-block; }
.file-upload input[type="file"] { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.file-name { margin-left: 0.5rem; font-size: 0.85rem; color: #666; }
<link rel="stylesheet" href="/static/episode.css" />
</head>
<body>
<nav class="nb-navbar" role="navigation" aria-label="Main navigation">
@@ -57,6 +46,7 @@
{{if .Episode.AudioPath}}Current: {{.Episode.AudioPath}}{{else}}No audio file uploaded.{{end}}
</div>
{{end}}
</div>
<div class="nb-form-group">
<label for="image_file">Episode Image (optional)</label>
<div class="file-upload">