More refinement & cleanup
parent
73a1576233
commit
7d1d487588
|
@ -1,4 +1,5 @@
|
||||||
_site
|
_site
|
||||||
|
feeds.json
|
||||||
|
|
||||||
# Created by https://www.toptal.com/developers/gitignore/api/node,git
|
# Created by https://www.toptal.com/developers/gitignore/api/node,git
|
||||||
# Edit at https://www.toptal.com/developers/gitignore?templates=node,git
|
# Edit at https://www.toptal.com/developers/gitignore?templates=node,git
|
||||||
|
|
|
@ -38,14 +38,12 @@ description: "Hull Blogs provides aggregated content from University of Hull stu
|
||||||
<p>{{ tagline }}</p>
|
<p>{{ tagline }}</p>
|
||||||
</header>
|
</header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
{% for navitem in collections.navigable %}
|
||||||
{% for navitem in collections.navigable %}
|
<span {% if page.url == navitem.url %}aria-current="page"{% endif %}>
|
||||||
<li {% if page.url == navitem.url %}aria-current="page"{% endif %}>
|
<a href="{{ navitem.url }}" class="nav invisilink">{{ navitem.data.title }}</a>
|
||||||
<a href="{{ navitem.url }}" class="nav invisilink">{{ navitem.data.title }}</a>
|
</span>
|
||||||
</li>
|
{% endfor %}
|
||||||
{% endfor %}
|
<span><a href="https://github.com/sbrl/Minetest-WorldEditAdditions/" class="nav image"><img class="large-icon invert-when-light" src="{% asset 'images/github.svg' %}" alt="GitHub" title="GitHub" /></a></span>
|
||||||
<li><a href="https://github.com/sbrl/Minetest-WorldEditAdditions/" class="nav image"><img class="large-icon invert-when-light" src="{% asset 'images/github.svg' %}" alt="GitHub" title="GitHub" /></a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
layout: "main.njk"
|
||||||
|
title: "About"
|
||||||
|
tags: "navigable"
|
||||||
|
date: "2001-01-01"
|
||||||
|
---
|
||||||
|
<p>Hull Blogs provides aggregated content from University of Hull students and alumni irrespective of department. Read how students are developing themselves and exploring their subjects throughout their time at Hull, be it through coursework, experiments or side projects. Explore how Alumni are utilising their skills and knowledge in the professional world and see how Hull has impacted the world around you.</p>
|
|
@ -45,8 +45,9 @@
|
||||||
/* rem is relative to the html element, and em is relative to the current element. */
|
/* rem is relative to the html element, and em is relative to the current element. */
|
||||||
html, body { font-size: 100%; margin: 0; padding: 0; }
|
html, body { font-size: 100%; margin: 0; padding: 0; }
|
||||||
|
|
||||||
body
|
body {
|
||||||
{
|
min-height: 100vh;
|
||||||
|
|
||||||
font-family: "Open Sans", "Roboto", "Helvetica", sans-serif; /* Serif is awful :( */
|
font-family: "Open Sans", "Roboto", "Helvetica", sans-serif; /* Serif is awful :( */
|
||||||
|
|
||||||
background: var(--bg-main); /* Don't forget to update the @page one too for paged media */
|
background: var(--bg-main); /* Don't forget to update the @page one too for paged media */
|
||||||
|
@ -54,7 +55,7 @@ body
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 10% auto 10%;
|
grid-template-columns: 10% auto 10%;
|
||||||
grid-template-rows: auto auto auto auto;
|
grid-template-rows: auto auto 1fr auto;
|
||||||
grid-template-areas: "header header header"
|
grid-template-areas: "header header header"
|
||||||
"nav nav nav"
|
"nav nav nav"
|
||||||
". content ."
|
". content ."
|
||||||
|
@ -93,18 +94,19 @@ body > nav {
|
||||||
background: var(--text-main);
|
background: var(--text-main);
|
||||||
color: var(--bg-bright);
|
color: var(--bg-bright);
|
||||||
}
|
}
|
||||||
body > nav > ul {
|
body > nav {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
|
||||||
font-size: 1.25em; font-weight: bold;
|
font-size: 1.25em; font-weight: bold;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
body > nav > ul > li {
|
body > nav > span {
|
||||||
padding: 0.5em;
|
/* HACK: We don't know why there's a couple of pixels fo white space there :-/ */
|
||||||
|
margin-bottom: -0.13em;
|
||||||
|
padding: 0.6em;
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
|
@ -145,6 +147,10 @@ main {
|
||||||
grid-area: footer;
|
grid-area: footer;
|
||||||
margin: 0 0 var(--margin-vertical-content) 0;
|
margin: 0 0 var(--margin-vertical-content) 0;
|
||||||
}
|
}
|
||||||
|
.post > .post-footer time {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
nav.pagination {
|
nav.pagination {
|
||||||
margin: 5em 0 0 0;
|
margin: 5em 0 0 0;
|
||||||
|
@ -156,11 +162,14 @@ nav.pagination {
|
||||||
color: var(--bg-bright);
|
color: var(--bg-bright);
|
||||||
}
|
}
|
||||||
nav.pagination > span {
|
nav.pagination > span {
|
||||||
margin: 0.5em;
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
nav.paginatioon > span[aria-current] {
|
nav > span[aria-current],
|
||||||
|
nav > span[aria-current] > a {
|
||||||
|
background: var(--bg-bright);
|
||||||
|
color: var(--text-alt);
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
font-size: 1.25em;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
@ -246,6 +255,7 @@ input[type=text], input[type=number], textarea
|
||||||
.invisilink { text-decoration: none; color: inherit; }
|
.invisilink { text-decoration: none; color: inherit; }
|
||||||
.invisilist { list-style-type: none; margin: 5px; padding: 5px; }
|
.invisilist { list-style-type: none; margin: 5px; padding: 5px; }
|
||||||
|
|
||||||
|
.medium-icon-abs { width: 1.25em; height: 1.25em; vertical-align: middle; }
|
||||||
.large-icon { max-width: 1.5em; max-height: 1.5em; vertical-align: middle; }
|
.large-icon { max-width: 1.5em; max-height: 1.5em; vertical-align: middle; }
|
||||||
.tiny-image { max-width: 5em; max-height: 5em; }
|
.tiny-image { max-width: 5em; max-height: 5em; }
|
||||||
.small-image { max-width: 10em; max-height: 10em; }
|
.small-image { max-width: 10em; max-height: 10em; }
|
||||||
|
|
|
@ -11,9 +11,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="post-footer">
|
<div class="post-footer">
|
||||||
<span><a href="{{ post.parent.data.link | htmlentities }}"><img class="large-icon" src="{{ post.author_image }}" alt="{{ post.author_name | htmlentities }} avatar" aria-hidden="true" /> {{ post.author_name | htmlentities }}</a></span>
|
<span><a href="{{ post.parent.data.link | htmlentities }}"><img class="large-icon" src="{{ post.author_image }}" alt="{{ post.author_name | htmlentities }} avatar" aria-hidden="true" /> {{ post.author_name | htmlentities }}</a></span>
|
||||||
<span>
|
<span class="float right">
|
||||||
<img class="large-icon open-iconic invert-when-dark" src="{% asset 'images/clock.svg' %}" alt="Clock icon" aria-hidden="hidden" />
|
|
||||||
<time datetime="{{ post.pubdate_iso }}">{{ post.pubdate_display | htmlentities }}</time>
|
<time datetime="{{ post.pubdate_iso }}">{{ post.pubdate_display | htmlentities }}</time>
|
||||||
|
<img class="medium-icon-abs invert-when-dark" src="{% asset 'images/clock.svg' %}" alt="Clock icon" aria-hidden="hidden" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
@ -28,7 +28,7 @@
|
||||||
<span>{% if pagination.href.previous %}<a href="{{ pagination.href.previous }}">Previous</a>{% else %}Previous{% endif %}</span>
|
<span>{% if pagination.href.previous %}<a href="{{ pagination.href.previous }}">Previous</a>{% else %}Previous{% endif %}</span>
|
||||||
|
|
||||||
{% for pageKey in pagination.pages %}
|
{% for pageKey in pagination.pages %}
|
||||||
<span><a href="{{ pagination.hrefs[ loop.index0 ] }}"{% if pagination.hrefs[ loop.index0 ] == page.url %} aria-current="page"{% endif %}>{{ loop.index }}</a></span>
|
<span{% if pagination.hrefs[ loop.index0 ] == page.url %} aria-current="page"{% endif %}><a href="{{ pagination.hrefs[ loop.index0 ] }}">{{ loop.index }}</a></span>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<span>{% if pagination.href.next %}<a href="{{ pagination.href.next }}">Next</a>{% else %}Next{% endif %}</span>
|
<span>{% if pagination.href.next %}<a href="{{ pagination.href.next }}">Next</a>{% else %}Next{% endif %}</span>
|
||||||
|
|
Loading…
Reference in New Issue