summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--.editorconfig10
-rw-r--r--config.toml22
-rw-r--r--content/_index.md9
-rw-r--r--content/blog/2019-09-09-godt-googlevalg/index.md62
-rw-r--r--content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpgbin0 -> 115846 bytes
-rw-r--r--content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpgbin0 -> 256568 bytes
-rw-r--r--content/blog/_index.html3
-rw-r--r--content/blog/_index.md4
-rw-r--r--sass/styles.scss16
-rw-r--r--templates/base.html30
-rw-r--r--templates/index.html81
-rw-r--r--templates/page.html16
-rw-r--r--templates/shortcodes/figure.html6
-rw-r--r--templates/tags/list.html5
-rw-r--r--templates/tags/single.html1
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
Binary files differ
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
Binary files differ
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>