et up baseic structure for homepage/blog with Zola

15 files changed, 265 insertions, 0 deletions

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..657f087
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,10 @@
+# Editorconfig for rabalderblog
+# see https://editorconfig.org/
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.html]
+indent_size = 2
+indent_style = tab
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..66db5ff
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,22 @@
+# The URL the site will be built for
+base_url = "https://volse.no/rabalder"
+
+title = "Rabalder"
+description = "En blogg om samfunn, teknologi, internett, overvåkning og annet grums."
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = true
+
+taxonomies = [
+    { name = "tags", rss = true },
+]
+
+[extra]
+# Put all your custom variables here
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..79c0692
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,9 @@
++++
++++
+
+# Velkommen til Rabalder!
+
+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.
diff --git a/content/blog/2019-09-09-godt-googlevalg/index.md b/content/blog/2019-09-09-godt-googlevalg/index.md
new file mode 100644
index 0000000..4c72ce8
--- /dev/null
+++ b/content/blog/2019-09-09-godt-googlevalg/index.md
@@ -0,0 +1,62 @@
++++
+title = "Godt Googlevalg?"
+lang = "nb"
+
+[taxonomies]
+tags = ["samfunn", "internett"]
+
+[extra]
+author = "Harald"
++++
+
+I og med at det er valgtid, tok jeg en kjapp titt på valgdirektoratets vevsider
+[Valg.no](https://valg.no). Hensikten var å se hvilke sporingsmekanismer de
+bruker. Legg merke til at jeg ikke skriver "å se _om_ de bruker noen
+sporingsmekanismer." I våre dager er det desverre naivt å tro at man kan lese
+noe som helst på web uten å bli sporet, også på vevsidene til offentlige
+etater.
+
+{% figure(img="valg-no-google-2.jpg") %}
+Personverngrevlingen har blokkert en forespørsel til googletagmanager.com.
+{% end %}
+
+Det er likevel litt skuffende å få rett. Som vist i bildet over, sender
+valgdirektoratets vevsider informasjon om alle besøkende til google. Hvorfor
+gjør de det? Sansynligvis fordi de ikke vet bedre. _Google Tag Manager_ er et
+verktløy google gir til utviklere av vevsider for å håndtere alskens sporings-
+og analyseverktøy du vil ha på siden din fra ett sted. Praktisk, men svært
+problematisk.
+
+Jeg blokkerer normalt dette, men ikke alle vet hvordan man gjør det. _Det
+skulle heller ikke være nødvendig._ Vi burde kunne forvente at vi kan benytte
+vevsidene til norske offentlige instanser uten at Google, Facebook eller de
+andre overvåkningskapitalistene skal vite om det.
+
+<!-- more -->
+
+Hva skjer om vi _ikke_ blokkerer tag-manageren til google? Resultatet ser du nedenfor.
+
+{% figure(img="valg-no-ublokkert.jpg") %}
+En liste over nettsteder som blir kontaktet når jeg går til valg.no via OWASP
+Zap. Suspekte domener er markerte med blå bakgrunn.
+{% end %}
+
+I tillegg til selve tag-manageren sender siden forespørsler til
+_google-analytics_ for å måle interaksjonen din med siden, det google-eide
+reklameforetaket _doubleclick.net_, google sin egen reklametjeneste, og
+_browser-update.com_. Alle disse får dermed informasjon om at du er inne på
+disse sidene og hva du leser der.
+
+Selv om dette langt ifra er blant de verste tilfellene av sporing på offentlige
+sider, så er det likefullt grunn til å stoppe opp og spørre seg hvor mye
+kommersiell sporing vi skal godta. At offentlige institusjoner og organer i
+Norge, bevisst eller ubevisst, gir informasjon om sine besøkende til Google
+burde ikke være noe som går upåaktet hen. Dette er i tillegg _usynlig_ sporing.
+De aller fleste vil ikke en gang vite om at nettleseren deres kommuniserer med
+Google og doubleclick.net når de åpner sidene til valgdirektoratet. Det hele
+skjer i bakgrunnen uten noen synlige tegn, og uten at brukeren får mulighet til
+å gripe inn og hindre denne informasjonsflyten.
+
+Det finnes tekniske virkemidler vi kan bruke for å blokkere denne trafikken, og
+for å trygt kunne lese innhold på nettet i dag så må man desverre ty til disse.
+Men det burde altså være unødvendig.
diff --git a/content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg b/content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg
new file mode 100644
index 0000000..96c5f7f
--- /dev/null
+++ b/content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg
diff --git a/content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg b/content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg
new file mode 100644
index 0000000..92c3215
--- /dev/null
+++ b/content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg
diff --git a/content/blog/_index.html b/content/blog/_index.html
new file mode 100644
index 0000000..ef6083b
--- /dev/null
+++ b/content/blog/_index.html
@@ -0,0 +1,3 @@
++++
+template = "index.html"
++++
diff --git a/content/blog/_index.md b/content/blog/_index.md
new file mode 100644
index 0000000..08fb9be
--- /dev/null
+++ b/content/blog/_index.md
@@ -0,0 +1,4 @@
++++
+title = "Blogg"
+template = "index.html"
++++
diff --git a/sass/styles.scss b/sass/styles.scss
new file mode 100644
index 0000000..f9093ee
--- /dev/null
+++ b/sass/styles.scss
@@ -0,0 +1,16 @@
+body {
+    background: #322;
+    color: #999;
+}
+
+img {
+    max-width: 80%;
+}
+
+.page-content {
+    margin-left: 5em;
+    margin-right: 5em;
+}
+.figure {
+    text-align: center;
+}
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..a921ed6
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width initial-scale=1" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+		<title>{% if page.title %}{{ page.title }}{% else %}{{ config.title }}{% endif %}</title>
+		<meta name="description" content="{{ config.description }}">
+
+		<link rel="stylesheet" type="text/css" href="/styles.css">
+		{# <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> #}
+	</head>
+
+	<body>
+
+		{#% include header.html %#}
+
+		<div class="page-content">
+			<div class="wrapper">
+				{% block content %}
+				{% endblock content %}
+			</div>
+		</div>
+
+		{#% include footer.html %#}
+
+	</body>
+
+</html>
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..d883a57
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,81 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="home">
+	<section id="home-blurb">
+		{{ section.content | safe }}
+	</section>
+
+	<ul class="subsections">
+		{% for sub in section.subsections %}
+		  {% set s = get_section(path=sub) %}
+			<li><a href="{{s.permalink | safe}}">{{ s.title }}</a></li>
+			<ul class="post-list">
+				{% for post in s.pages %}
+					<article>
+						<header class="post-header">
+							<h1 class="post-title">
+								<a href="{{ post.permalink | safe }}">
+									{{ 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>
+		{% 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
new file mode 100644
index 0000000..56317a7
--- /dev/null
+++ b/templates/page.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+{% block content %}
+<article class="post">
+	<h1>{{ page.title }}</h1>
+	<div class="meta">
+		<span class="meta-publish">
+			Publisert: {{ page.date }}
+			{% if page.author %}av {{ page.author }}{% endif %}
+		</span>
+		<span class="meta-tags">
+			Merket: {{ page.taxonomies['tags'] | join(sep=", ") }}
+		</span>
+	</div>
+	{{ page.content | safe }}
+</article>
+{% endblock content %}
diff --git a/templates/shortcodes/figure.html b/templates/shortcodes/figure.html
new file mode 100644
index 0000000..7fb4123
--- /dev/null
+++ b/templates/shortcodes/figure.html
@@ -0,0 +1,6 @@
+<div class="figure">
+	<img src="/{{ page.path | safe }}{{ img }}">
+	<div class="caption">
+		{{ body }}
+	</div>
+</div>
diff --git a/templates/tags/list.html b/templates/tags/list.html
new file mode 100644
index 0000000..e9eac41
--- /dev/null
+++ b/templates/tags/list.html
@@ -0,0 +1,5 @@
+<ul class="taglist">
+  {% for t in terms %}
+    <li class="tag">{{ t.name }}</li>
+  {% endfor %}
+</ul>
diff --git a/templates/tags/single.html b/templates/tags/single.html
new file mode 100644
index 0000000..1e00fa6
--- /dev/null
+++ b/templates/tags/single.html
@@ -0,0 +1 @@
+<span class="tag">{{ term.name }}</span>