ChromeBook sagaen af Tobias/Semaphor

Add april 2024

.drone.yml

@@ -1,35 +1,36 @@
-pipeline:
-  build:
+kind: pipeline
+name: default
+
+steps:
+  - name: build
     image: ruby
     commands:
-      - gem install bundler
+      - gem install bundler:2.2.22
       - bundle install
       - bundle exec jekyll build
-  
-  docker:
+
+  - name: docker
     image: plugins/docker
-    repo: docker.data.coop/cryptohagen-website
-    registry: docker.data.coop
-    secrets: [DOCKER_USERNAME, DOCKER_PASSWORD]
-    username:
-      from_secret: DOCKER_USERNAME
-    password:
-      from_secret: DOCKER_PASSWORD
-    tag: 
-      - "${DRONE_BUILD_NUMBER}"
-      - "latest"
+    settings:
+      repo: docker.data.coop/cryptohagen-website
+      registry: docker.data.coop
+      username:
+        from_secret: DOCKER_USERNAME
+      password:
+        from_secret: DOCKER_PASSWORD
+      tags:
+        - "${DRONE_BUILD_NUMBER}"
+        - "latest"
     when:
       branch:
         - master
-#    
-#  notify:
-#    image: plugins/matrix
-#    secrets: [matrix_username, matrix_password]
-#    settings:
-#      homeserver: https://data.coop
-#      roomid: plKSghHbepWeUEtbHE:data.coop
-#      username: 
-#        from_secret: matrix_username
-#      password:
-#        from_Secret: matrix_password
-#
+  ## Testing turning of Notify i matrix.
+  # - name: notify
+  #   image: plugins/matrix
+  #   settings:
+  #     homeserver: https://data.coop
+  #     roomid: plKSghHbepWeUEtbHE:data.coop
+  #     username:
+  #       from_secret: matrix_username
+  #     password:
+  #       from_secret: matrix_password

.gitignore

@@ -1,5 +1,7 @@
 *.sw*
 _site
 .jekyll-metadata
+.jekyll-cache
 .sass-cache
 .bundle/
+.vscode

CNAME

@@ -1 +0,0 @@
-cryptohagen.dk

Gemfile

@@ -9,7 +9,7 @@ ruby RUBY_VERSION
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
-gem "jekyll", ">= 3.8.5"
+gem "jekyll", "~> 4.3.2"
 
 
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
@@ -18,8 +18,9 @@ gem "jekyll", ">= 3.8.5"
 
 # If you have any plugins, put them here!
 group :jekyll_plugins do
-   gem "jekyll-feed", "~> 0.6"
+   gem "jekyll-feed"
    gem "jekyll-sitemap"
+   gem "jekyll-sass-converter"
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -1,73 +1,80 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.6.0)
-      public_suffix (>= 2.0.2, < 4.0)
+    addressable (2.8.6)
+      public_suffix (>= 2.0.2, < 6.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.4)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.2.3)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.10.0)
+    ffi (1.16.3)
     forwardable-extended (2.6.0)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
+    http_parser.rb (0.8.0)
+    i18n (1.14.1)
       concurrent-ruby (~> 1.0)
-    jekyll (3.8.5)
+    jekyll (4.3.3)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 1.14)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (>= 0.3.6, < 0.5)
       pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
+      rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
-    jekyll-feed (0.11.0)
-      jekyll (~> 3.3)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-sitemap (1.2.0)
-      jekyll (~> 3.3)
-    jekyll-watch (2.1.2)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-feed (0.17.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-sass-converter (2.1.0)
+      sassc (> 2.0.1, < 3.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (1.17.0)
-    liquid (4.0.1)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
-    mercenary (0.3.6)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.8.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (3.0.3)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    public_suffix (5.0.4)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.3.0)
-    ruby_dep (1.5.0)
+    rexml (3.2.6)
+    rouge (4.2.0)
     safe_yaml (1.0.5)
-    sass (3.7.3)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.5.0)
+    webrick (1.8.1)
 
 PLATFORMS
-  ruby
+  x86_64-linux-musl
 
 DEPENDENCIES
-  jekyll (>= 3.8.5)
-  jekyll-feed (~> 0.6)
+  jekyll (~> 4.3.2)
+  jekyll-feed
+  jekyll-sass-converter
   jekyll-sitemap
   tzinfo-data
 
 RUBY VERSION
-   ruby 2.6.1p33
+   ruby 3.1.1p18
 
 BUNDLED WITH
-   1.17.3
+   2.3.25

README.md

@@ -7,9 +7,9 @@ This repo holds the homepage of https://cryptohagen.dk/
 ## Running locally for development:
 
  - Install Docker and docker-compose
