You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.4 KiB
71 lines
1.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
|
|
<title>PodGrab</title>
|
|
{{template "commoncss"}}
|
|
<style>
|
|
|
|
img{
|
|
display: none
|
|
}
|
|
|
|
h1,h2,h3,h4,h5{
|
|
margin-bottom: 1rem;
|
|
}
|
|
h4{
|
|
font-size: 2rem;
|
|
}
|
|
|
|
h5{
|
|
font-size: 1.5rem;
|
|
}
|
|
p{
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
hr{
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Larger than tablet */
|
|
@media (min-width: 750px) {
|
|
img{
|
|
display: block
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<section class="header">
|
|
|
|
<h1>{{ .title }}</h1>
|
|
</section>
|
|
{{template "navbar"}}
|
|
<br>
|
|
{{range .podcastItems}}
|
|
<div class="podcasts row">
|
|
<div class="columns two">
|
|
<img class="u-full-width" src="{{ .Image }}" alt="{{ .Title }}">
|
|
</div>
|
|
<div class="columns ten">
|
|
<h4>{{.Title}} // {{ .Podcast.Title}}</h4>
|
|
<small>{{ formatDate .PubDate }}</small>
|
|
<p>{{ .Summary }}</p>
|
|
{{if .DownloadPath}}
|
|
<a class="button button-primary" href="{{ .DownloadPath }}" download>Download</a>
|
|
{{end }}
|
|
</div>
|
|
<div class="columns one">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<hr>
|
|
{{end}}
|
|
</div>
|
|
</body>
|
|
</html> |