From 164c306795577ec7667d338c28a7544bbb8c241b Mon Sep 17 00:00:00 2001 From: Harald Eilertsen Date: Sat, 30 May 2020 20:07:21 +0200 Subject: et up baseic structure for homepage/blog with Zola --- .editorconfig | 10 +++ config.toml | 22 ++++++ content/_index.md | 9 +++ content/blog/2019-09-09-godt-googlevalg/index.md | 62 ++++++++++++++++ .../valg-no-google-2.jpg | Bin 0 -> 115846 bytes .../valg-no-ublokkert.jpg | Bin 0 -> 256568 bytes content/blog/_index.html | 3 + content/blog/_index.md | 4 + sass/styles.scss | 16 ++++ templates/base.html | 30 ++++++++ templates/index.html | 81 +++++++++++++++++++++ templates/page.html | 16 ++++ templates/shortcodes/figure.html | 6 ++ templates/tags/list.html | 5 ++ templates/tags/single.html | 1 + 15 files changed, 265 insertions(+) create mode 100644 .editorconfig create mode 100644 config.toml create mode 100644 content/_index.md create mode 100644 content/blog/2019-09-09-godt-googlevalg/index.md create mode 100644 content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg create mode 100644 content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg create mode 100644 content/blog/_index.html create mode 100644 content/blog/_index.md create mode 100644 sass/styles.scss create mode 100644 templates/base.html create mode 100644 templates/index.html create mode 100644 templates/page.html create mode 100644 templates/shortcodes/figure.html create mode 100644 templates/tags/list.html create mode 100644 templates/tags/single.html 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. + + + +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 Binary files /dev/null and b/content/blog/2019-09-09-godt-googlevalg/valg-no-google-2.jpg 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 Binary files /dev/null and b/content/blog/2019-09-09-godt-googlevalg/valg-no-ublokkert.jpg 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 @@ + + + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ config.title }}{% endif %} + + + + {# #} + + + + + {#% include header.html %#} + +
+
+ {% block content %} + {% endblock content %} +
+
+ + {#% include footer.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 %} + +
+
+ {{ section.content | safe }} +
+ + +
+ +
+ +
+{% 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 %} +
+

{{ page.title }}

+
+ + Publisert: {{ page.date }} + {% if page.author %}av {{ page.author }}{% endif %} + + + Merket: {{ page.taxonomies['tags'] | join(sep=", ") }} + +
+ {{ page.content | safe }} +
+{% 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 @@ +
+ +
+ {{ body }} +
+
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 @@ + 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 @@ +{{ term.name }} -- cgit v1.2.3