- -  Run ``docker-compose up``. THis starts a local web server on port 4000 with LiveReload enabled, enabling you to tweak and play without having to F5 your browser.
+ -  Run ``docker compose up``. THis starts a local web server on port 4000 with LiveReload enabled, enabling you to tweak and play without having to F5 your browser.
 
-If you have changes to `Gemfile`, run ``docker-compose run jekyll bundle update``.
+If you have changes to `Gemfile`, run ``docker compose run jekyll bundle update``.
 
 ## Publishing to cryptohagen.dk
 

_config.yml

@@ -5,7 +5,7 @@ includes_dir: _sections
 sass:
     style: compressed
     
-gems: 
+plugins: 
     - jekyll-feed
     - jekyll-sitemap
 exclude:

_data/events.yml

@@ -1,18 +1,109 @@
-- danish_title: "Søndag d. 31. marts 2019"
-  danish_text: "Vi sidder i <strong>Mellemrummet</strong>. Kom og drik god fairtradekaffe med os og lær at sikre dit privatliv på det vilde web!"
-  english_title: "Sunday March 31st 2019"
-  english_text: "We'll be at <strong>Mellemrummet</strong>, as usual. Come join us, drink a cup of good fair trade coffee and learn how to protect your privacy!"
+
+# - danish_title: "Søndag d. 28. januar 2024"
+#   danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+#   danish_text_extra: "Oplæg: Jesper Lund ca. kl 14"
+#   english_title: "Sunday January 28th 2024"
+#   english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+#   english_text_extra: "presentation: Jesper Lund ca. kl 14"
+#   time: "13:00-17:00"
+#   current: true
+
+# - danish_title: "Søndag d. 25. februar 2024"
+#   danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+#   danish_text_extra: ""
+#   english_title: "Sunday February 25th 2024"
+#   english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+#   english_text_extra: ""
+#   time: "13:00-17:00"
+#   current: true
+
+# - danish_title: "Søndag d. 31. marts 2024"
+#   danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+#   danish_text_extra: ""
+#   english_title: "Sunday March 31th 2024"
+#   english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+#   english_text_extra: ""
+#   time: "13:00-17:00"
+#   current: true
+
+- danish_title: "Søndag d. 28. april 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: "Omkring kl. 14. Oplæg om #opensource løsning i #ChromeBook sagaen af Tobias/Semaphor om #OSCampus. (ca. 1/3 af kommunerne vil nu have en #opensource løsning)"
+  english_title: "Sunday April 28th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: "Around 14:00. Presentation on #opensource solution in the #ChromeBook saga by Tobias/Semaphor about #OSCampus. (approx. 1/3 of municipalities now want an #opensource solution)"
   time: "13:00-17:00"
   current: true
-- danish_title: "Søndag d. 28. april 2019"
-  danish_text: "Vi sidder i <strong>Mellemrummet</strong>. Kom og drik god fairtradekaffe med os og lær at sikre dit privatliv på det vilde web!"
-  english_title: "Sunday April 28th 2019"
-  english_text: "We'll be at <strong>Mellemrummet</strong>, as usual. Come join us, drink a cup of good fair trade coffee and learn how to protect your privacy!"
+
+- danish_title: "Søndag d. 26. maj 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday May 26th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
   time: "13:00-17:00"
   current: false
-- danish_title: "Søndag d. 26. maj 2019"
-  danish_text: "Vi sidder i <strong>Mellemrummet</strong>. Kom og drik god fairtradekaffe med os og lær at sikre dit privatliv på det vilde web!"
-  english_title: "Sunday May 26th 2019"
-  english_text: "We'll be at <strong>Mellemrummet</strong>, as usual. Come join us, drink a cup of good fair trade coffee and learn how to protect your privacy!"
+
+- danish_title: "Søndag d. 30. juni 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday June 30th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
   time: "13:00-17:00"
-  current: false
+  current: false
+
+- danish_title: "Søndag d. 28. juli 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday July 28th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+
+- danish_title: "Søndag d. 25. august 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday August 25th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+
+- danish_title: "Søndag d. 29. september 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday September 29th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+
+- danish_title: "Søndag d. 27. oktober 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday October 27th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+
+- danish_title: "Søndag d. 24. november 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday November 24th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+
+- danish_title: "Søndag d. 29. december 2024"
+  danish_text: "Fra kl. 13 til 17 er der igen #cryptohagen på Café Mellemrummet. Kom ned og sig hej, drik en kop lækker kaffe, og få en sludder."
+  danish_text_extra: ""
+  english_title: "Sunday December 29th 2024"
+  english_text: "#Cryptohagen at Café Mellemrummet is on again. From 1 PM to 5 PM. Come by for a chat and get yourself a nice cup of coffee"
+  english_text_extra: ""
+  time: "13:00-17:00"
+  current: false
+

