added styling and markup for blogroll

This commit is contained in:
Leon Mika 2024-03-13 21:07:36 +11:00
parent 71fed60ab1
commit c369504296
2 changed files with 13 additions and 6 deletions

View file

@ -2,10 +2,12 @@
<div class="sidebar-cell"> <div class="sidebar-cell">
<p>Recommendations</p> <p>Recommendations</p>
<ul class="blogroll">
{{ range .Site.Data.blogrolls.recommendations }} {{ range .Site.Data.blogrolls.recommendations }}
<p>{{ .name }}</p> <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
{{ else }} {{ else }}
<p>No recommendations yet.</p> <p>No recommendations yet.</p>
{{ end }} {{ end }}
</ul>
</div> </div>
</div> </div>

View file

@ -4,5 +4,10 @@ body {
div.wrapper { div.wrapper {
display: grid; display: grid;
grid-template-columns: auto 20em; /* might be 15 */ grid-template-columns: auto 15em;
column-gap: 60px;
}
div.sidebar {
font-size: 0.8;
} }