added styling and markup for blogroll
This commit is contained in:
parent
71fed60ab1
commit
c369504296
|
@ -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>
|
|
@ -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;
|
||||||
}
|
}
|
Loading…
Reference in a new issue