_data/links.yml

@@ -10,6 +10,6 @@
 - name: "EFF's Security Education Companion"
   url: "https://sec.eff.org/"
   desc: "A free resource for digital security educators"
-- name: "CopenhagenSec"
-  url: "https://www.meetup.com/CopenhagenSec/"
-  desc: "A meetup group in Copenhagen about (advanced) IT security"
+- name: "Data Detox Kit"
+  url: "https://datadetoxkit.org/en/home/"
+  desc: "Everyday steps you can take to control your digital privacy, security, and wellbeing"

_data/strings.yml

@@ -10,6 +10,8 @@ menu_item_2_da: "Hvornår"
 menu_item_2_en: "When"
 menu_item_3_da: "Hvor"
 menu_item_3_en: "Where"
+menu_code_da: "Adfærdskodeks"
+menu_code_en: "Code of Conduct"
 
 section_who_title_da: "Hvad er det?"
 section_who_title_en: "What is it?"
@@ -26,3 +28,4 @@ section_where_title_en: "We are here:"
 section_where_address_da: "Adresse"
 section_where_address_en: "Address"
 
+

_layouts/base.html

@@ -1,9 +1,9 @@
 {% assign title = 'title_' | append: page.language %}
 
-{% assign menu_tagline = 'menu_tagline_' | append: page.language %}
 {% assign menu_item_1 = 'menu_item_1_' | append: page.language %}
 {% assign menu_item_2 = 'menu_item_2_' | append: page.language %}
 {% assign menu_item_3 = 'menu_item_3_' | append: page.language %}
+{% assign menu_item_4 = 'menu_item_4_' | append: page.language %}
 
 {% assign section_events_title = 'section_events_title_' | append: page.language %}
 {% assign section_events_time = 'section_events_time_' | append: page.language %}
@@ -11,21 +11,55 @@
 {% assign section_where_title = 'section_where_title_' | append: page.language %}
 {% assign section_where_address = 'section_where_address_' | append: page.language %}
 
+{% assign menu_code = 'menu_code_' | append: page.language %}
+
 {% capture section_who %}{% include who_{{page.language}}.md %}{% endcapture %}
+{% capture section_code %}{% include code_{{page.language}}.md %}{% endcapture %}
 
 
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8"> 
     <title>{{ site.data.strings[title] }}</title>
     <link rel="stylesheet" href="/assets/css/cryptohagen.css" />
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@cryptohagen">
+    <meta name="twitter:creator" content="@cryptohagen">
+    <meta name="twitter:title" content="Cryptohagen - Lær om privatliv og digitalt selvforsvar">
+    <meta name="twitter:description" content="Cryptohagen er et månedligt meetup i København for folk, der er interesserede i digitalt privatliv, overvågning og at lære om de nyeste teknikker og værktøjer til at beskytte sig online.">
+    <meta name="twitter:image" content="https://www.cryptohagen.dk/assets/logo/logo.png">
+
   </head>
   <body>
 
     <nav class="navbar navbar-static-top navbar-fixed-top cryptohagen-navbar">
       <div class="navbar-brand pull-xs-right">
-        {{ site.data.strings[menu_tagline] }}
+
+          {% if page.language == 'da' %}
+              <a class="nav-link" href="code.html">{{ site.data.strings[menu_code] }}</a>
+              <a href="index_en.html" alt="English">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="24" height="12" style="margin: 13px 0 0 13px;">
+                  <clipPath id="t">
+                    <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
+                  </clipPath>
+                  <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
+                  <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
+                  <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
+                  <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
+                  <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
+                  </svg>
+              </a>
+          {% else %}
+              <a class="nav-link" href="code_en.html">{{ site.data.strings[menu_code] }}</a>
+              <a href="index.html" alt="Danish">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="1 1 37 28" style="margin: 10px 0 0 13px;">
+                      <rect width="40" height="30" fill="#C60C30"/>
+                      <g stroke="#fff" stroke-width="4"><line x1="15" y1="0" x2="15" y2="30"/><line x1="0" y1="15" x2="40" y2="15"/></g>
+                  </svg>
+              </a>
+          {% endif %}     
       </div>
       <a class="navbar-brand" href="/">
         Cryptohagen
@@ -34,84 +68,40 @@
         <li class="nav-item active">
           <a class="nav-link" href="#">{{ site.data.strings[menu_item_1] }}</a>
         </li>
-        <li class="nav-item active">
-          <a class="nav-link" href="#when">{{ site.data.strings[menu_item_2] }}</a>
-        </li>
+        
         <li class="nav-item">
           <a class="nav-link" href="#where">{{ site.data.strings[menu_item_3] }}</a>
         </li>
