summaryrefslogtreecommitdiff
path: root/openring-template.html
diff options
context:
space:
mode:
Diffstat (limited to 'openring-template.html')
-rw-r--r--openring-template.html24
1 files changed, 11 insertions, 13 deletions
diff --git a/openring-template.html b/openring-template.html
index a9f63e6..675c623 100644
--- a/openring-template.html
+++ b/openring-template.html
@@ -1,23 +1,25 @@
-<section class="webring">
- <h3>Articles from blogs I follow around the net</h3>
+<section class="webring" style="margin-top: 128px;">
+ <h2>Articles from blogs I read</h2>
<section class="articles">
{{range .Articles}}
<div class="article">
- <h4 class="title">
+ <h3 class="title">
<a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
- </h4>
+ </h3>
<p class="summary">{{.Summary}}</p>
- <small class="source">
+ <div class="source">
via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
- </small>
- <small class="date">{{.Date | datef "January 2, 2006"}}</small>
+ </div>
+ <div class="date">{{.Date | datef "January 2, 2006"}}</div>
</div>
{{end}}
</section>
- <p class="attribution">
+ <div class="attribution">
+ <small>
Generated by
<a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
- </p>
+ </small>
+ </div>
</section>
<style>
.webring .articles {
@@ -34,16 +36,12 @@
flex-direction: column;
margin: 0.5rem;
padding: 0.5rem;
- background: #eee;
min-width: 10rem;
}
.webring .summary {
- font-size: 0.8rem;
flex: 1 1 0;
}
.webring .attribution {
text-align: right;
- font-size: 0.8rem;
- color: #555;
}
</style>