very minimal theme

This commit is contained in:
Nick Stokoe
2023-05-09 14:32:08 +01:00
parent 65813f28f5
commit c391cd96f0
3 changed files with 48 additions and 0 deletions

1
src/_data/layout.js Normal file
View File

@@ -0,0 +1 @@
module.exports = "default.njk"

26
src/_includes/default.njk Normal file
View File

@@ -0,0 +1,26 @@
<!doctype html>
<html lang="{{ page.lang }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% if title %}{{ title }} &mdash; {% endif %}{{ site.title }}</title>
<link href="{{ '/assets/css/style.css' }}" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="sidebar">
{#% include "sidebar.html" %#}
</div>
<div class="content">
<h1>{{ title }}</h1>
<ul class="images">
{% for image in images %}
<li><img src="../../images/{{ image }}"></li>
{% endfor %}
</ul>
{{ content | safe }}
</div>
</div>
</body>
</html>

21
src/assets/css/style.css Normal file
View File

@@ -0,0 +1,21 @@
h1 {
text-align: center;
}
ul.images {
list-style: none;
}
ul.images img {
width: 20em;
}
ul.images li {
display: inline-block;
margin: 0em 2em 2em 2em;
}
ul.images li:nth-child(even) {
float: left;
clear: left;
}
ul.images li:nth-child(2n+1) {
float: right;
clear: right;
}