+
+        <li class="nav-item active">
+          <a class="nav-link" href="#when">{{ site.data.strings[menu_item_2] }}</a>
+        </li>
+        
         <li class="nav-item">
           <a class="nav-link" href="#links">Links</a>
         </li>
-        <li>
-            {% if page.language == 'da' %}
-                <a href="index_en.html" alt="English">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="24" height="12" style="margin: 13px 0 0 13px;">
-                    <clipPath id="t">
-                      <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
-                    </clipPath>
-                    <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
-                    <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
-                    <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
-                    <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
-                    <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
-                    </svg>
-                </a>
-            {% else %}
-                <a href="index.html" alt="Danish">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="1 1 37 28" style="margin: 10px 0 0 13px;">
-                        <rect width="40" height="30" fill="#C60C30"/>
-                        <g stroke="#fff" stroke-width="4"><line x1="15" y1="0" x2="15" y2="30"/><line x1="0" y1="15" x2="40" y2="15"/></g>
-                    </svg>
-                </a>
-            {% endif %}
-
-        </li>
+        
       </ul>
     </nav>
+    
+    <section id="logo">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-10">
+      	    <img src="assets/logo/logo.png" />
+          </div>
+        </div>
+      </div>
+    </section>
 
     <section id="intro">
       <div class="container">
         <div class="row">
-          <div class="col-md-8">
+          <div class="col-md-10">
             {{ section_who | markdownify }}
-            </div>
+          
+      	    <img src="assets/logo/cryto.jpg" width="750"/>  
           </div>
-      </div>
-    </section>
-
-    <section id="when">
-        <div class="container">
-        <h1>{{ site.data.strings[section_events_title] }}</h1>
-        <hr>
-
-        <div class="card-columns">
-
-            {% for event in site.data.events %}
-            <div class="card card-inverse {% if event.current %}card-primary{% else %}card-info{% endif %}">
-              <div class="card-block">
-                <h4 class="card-title">
-                  {% if page.language == "en" %}
-                    {{ event.english_title }}
-                  {% else %}
-                    {{ event.danish_title }}
-                  {% endif %}
-                </h4>
-                <p class="card-text">
-                  {% if page.language == "en" %}
-                    {{ event.english_text }}
-                  {% else %}
-                    {{ event.danish_text }}
-                  {% endif %}
-                </p>
-                <p class="card-text">
-                  <strong>{{ site.data.strings[section_events_time] }}</strong><br />
-                  {{ event.time }}
-                </p>
-              </div>
-            </div>
-            {% endfor %}
-
         </div>
       </div>
     </section>
@@ -121,6 +111,14 @@
 
           <h1>{{ site.data.strings[section_where_title] }}</h1>
           <hr>
+          <p>
+            <address>
+              <strong>{{ site.data.strings[section_where_address] }}</strong><br />
+                <a href="https://www.ms.dk/mellemrummet">Cafe Mellemrummet</a><br />
+                Ravnsborggade 11<br />
+                2200 København Nørrebro
+            </address>
+          </p>
 
           <div id="Map" style="height:250px"></div>
           <script src="/assets/openlayers/ol.js" type="text/javascript"></script>
@@ -162,20 +160,53 @@
                 interactions: [], // No dragging or other funny biz
               });
           </script>
-
-            <p>
-            <address>
-              <strong>{{ site.data.strings[section_where_address] }}</strong><br />
-                <a href="https://www.ms.dk/mellemrummet">Cafe Mellemrummet</a><br />
-                Ravnsborggade 11<br />
-                2200 København Nørrebro
-            </address>
-          </p>
-
         </div>
 
     </section>
 
+    <section id="when">
+      <div class="container">
+      <h1>{{ site.data.strings[section_events_title] }}</h1>
+      <hr>
+
+      <div class="card-columns">
+
+          {% for event in site.data.events %}
+          <div class="card card-inverse {% if event.current %}card-primary{% else %}card-info{% endif %}">
+            <div class="card-block">
+              <h4 class="card-title">
+                {% if page.language == "en" %}
+                  {{ event.english_title }}
+                {% else %}
+                  {{ event.danish_title }}
+                {% endif %}
+              </h4>
+              <p class="card-text">
+                {% if page.language == "en" %}
+                  {{ event.english_text }}
+                {% else %}
+                  {{ event.danish_text }}
+                {% endif %}
+              </p>
+              <p class="card-text">
+                {% if page.language == "en" %}
+                  {{ event.english_text_extra }}
+                {% else %}
+                  {{ event.danish_text_extra }}
+                {% endif %}
+              </p>
+              <p class="card-text">
+                <strong>{{ site.data.strings[section_events_time] }}</strong><br />
+                {{ event.time }}
+              </p>
+            </div>
+          </div>
+          {% endfor %}
+
+      </div>
+    </div>
+  </section>
+
     <section id="links">
       <div class="container">
 
