diff options
| -rw-r--r-- | .editorconfig | 10 | ||||
| -rw-r--r-- | config.toml | 22 | ||||
| -rw-r--r-- | content/_index.md | 9 | ||||
| -rw-r--r-- | content/blog/2019-09-09-godt-googlevalg/index.md | 62 | ||||
| -rw-r--r-- | content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg | bin | 0 -> 115846 bytes | |||
| -rw-r--r-- | content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg | bin | 0 -> 256568 bytes | |||
| -rw-r--r-- | content/blog/_index.html | 3 | ||||
| -rw-r--r-- | content/blog/_index.md | 4 | ||||
| -rw-r--r-- | sass/styles.scss | 16 | ||||
| -rw-r--r-- | templates/base.html | 30 | ||||
| -rw-r--r-- | templates/index.html | 81 | ||||
| -rw-r--r-- | templates/page.html | 16 | ||||
| -rw-r--r-- | templates/shortcodes/figure.html | 6 | ||||
| -rw-r--r-- | templates/tags/list.html | 5 | ||||
| -rw-r--r-- | templates/tags/single.html | 1 |
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 Binary files differnew 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 Binary files differnew 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> |
