tsivinsky/podcaster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

delete old views ui

Browse Source
This commit is contained in:
Dan Tsivinsky
2026-03-12 12:42:47 +03:00
parent 3d92096bb8
commit 286a01c4d6
2 changed files with 0 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
views/index.html
View File

@@ -1,94 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>podcaster</title>
<style>
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 8px;
}
.podcast-form {
margin-top: 12px;
display: flex;
gap: 4px;
}
.podcast-form__input {
width: 100%;
}
.podcast-form__btn {
white-space: nowrap;
}
.podcasts {
display: grid;
grid-template-columns: repeat(auto-fit, 250px);
gap: 12px;
margin-top: 20px;
}
.podcast {
display: block;
}
.podcast__cover {
width: 100%;
aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px) {
.podcast-form {
flex-wrap: wrap;
}
.podcast-form__btn {
width: 100%;
}
}
@media screen and (max-width: 528px) {
.podcasts {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<h1>podcaster</h1>
<form method="POST" action="/podcasts" class="podcast-form">
<input
type="text"
inputmode="url"
placeholder="rss feed"
name="feed"
class="podcast-form__input"
/>
<button type="submit" class="podcast-form__btn">Add podcast</button>
</form>
<div class="podcasts">
{{range .Podcasts}}
<a href="/podcasts/{{.ID}}" class="podcast">
<img src="{{.Image}}" alt="" class="podcast__cover" />
<span>{{.Name}}</span>
</a>
{{end}}
</div>
</body>
</html>

74
views/podcast.html
View File

@@ -1,74 +0,0 @@
<!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;
}
.episode {
display: flex;
justify-content: space-between;
align-items: center;
}
</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 class="episode">
<span>{{.Title}}</span>
<span>Added {{.CreatedAt.Format "Mon, Jan 2, 2006 15:04"}}</span>
</div>
{{end}}
</div>
</body>
</html>