@@ -196,7 +227,7 @@
 
     <footer>
       <div class="container">
-        <small>Generously hosted by <a href="https://data.coop">data.coop</a> | <a href="https://git.data.coop/cryptohagen.dk/website">Source code</a> | Site built: {{ "now" | date: "%Y-%m-%d %H:%M" }} UTC | Jekyll {{ jekyll.version }}</small>
+        <small>Generously hosted by <a href="https://data.coop">data.coop<img src="assets/logo/DataCoop_Logo.png" /></a>  | <a href="https://git.data.coop/cryptohagen.dk/website">Source code</a> | Site built: {{ "now" | date: "%Y-%m-%d %H:%M" }} UTC | Jekyll {{ jekyll.version }}</small>
       </div>
     </footer>
 

_layouts/code.html

@@ -0,0 +1,105 @@
+{% assign title = 'title_' | append: page.language %}
+
+{% assign menu_item_1 = 'menu_item_1_' | append: page.language %}
+{% assign menu_item_2 = 'menu_item_2_' | append: page.language %}
+{% assign menu_item_3 = 'menu_item_3_' | append: page.language %}
+{% assign menu_item_4 = 'menu_item_4_' | append: page.language %}
+
+{% assign section_events_title = 'section_events_title_' | append: page.language %}
+{% assign section_events_time = 'section_events_time_' | append: page.language %}
+
+{% assign section_where_title = 'section_where_title_' | append: page.language %}
+{% assign section_where_address = 'section_where_address_' | append: page.language %}
+
+{% assign menu_code = 'menu_code_' | append: page.language %}
+
+{% capture section_who %}{% include who_{{page.language}}.md %}{% endcapture %}
+{% capture section_code %}{% include code_{{page.language}}.md %}{% endcapture %}
+
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"> 
+    <title>{{ site.data.strings[title] }}</title>
+    <link rel="stylesheet" href="/assets/css/cryptohagen.css" />
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@cryptohagen">
+    <meta name="twitter:creator" content="@cryptohagen">
+    <meta name="twitter:title" content="Cryptohagen - Lær om privatliv og digitalt selvforsvar">
+    <meta name="twitter:description" content="Cryptohagen er et månedligt meetup i København for folk, der er interesserede i digitalt privatliv, overvågning og at lære om de nyeste teknikker og værktøjer til at beskytte sig online.">
+    <meta name="twitter:image" content="https://www.cryptohagen.dk/assets/logo/logo.png">
+
+  </head>
+  <body>
+
+    <nav class="navbar navbar-static-top navbar-fixed-top cryptohagen-navbar">
+      <div class="navbar-brand pull-xs-right">
+        
+        <a class="nav-link" href="code.html">{{ site.data.strings[menu_code] }}</a>
+
+          {% if page.language == 'da' %}
+              <a href="index_en.html" alt="English">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="24" height="12" style="margin: 13px 0 0 13px;">
+                  <clipPath id="t">
+                    <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
+                  </clipPath>
+                  <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
+                  <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
+                  <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
+                  <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
+                  <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
+                  </svg>
+              </a>
+          {% else %}
+              <a href="index.html" alt="Danish">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="1 1 37 28" style="margin: 10px 0 0 13px;">
+                      <rect width="40" height="30" fill="#C60C30"/>
+                      <g stroke="#fff" stroke-width="4"><line x1="15" y1="0" x2="15" y2="30"/><line x1="0" y1="15" x2="40" y2="15"/></g>
+                  </svg>
+              </a>
+          {% endif %}     
+      </div>
+      <a class="navbar-brand" href="/">
+        Cryptohagen
+      </a>
+      <ul class="nav navbar-nav">
+        <li class="nav-item active">
+          <a class="nav-link" href="#">{{ site.data.strings[menu_item_1] }}</a>
+        </li>
+        
+        <li class="nav-item">
+          <a class="nav-link" href="#where">{{ site.data.strings[menu_item_3] }}</a>
+        </li>
+
+        <li class="nav-item active">
+          <a class="nav-link" href="#when">{{ site.data.strings[menu_item_2] }}</a>
+        </li>
+        
+        <li class="nav-item">
+          <a class="nav-link" href="#links">Links</a>
+        </li>
+        
+      </ul>
+    </nav>
+
+    <section id="intro">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-8">
+            {{ section_code | markdownify }}
+            </div>
+        </div>
+      </div>
+    </section>
+
+  
+    <footer>
+      <div class="container">
+        <small>Generously hosted by <a href="https://data.coop">data.coop<img src="assets/logo/DataCoop_Logo.png" /></a>  | <a href="https://git.data.coop/cryptohagen.dk/website">Source code</a> | Site built: {{ "now" | date: "%Y-%m-%d %H:%M" }} UTC | Jekyll {{ jekyll.version }}</small>
+      </div>
+    </footer>
+
+  </body>
+</html>

