From 4913ad5fa636e110dc8fd6a618c71b8fa27a3561 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Sun, 31 May 2020 12:59:40 +0200
Subject: Add styling, default license etc.

---
 content/_index.md                 |  3 +++
 content/lisens.md                 | 14 ++++++++++++++
 sass/styles.scss                  | 25 ++++++++++++++++++++++++-
 templates/index.html              | 32 --------------------------------
 templates/page.html               |  8 +++++---
 templates/shortcodes/license.html | 19 +++++++++++++++++++
 6 files changed, 65 insertions(+), 36 deletions(-)
 create mode 100644 content/lisens.md
 create mode 100644 templates/shortcodes/license.html

diff --git a/content/_index.md b/content/_index.md
index 79c0692..5f9b158 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -7,3 +7,6 @@ Jeg heter Harald, og dette er min hjemmeside og blogg om ting som opptar meg.
 Det vil for det meste si problemstillinger i skjæringspunktet mellom samfunn og
 teknologi, men det kan også dukke opp innhold om film, musikk og andre
 kulturelle uttrykk her.
+
+Innholdet på disse sidene er gjort tilgjengelig, og kan fritt gjenbrukes så lenge
+du oppgir kilde. Les mer [om rettigheter og lisens her](/lisens/).
diff --git a/content/lisens.md b/content/lisens.md
new file mode 100644
index 0000000..c94fa47
--- /dev/null
+++ b/content/lisens.md
@@ -0,0 +1,14 @@
++++
+title = "Lisens og rettigheter"
++++
+
+Innholdet på disse sidene er gjort tilgjengelig under en [Creative Commons
+Attribution ShareAlike](https://creativecommons.org/licenses/by-sa/4.0/)
+lisens.
+
+Det betyr at du fritt kan bruke innholdet på disse sidene i eget materiale,
+enten i sin helhet, eller som en base å bygge videre på. Det eneste som kreves
+er at du oppgir en kildehenvisning til at du fant materialet her, og at du
+deler din versjon på samme vilkår.
+
+{{ license() }}
diff --git a/sass/styles.scss b/sass/styles.scss
index f9093ee..4dbe180 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -1,6 +1,15 @@
 body {
     background: #322;
-    color: #999;
+    color: #aaa;
+    line-height: 1.5;
+
+    a {
+        color: #acc;
+    }
+
+    h1, h2, h3 {
+        color: #bcc;
+    }
 }
 
 img {
@@ -13,4 +22,18 @@ img {
 }
 .figure {
     text-align: center;
+    padding-top: 1em;
+    padding-bottom: 0.5em;
+}
+
+.license {
+    display: flex;
+    border-top: 1px solid #aaa;
+    padding-top: 0.5em;
+    .cc-by-sa-logo {
+        width: 10em;
+    }
+    .license-text {
+        font-size: small;
+    }
 }
diff --git a/templates/index.html b/templates/index.html
index d883a57..91a335d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -45,37 +45,5 @@
 			</ul>
 		{% endfor %}
 	</ul>
-  <section id="stream">
-    <ul class="post-list">
-      {% for post in section.pages %}
-        <article>
-					<header class="post-header">
-						<h1 class="post-title"><a href="{{ post.permalink }}">{{ post.title }}</a></h1>
-						<div class="post-meta">
-							{{ post.date }}
-							{% if post.taxonomies["tags"] | length > 0 %}
-							  <ul class="post-tags">
-								  {% for tag in post.taxonomies["tags"] %}
-								    <li class="tag">{{ tag }}</li>
-								  {% endfor %}
-							  </ul>
-							{% endif %}
-						</div>
-					</header>
-          <section class="post-summary">
-            {{ post.summary | safe }}
-          </section>
-          <footer>
-            {% if post.content | length > post.summary | length %}
-              <a href="{{ post.permalink }}">
-                {% if post.lang == 'en' %}More...{% else %}Les mer...{% endif %}
-              </a>
-            {% endif %}
-          </footer>
-        </article>
-      {% endfor %}
-    </ul>
-  </section>
-
 </div>
 {% endblock content %}
diff --git a/templates/page.html b/templates/page.html
index 56317a7..5cdf946 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -7,9 +7,11 @@
 			Publisert: {{ page.date }}
 			{% if page.author %}av {{ page.author }}{% endif %}
 		</span>
-		<span class="meta-tags">
-			Merket: {{ page.taxonomies['tags'] | join(sep=", ") }}
-		</span>
+		{% if page.taxonomies %}
+			<span class="meta-tags">
+				Merket: {{ page.taxonomies['tags'] | join(sep=", ") }}
+			</span>
+		{% endif %}
 	</div>
 	{{ page.content | safe }}
 </article>
diff --git a/templates/shortcodes/license.html b/templates/shortcodes/license.html
new file mode 100644
index 0000000..8e9a1aa
--- /dev/null
+++ b/templates/shortcodes/license.html
@@ -0,0 +1,19 @@
+<div class="license">
+	<div class="cc-by-sa-logo">
+		<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+			<img alt="Creative Commons-lisens" style="border-width:0"
+				src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" />
+		</a>
+	</div>
+	<div class="license-text">
+		Innholdet på denne siden er publisert av
+		<a xmlns:cc="http://creativecommons.org/ns#"
+			 href="{{ page.permalink }}"
+			property="cc:attributionName"
+			rel="cc:attributionURL">
+			Rabalder/Harald Eilertsen</a>
+		og gjort tilgjengelig under en
+		<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+			Creative Commons Navngivelse-DelPåSammeVilkår 4.0 Internasjonal lisens</a>.
+	</div>
+</div>
-- 
cgit v1.2.3