_sass/bootstrap/scss/_card.scss

@@ -28,6 +28,10 @@
   margin-bottom: 0;
 }
 
+.card-text-extra:last-child {
+  margin-bottom: 0;
+}
+
 // .card-actions {
 //   padding: $card-spacer-y $card-spacer-x;
 
@@ -281,7 +285,7 @@
 
 @include media-breakpoint-up(sm) {
   .card-columns {
-    column-count: 3;
+    column-count: 1;
     column-gap: 1.25rem;
 
     .card {

_sass/bootstrap/scss/mixins/_cards.scss

@@ -35,4 +35,8 @@
       color: $card-link-hover-color;
     }
   }
+  .card-text > a {
+      color: #fff;
+  }
+  
 }

_sections/code_da.md

@@ -0,0 +1,25 @@
+# Adfærdskodeks
+<i>(Code of Conduct)</i>
+
+Vi er forpligtede til at gøre #cryptohagen til et inkluderende og indbydende forum for alle. 
+Den vigtigste regel er: Vær åben og empatisk overfor hinanden.
+
+Desværre er teknologibegivenheder berygtede for chikane. Vi har derfor lavet nogle grundregler – for at gøre det klart, at chikane eller diskriminerende adfærd ikke er acceptabelt. Alle skal kunne føle sig trygge ved at deltage i #cryptohagen.
+
+Alle, der deltager i #cryptohagen, er forpligtede til at overholde vores adfærdskodeks (Code of Conduct) ved arrangementer og på alle onlinekanaler. 
+
+Specifikke regler:
+- Vi tager afstand fra homofobisk, transfobisk, sexistisk, racistisk og anden fordomsfuld adfærd (herunder chikane). 
+- #cryptohagen er et fælles forum, men hver deltagers personlige ”rum” skal respekteres. Hvis du bliver bedt om at lade nogen være i fred, eller om at forlade stedet, må du respektere dette.
+- Nogle deltagere ønsker ikke at blive filmet eller fotograferet. Respekter deres ønsker.
+- Aggressive eller arrogante kommentarer er ikke velkomne – ingen skal være bange for at stille spørgsmål.
+
+Hvis du bryder disse regler, kan vi udelukke dig fra fremtidige #cryptohagen-begivenheder.
+
+Café Mellemrummet, hvor vi mødes i København, er en frivilligt drevet nonprofitcafé. Vi forventer, at du også er åben og empatisk overfor de frivillige i caféen.
+
+Hvis du bliver chikaneret, eller du er vidne til brud på vores adfærdskodeks, skal du kontakte en fra kernegruppen.
+
+Vores adfærdskodeks er baseret på (”lånt” fra) vores venner på Bornhack og deres [adfærdskodeks][bornhackconduct]
+
+[bornhackconduct]:https://bornhack.dk/conduct

_sections/code_en.md

@@ -0,0 +1,21 @@
+# Code of Conduct
+We are committed to making #cryptohagen an inclusive and welcoming get-together for everyone.
+The most important rule is: Be open and empathetic towards each other.
+
+Unfortunately, tech events are notorious for harassment. Thus, we have set up some basic rules to make it clear that harassment or discriminatory behavior will not be tolerated. Everyone should feel safe participating in #cryptohagen.
+
+Everyone participating in #cryptohagen is obliged to comply with our Code of Conduct at events as well as on all online channels. 
+
+Specific rules:
+- We denounce homophobic, transphobic, sexist, racist and other prejudiced behaviour (including harassment). 
+- #cryptohagen is a community, but each participant’s personal ”space” should be respected. If you are asked to leave someone alone, or to leave the place, then respect this. 
+- Some participants do not want to be filmed or photographed. Respect their wishes. 
+- Aggressive or arrogant comments are not welcome – no one should be afraid to ask questions.
+
+If you break these rules, we may exclude you from future #cryptohagen events.
+
+Café Mellemrummet, where we meet in Copenhagen, is a volunteer-run nonprofit café. We expect that you are open and empathetic towards the volunteers in the café as well. If you are being harassed, or if you witness a breach of our Code of Conduct, please contact someone from the core group.
+
+Our Code of Conduct is based on (”borrowed” from) our friends at Bornhack and their [Code of Conduct][bornhackconduct]
+
+[bornhackconduct]:https://bornhack.dk/conduct

_sections/who_da.md

@@ -1,35 +1,59 @@
-# Hvad er det
+# Hvad er det?
+Cryptohagen er et hyggeligt og uformelt forum, som har fokus på digital
+privatlivsbeskyttelse. Cryptohagen er for alle, der bruger nettet i en eller anden form.
+Vi er et ”friendly community”, hvor der er plads til at vende tanker og idéer om
+privatliv, sikkerhed på nettet, kryptering og lignende emner. Alle er velkomne.
 
----
-Cryptohagen er en stribe uformelle og hyggelige sammenkomster som 
-afholdes i København hver sidste søndag i måneden.
+Vi kan hjælpe dig med små og store spørgsmål, som handler om
+privatlivs-beskyttelse på nettet. Vi kan også hjælpe dig i gang med at bruge nogle af
+de populære og anerkendte sikkerhedsværktøjer på din smartphone og på din
+computer. Alt det kan vi tale sammen om, når vi ses. Så kan vi tage udgangspunkt i
+dine konkrete behov.
 
-Der afholdes lignende arrangementer i [Aarhus][cryptoaarhus].
+Vi mødes i på Café Mellemrummet i København den sidste søndag i måneden. 
+Caféen er en frivilligt drevet nonprofitcafé. Vi forventer, at du også er åben og empatisk overfor de frivillige i caféen.
+Der afholdes lignende arrangementer i [Aarhus][cryptoaarhus]. 
 
-## Hvem er det for
+Så kom og sig hej til os, drik en kop kaffe, og få en sludder. Spørg efter Thomas, Rolf, Ove eller Helle. Det eneste, du skal have med, er godt humør og ønsket om at lære nogle rare mennesker at kende i et afslappet miljø.
 
-Arrangementet er for alle, der bruger internettet i en eller anden
-form.
+Af og til inviterer vi en oplægsholder, eller vi opdaterer hinanden om ny viden. Vi
+laver også en årlig event om Tor Project og andre anonyme browsere (baseret på
+State of the Onion).
 
-- Du er skoleelev, og skal søge oplysninger om følsomme emner såsom
-  Al-Quaeda, ISIS og selvmordsbomber
-- Måske lever du i et problematisk parforhold og vil kunne søge hjælp
-  og oplysning, uden at din partner bliver gjort opmærksom på det
-- En undersøgende journalist, der har brug for værktøjer til,
-  at beskytte en vigtig kilde
-- Eller du er måske den kommende Edward Snowden
+Cryptohagen interagerer som et community med [Bornhack][bornhack], [data.coop][data.coop], [Labitat][labitat] og [IT-Politisk Forening][itpolitiskforening].
 
-Der vil være tidspunkter hvor alle har behov for, at kunne bevæge sig
-rundt på nettet eller kommunikere med andre, uden at nogen 'lytter
-med'. Også dig, der til hverdag ikke mener, du har noget at skjule.
+Læs vores [adfærdskodeks][adfærdskodeks].
 
-Vi sidder en flok nørder og er klar til at hjælpe dig i gang med, at
-bruge nogle af de populære og anerkendte sikkerhedsværktøjer; både på
-din smartphone og på din computer.
+# Hvem er du?
+Der vil være tidspunkter, hvor du har brug for at kunne bevæge dig rundt på nettet
+eller kommunikere med andre, uden at nogen ”lytter med”. Det gælder også dig, som
+ikke mener, du har noget at skjule.
+
+Måske hører du til på et af disse niveauer:
+- Du er studerende og skal søge oplysninger eller lave research om følsomme emner.
+- Du er i et problematisk parforhold og vil kunne søge hjælp og oplysninger, uden at din partner bliver opmærksom på det.
+- Du er en kommende whistleblower.
+- Du er blevet hacket.
+
+Vi kan hjælpe dig på alle niveauer. Vi er ikke modstandere af digitaliseringen, men
+værdsætter retten til privatliv – også på nettet.
+
+## Kom i kontakt
+Vi er på [Mastodonkonto][mastodon] / [Kom på mastodon][joinmastodon]
+
+Den bedste måde, du kan kontakte os, er at komme og hilse på os den sidste
+søndag i måneden.
+
+[cryptoaarhus]:https://cryptoaarhus.dk
+[adfærdskodeks]:https://cryptohagen.dk/code.html
+[#where]:https://cryptohagen.dk/#where
+[twitter]:https://twitter.com/cryptohagen
+[mastodon]:https://social.data.coop/@cryptohagen
+[joinmastodon]:https://joinmastodon.org
+[bornhack]:https://bornhack.dk
+[data.coop]:https://data.coop
+[labitat]: https://labitat.dk
+[itpolitiskforening]: https://itpol.dk
 
-Så kom ned og sig hej, drik en kop lækker kaffe, og få en sludder.
 
-Det eneste, du skal have med er godt humør. Hvis du gerne vil have
-teknisk hjælp, så er du velkommen med din bærbare eller mobil!
 
-[cryptoaarhus]:https://cryptoaarhus.dk

_sections/who_en.md

@@ -1,31 +1,59 @@
-# What is it
+# About us
+Cryptohagen is a cozy and informal community with a focus on digital privacy. Cryptohagen
+is for anyone who uses the Internet in one form or another. We are a ”friendly community”
+where you can share thoughts and ideas about privacy, online safety, encryption, and
+similar topics. Everyone is welcome.
 
----
-Cryptohagen is a series of informal get-togethers every last Sunday
-of the month in Copenhagen.
+We can help you with many kinds of questions about digital privacy. We can also help you
+get started using some of the popular and recognized security tools on your smartphone
+and on your computer. We can talk about that when we meet. Your specific needs are our
+starting point.
 
-There is a similar event in [Aarhus][cryptoaarhus]
+We get together every last Sunday of the month in Copenhagen at Café Mellemrummet. 
+The café is a volunteer-run non-profit café. We expect you to be open and empathetic to the volunteers in the café as well. There is a similar event in
+[Aarhus][cryptoaarhus]. 
 
-## Who is it for
+So come and say hi, have a chat and a good cup of coffee. Ask for Thomas, Rolf,
+Ove, or Helle. We’ll have a talk about your specific needs and come up with some ideas to
+help you get started. All you need to bring is a friendly smile and a wish to get to know some
+nice people in a relaxed environment.
 
-The meetup is for everyone who uses the Internet in one form or
-another.
+Now and then we invite a speaker, or we update each other on new knowledge. We also
+organize an annual event on Tor Project and other anonymous browsers (based on State of
+the Onion).
 
-- You might be a student needing to research topics like Al-Quaeda,
-  ISIS and suicide bombing techniques
-- Perhaps you live in a problematic relationship and need a way to
-  get help without your partner being alerted
-- Are you an investigative journalist and need some tools to help
-  protect an important source?
-- Or maybe you're really the next Edward Snowden
+Cryptohagen interacts as a community with [Bornhack][bornhack], [data.coop][data.coop], [Labitat][labitat] and [IT-Politisk Forening][itpolitiskforening].
 
-We are a bunch of nerds who gather to help you get started using some
-of the popular and widely accepted security tools. Both on your
-computer and on your smartphone.
+Read our [Code of Conduct][bornhackconduct].
 
-So come on down and say hi, have a chat and a nice cup of coffee.
+# Who are you?
+Sometimes you need to surf the Internet or communicate with others without anybody
+”listening in”. This also applies to you who think you have nothing to hide.
 
-All you need to bring is your good mood. If you would like technical
-help, you are more than welcome to bring your laptop or mobile device!
+Maybe you belong at one of these levels:
 
-[cryptoaarhus]:https://cryptoaarhus.dk/index_en.html
+- You are a student and need to research sensitive topics.
+- You are in a problematic relationship and need a way to get help without alerting
+your partner.
+- You may be a future whistleblower.
+- You have been hacked.
+
+We can help you at all the above-mentioned levels. We are not against digitization, but we
+do appreciate the rights of privacy – also on the Internet.
+
+# Get in touch
+We have a [Mastodon account][mastodon] / [Get on mastodon][joinmastodon]
+The best way to get in touch: Come and meet us every last Sunday of the month in
+Copenhagen!
+
+[cryptoaarhus]:https://cryptoaarhus.dk
+[bornhackconduct]:https://bornhack.dk/conduct
+[adfærdskodeks]:https://cryptohagen.dk/code.html
+[#where]:https://cryptohagen.dk/#where
+[twitter]:https://twitter.com/cryptohagen
+[mastodon]:https://social.data.coop/@cryptohagen
+[joinmastodon]: https://joinmastodon.org/
+[bornhack]:https://bornhack.dk
+[data.coop]:https://data.coop
+[labitat]: https://labitat.dk
+[itpolitiskforening]: https://itpol.dk

assets/css/cryptohagen.scss

@@ -26,7 +26,7 @@ $brand-danger:              #B4763C;
 }
 
 body {
-  padding-top: 50px; /* Because of static topbar */
+  padding-top: 50px;
 }
 
 section {
@@ -42,9 +42,9 @@ section {
 
 .card-columns
 {
-  -webkit-column-count: 3;
-  -moz-column-count: 3;
-  column-count: 3;
+  -webkit-column-count: 1;
+  -moz-column-count: 1;
+  column-count: 1;
 }
 
 footer
@@ -56,3 +56,4 @@ footer
     color: #FFF;
   }
 }
+