Merged master

Af hensyn til Twitters længdebegrænsning (og redundans) har jeg forkortet beskrivelsen

Gemfile

@@ -13,14 +13,14 @@ gem "jekyll", "~> 3.6.2"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
 # gem "github-pages", group: :jekyll_plugins
-gem "github-pages", group: :jekyll_plugins
+#gem "github-pages", group: :jekyll_plugins
 
 # If you have any plugins, put them here!
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.6"
   gem "jekyll-livereload"
+  gem "jekyll-polyglot"
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
-

Gemfile.lock

@@ -1,89 +1,16 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (4.2.9)
-      i18n (~> 0.7)
-      minitest (~> 5.1)
-      thread_safe (~> 0.3, >= 0.3.4)
-      tzinfo (~> 1.1)
     addressable (2.5.2)
       public_suffix (>= 2.0.2, < 4.0)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.11.1)
     colorator (1.1.0)
-    commonmarker (0.17.7.1)
-      ruby-enum (~> 0.5)
-    concurrent-ruby (1.0.5)
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
-    ethon (0.11.0)
-      ffi (>= 1.3.0)
     eventmachine (1.2.5)
-    execjs (2.7.0)
-    faraday (0.14.0)
-      multipart-post (>= 1.2, < 3)
     ffi (1.9.18)
     forwardable-extended (2.6.0)
-    gemoji (3.0.0)
-    github-pages (172)
-      activesupport (= 4.2.9)
-      github-pages-health-check (= 1.3.5)
-      jekyll (= 3.6.2)
-      jekyll-avatar (= 0.5.0)
-      jekyll-coffeescript (= 1.0.2)
-      jekyll-commonmark-ghpages (= 0.1.3)
-      jekyll-default-layout (= 0.1.4)
-      jekyll-feed (= 0.9.2)
-      jekyll-gist (= 1.4.1)
-      jekyll-github-metadata (= 2.9.3)
-      jekyll-mentions (= 1.2.0)
-      jekyll-optional-front-matter (= 0.3.0)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.2.0)
-      jekyll-redirect-from (= 0.12.1)
-      jekyll-relative-links (= 0.5.2)
-      jekyll-remote-theme (= 0.2.3)
-      jekyll-sass-converter (= 1.5.0)
-      jekyll-seo-tag (= 2.3.0)
-      jekyll-sitemap (= 1.1.1)
-      jekyll-swiss (= 0.4.0)
-      jekyll-theme-architect (= 0.1.0)
-      jekyll-theme-cayman (= 0.1.0)
-      jekyll-theme-dinky (= 0.1.0)
-      jekyll-theme-hacker (= 0.1.0)
-      jekyll-theme-leap-day (= 0.1.0)
-      jekyll-theme-merlot (= 0.1.0)
-      jekyll-theme-midnight (= 0.1.0)
-      jekyll-theme-minimal (= 0.1.0)
-      jekyll-theme-modernist (= 0.1.0)
-      jekyll-theme-primer (= 0.5.2)
-      jekyll-theme-slate (= 0.1.0)
-      jekyll-theme-tactile (= 0.1.0)
-      jekyll-theme-time-machine (= 0.1.0)
-      jekyll-titles-from-headings (= 0.5.0)
-      jemoji (= 0.8.1)
-      kramdown (= 1.14.0)
-      liquid (= 4.0.0)
-      listen (= 3.0.6)
-      mercenary (~> 0.3)
-      minima (= 2.1.1)
-      rouge (= 2.2.1)
-      terminal-table (~> 1.4)
-    github-pages-health-check (1.3.5)
-      addressable (~> 2.3)
-      net-dns (~> 0.8)
-      octokit (~> 4.0)
-      public_suffix (~> 2.0)
-      typhoeus (~> 0.7)
-    html-pipeline (2.7.1)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
     http_parser.rb (0.6.0)
-    i18n (0.9.1)
-      concurrent-ruby (~> 1.0)
     jekyll (3.6.2)
       addressable (~> 2.4)
       colorator (~> 1.0)
@@ -95,119 +22,23 @@ GEM
       pathutil (~> 0.9)
       rouge (>= 1.7, < 3)
       safe_yaml (~> 1.0)
-    jekyll-avatar (0.5.0)
-      jekyll (~> 3.0)
-    jekyll-coffeescript (1.0.2)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.11.1)
-    jekyll-commonmark (1.1.0)
-      commonmarker (~> 0.14)
-      jekyll (>= 3.0, < 4.0)
-    jekyll-commonmark-ghpages (0.1.3)
-      commonmarker (~> 0.17.6)
-      jekyll-commonmark (~> 1)
-      rouge (~> 2)
-    jekyll-default-layout (0.1.4)
-      jekyll (~> 3.0)
     jekyll-feed (0.9.2)
       jekyll (~> 3.3)
-    jekyll-gist (1.4.1)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.9.3)
-      jekyll (~> 3.1)
-      octokit (~> 4.0, != 4.4.0)
     jekyll-livereload (0.2.2)
       em-websocket (~> 0.5)
       jekyll (~> 3.0)
-    jekyll-mentions (1.2.0)
+    jekyll-polyglot (1.3.1)
-      activesupport (~> 4.0)
+      jekyll (>= 3.0)
-      html-pipeline (~> 2.3)
-      jekyll (~> 3.0)
-    jekyll-optional-front-matter (0.3.0)
-      jekyll (~> 3.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.2.0)
-      jekyll (~> 3.0)
-    jekyll-redirect-from (0.12.1)
-      jekyll (~> 3.3)
-    jekyll-relative-links (0.5.2)
-      jekyll (~> 3.3)
-    jekyll-remote-theme (0.2.3)
-      jekyll (~> 3.5)
-      rubyzip (>= 1.2.1, < 3.0)
-      typhoeus (>= 0.7, < 2.0)
     jekyll-sass-converter (1.5.0)
       sass (~> 3.4)
-    jekyll-seo-tag (2.3.0)
-      jekyll (~> 3.3)
-    jekyll-sitemap (1.1.1)
-      jekyll (~> 3.3)
-    jekyll-swiss (0.4.0)
-    jekyll-theme-architect (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.5.2)
-      jekyll (~> 3.5)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.2)
-    jekyll-theme-slate (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.1.0)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.0)
-      jekyll (~> 3.3)
     jekyll-watch (1.5.1)
       listen (~> 3.0)
-    jemoji (0.8.1)
-      activesupport (~> 4.0, >= 4.2.9)
-      gemoji (~> 3.0)
-      html-pipeline (~> 2.2)
-      jekyll (>= 3.0)
     kramdown (1.14.0)
     liquid (4.0.0)
     listen (3.0.6)
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9.7)
     mercenary (0.3.6)
-    mini_portile2 (2.3.0)
-    minima (2.1.1)
-      jekyll (~> 3.3)
-    minitest (5.11.1)
-    multipart-post (2.0.0)
-    net-dns (0.8.0)
-    nokogiri (1.8.1)
-      mini_portile2 (~> 2.3.0)
-    octokit (4.8.0)
-      sawyer (~> 0.8.0, >= 0.5.3)
     pathutil (0.16.1)
       forwardable-extended (~> 2.6)
     public_suffix (2.0.5)
@@ -215,35 +46,21 @@ GEM
     rb-inotify (0.9.10)
       ffi (>= 0.5.0, < 2)
     rouge (2.2.1)
-    ruby-enum (0.7.1)
-      i18n
-    rubyzip (1.2.1)
     safe_yaml (1.0.4)
     sass (3.5.5)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.8.1)
-      addressable (>= 2.3.5, < 2.6)
-      faraday (~> 0.8, < 1.0)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    thread_safe (0.3.6)
-    typhoeus (0.8.0)
-      ethon (>= 0.8.0)
-    tzinfo (1.2.4)
-      thread_safe (~> 0.1)
-    unicode-display_width (1.3.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  github-pages
   jekyll (~> 3.6.2)
   jekyll-feed (~> 0.6)
   jekyll-livereload
+  jekyll-polyglot
   tzinfo-data
 
 BUNDLED WITH

_config.yml

@@ -13,16 +13,23 @@
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title:              Til kamp mod Ulovlig Logning<
+title:              Til kamp mod Ulovlig Logning!
 email:              your-email@example.com
 description: >- # this means to ignore newlines until "baseurl:"
-  Den danske totalovervågning er kendt ulovlig, men teleselskaber og politikere er ligeglade. 
+  Totalovervågningen er kendt ulovlig, men teleselskaber og politikere er ligeglade. 
   Nu gør vi noget ved det! #ulovligLogning
 baseurl:            "" # the subpath of your site, e.g. /blog
-url:                "" # the base hostname & protocol for your site, e.g. http://example.com
+url:                "https://ulovliglogning.dk" # the base hostname & protocol for your site, e.g. http://example.com
+
+# multilanguage support
+languages:          ["da", "en"]
+default_lang:       "da"
+exclude_from_localization: ["assets"]
+parallel_localization: false
 
 # Build settings
 markdown:           kramdown
+exclude:            ["README.md", 'Gemfile.lock', 'Gemfile']
 plugins:
   - jekyll-feed
 
@@ -32,5 +39,4 @@ sass:
   sass_dir:         _scss
 
 plugins:
-  - jekyll-seo-tag
+  - jekyll-polyglot
-  - jemoji

_data/da/common.yml

@@ -0,0 +1,9 @@
+global:
+  title: Til kamp mod Ulovlig Logning!
+  description: >-
+    Totalovervågningen er kendt ulovlig, men teleselskaber og politikere er ligeglade. 
+    Nu gør vi noget ved det! #ulovligLogning
+  langs:
+    da: Dansk
+    en: Engelsk
+  

_data/en/common.yml

@@ -0,0 +1,8 @@
+global:
+  title: Fighting the illegal surveillance!
+  description: >-
+    The Danish states mass surveillance has been ruled illegal, but the telcos and the politicians don't care.
+    Now we are going to do something about it! #ulovligLogning
+  langs:
+    da: Danish
+    en: English

_includes/head.html

@@ -0,0 +1,17 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{ global.title }}</title>
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/style/main.css?{{ site.time | date: '%s' }}">
+  <link rel="alternate" type="application/rss+xml" title="RSS Feed for {{ site.name }}" href="{{ site.baseurl }}/feed.xml" />
+  <meta property="og:type" content="website">
+  <meta property="og:image" content="{{ site.url }}/assets/img/og01.png" />
+  <meta property="og:url" content="{{ site.url }}" />
+  <meta property="og:description" content="{{ global.description }}" />
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:creator" content="@ulovliglogning">
+  <meta name="twitter:title" content="{{ global.title }}">
+  <meta name="twitter:description" content="{{ global.description }}">
+  <meta name="twitter:image" content="{{ site.url }}/assets/img/2018-01-25-twcard250orange.png">
+  {% I18n_Headers %}
+</head>

_includes/security-camera-svgrepo-com.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
 <svg class="camera" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
 <path style="fill:#8697CB;" d="M33.256,51.244L33.256,51.244L33.5,51l-11-16l-5,2l11.708,17.561
@@ -17,34 +16,4 @@
 <path style="fill:#D1D4D1;" d="M29.5,33h-20v-2.074C9.5,29.31,10.81,28,12.426,28h14.149c1.616,0,2.926,1.31,2.926,2.926V33z"/>
 <path class="glare" style="fill:#D0E8F9;" d="M15.5,15c-0.552,0-1-0.448-1-1c0-2.757,2.243-5,5-5c0.552,0,1,0.448,1,1s-0.448,1-1,1
 	c-1.654,0-3,1.346-3,3C16.5,14.552,16.052,15,15.5,15z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
 </svg>

_layouts/default.html

@@ -1,20 +1,20 @@
+{% assign global = site.data.common.global %}
+
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ site.active_lang }}">
-<head>
+  {% include head.html %}
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/style/main.css?{{ site.time | date: '%s' }}">
-  <link rel="alternate" type="application/rss+xml" title="RSS Feed for {{ site.name }}" href="{{ site.baseurl }}/feed.xml" />
-  {% seo %}
-</head>
 <body>
+  <div class="langSwitcher">
+      {% for tongue in site.languages %}
+        <a class="flag-icon flag-icon-{{ tongue }} {% if tongue == site.active_lang %}activeLang{% endif %}" href="{% if tongue == site.default_lang %} {{site.baseurl}}{{page.url}} {% else %} {{site.baseurl}}/{{ tongue }}{{page.url}} {% endif %}">{{ tongue }}</a>
+      {% endfor %}
+  </div>
   {% include security-camera-svgrepo-com.svg %}
   <div class="container">
     {{ content }}
   </div>
   <footer>
-    Last generated at {{ site.time | date_to_rfc822 }}
+    <!-- Last generated at {{ site.time | date_to_rfc822 }} -->
   </footer>
 </body>
 </html>

_scss/base/_base.scss

@@ -14,3 +14,28 @@ footer {
     margin: 1rem;
     color: #AAA;
 }
+
+.langSwitcher {
+    display: inline-block;
+    position: absolute;
+    top: 32px;
+    left: 32px;
+    z-index: 100;
+    font-size: 0;
+    background: #444;
+    border: 5px solid #444;
+    border-radius: 5px;
+}
+.langSwitcher a {
+    font-size: 2rem;
+    color: transparent;
+    box-shadow: none;
+    border-radius: 3px;
+    margin-right: 5px;
+}
+.langSwitcher a.activeLang {
+    box-shadow: inset 0 50px 0 rgba(0, 0, 0, 0.35);
+}
+.langSwitcher a:last-child{
+    margin-right: 0;
+}

_scss/base/_typography.scss

@@ -35,7 +35,7 @@ h1 {
 }
 
 h3 {
-    margin: 0 0 20px;
+    margin: 0 1rem 1rem;
     color: #ff5800;
     text-shadow: 0 2px 0 #000;
     font-size: 1.5rem;
@@ -43,9 +43,8 @@ h3 {
 }
 
 p {
-	margin: 0 0 1rem 0;
+	margin: 1rem 1rem 2rem;
     line-height: 1.3rem;
-    text-align: justify;
     break-inside: avoid;
 }
 

_scss/module/_flags.scss

@@ -0,0 +1,33 @@
+$flag-icon-css-path: '../img' !default;
+$flag-icon-rect-path: '/flags' !default;
+
+.flag-icon-background {
+  background-size: contain;
+  background-position: 50%;
+  background-repeat: no-repeat;
+}
+
+.flag-icon {
+  @extend .flag-icon-background;
+  position: relative;
+  display: inline-block;
+  width: (4 / 3) * 30px;
+  line-height: 30px;
+  &:before {
+    content: '\00a0';
+  }
+  &.flag-icon-squared {
+    width: 1em;
+  }
+}
+
+@mixin flag-icon($country) {
+  .flag-icon-#{$country} {
+    background-image: url(#{$flag-icon-css-path}#{$flag-icon-rect-path}/#{$country}.svg);
+  }
+}
+
+@include flag-icon(da);
+@include flag-icon(en);
+@include flag-icon(de);
+@include flag-icon(fr);

_scss/module/_indexpage.scss

@@ -67,15 +67,18 @@ section {
 			list-style-type: none;
 			li {
 				display: block;
-				margin: 0 300px 0 0;
+				margin: 4rem 300px 0 0;
 				&:nth-child(even) {
-					margin: 0 0 0 300px;
+					margin: 4rem 0 0 300px;
 				}
 				@media screen and (max-width: $screen-phone) {
-					& {
+					&, &:nth-child(even) {
-						margin: 0 !important;
+						margin: 4rem 0 0;
 					}
 				}
+				&:first-child {
+					margin-top: 0;
+				}
 			}
 		}
 	}

about.md

@@ -1,18 +0,0 @@
----
-layout: default
-title: About
-permalink: /about/
----
-
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll

assets/img/cta.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="600" width="500"><a><g><circle r="250" cy="300" cx="250" fill="#ff4c00" fill-rule="evenodd"/><text y="275.465" x="251.718" style="text-align:center;text-shadow: 5px 5px 0 #d94100;" font-weight="400" font-size="96" font-family="Eczar" text-anchor="middle" fill="#fff"><tspan style="text-align:center" y="275.465" x="251.718">Giv et</tspan><tspan style="text-align:center" y="371.871" x="251.718">bidrag!</tspan></text><animateTransform attributeName="transform" type="translate" values="0 0; 0 -50; 0 0;0 -10; 0 0" begin="0s" dur="0.5s" repeatCount="4"/></g><path d="M230.715 436.685c-2.77 0-5 2.23-5 5v92.858c0 .713.151 1.387.418 2h-34.586a4.988 4.988 0 0 0 0 7.07l54.918 54.918a4.988 4.988 0 0 0 7.07 0l54.918-54.918a4.988 4.988 0 0 0 0-7.07h-34.586a4.991 4.991 0 0 0 .418-2v-92.858c0-2.77-2.23-5-5-5z" fill="#ff4c00" fill-rule="evenodd"/></a></svg>

assets/img/flags/da.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" id="flag-icon-css-dk">
+  <path fill="#c60c30" d="M0 0h640.1v480H0z"/>
+  <path fill="#fff" d="M205.714 0h68.57v480h-68.57z"/>
+  <path fill="#fff" d="M0 205.714h640.1v68.57H0z"/>
+</svg>

assets/img/flags/de.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" id="flag-icon-css-de">
+  <path fill="#ffce00" d="M0 320h640v160.002H0z"/>
+  <path d="M0 0h640v160H0z"/>
+  <path fill="#d00" d="M0 160h640v160H0z"/>
+</svg>

assets/img/flags/en.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" id="flag-icon-css-gb">
+  <defs>
+    <clipPath id="a">
+      <path fill-opacity=".67" d="M-85.333 0h682.67v512h-682.67z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)" transform="translate(80) scale(.94)">
+    <g stroke-width="1pt">
+      <path fill="#006" d="M-256 0H768.02v512.01H-256z"/>
+      <path d="M-256 0v57.244l909.535 454.768H768.02V454.77L-141.515 0H-256zM768.02 0v57.243L-141.515 512.01H-256v-57.243L653.535 0H768.02z" fill="#fff"/>
+      <path d="M170.675 0v512.01h170.67V0h-170.67zM-256 170.67v170.67H768.02V170.67H-256z" fill="#fff"/>
+      <path d="M-256 204.804v102.402H768.02V204.804H-256zM204.81 0v512.01h102.4V0h-102.4zM-256 512.01L85.34 341.34h76.324l-341.34 170.67H-256zM-256 0L85.34 170.67H9.016L-256 38.164V0zm606.356 170.67L691.696 0h76.324L426.68 170.67h-76.324zM768.02 512.01L426.68 341.34h76.324L768.02 473.848v38.162z" fill="#c00"/>
+    </g>
+  </g>
+</svg>

assets/img/flags/fr.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" id="flag-icon-css-fr">
+  <g fill-rule="evenodd" stroke-width="1pt">
+    <path fill="#fff" d="M0 0h640v480H0z"/>
+    <path fill="#00267f" d="M0 0h213.337v480H0z"/>
+    <path fill="#f31830" d="M426.662 0H640v480H426.662z"/>
+  </g>
+</svg>

assets/style/main.scss

@@ -9,4 +9,5 @@
 // Import module styles
 @import "module/fonts.scss";
 @import "module/camera.scss";
+@import "module/flags.scss";
 @import "module/indexpage.scss";

index-da.md

@@ -1,10 +1,12 @@
 ---
 layout: indexpage
+lang: da
+permalink: /
 sections:
   - id: intro
     heading: Lad os stoppe overvågningen!
     content: |
-      For mere end et år siden blev den danske totalovervågning af dine internetvaner og bevægemønstre kendt ulovlig ved EU-domstolen. Det bryder de danske politikere sig ikke om, så de har bedt telebranchen fortsætte ulovlighederne. Branchen er splittet. De fire store, TDC, 3, Telenor og Telia logger stadig. Også mere end de må.
+      For mere end et år siden blev den danske totalovervågning af dine internetvaner og bevægemønstre kendt ulovlig ved EU-domstolen. Det bryder de danske politikere sig ikke om, så de har bedt telebranchen fortsætte ulovlighederne. Branchen er splittet. De fire store, [TDC](https://www.version2.dk/artikel/tdc-totalovervaager-tre-millioner-mobilbrugeres-faerden-1020856), [3](https://www.version2.dk/artikel/teleselskabet-3-logger-million-kunders-faerden-konstant-1072068), [Telenor](https://www.version2.dk/artikel/telenor-stopper-logning-svenske-kunders-trafik-fortsaetter-hidtil-danmark-1071306) og [Telia](https://www.version2.dk/artikel/forskel-paa-databeskyttelsen-hos-danske-teleoperatoerer-58142) logger stadig. Også [mere end de må](https://www.version2.dk/artikel/3-skal-bede-kunderne-lov-masseovervaagning-standard-hos-tdc-1077873).
 
       Vi er en broget flok af privatlivsentusiaster og menneskerettighedsforekæmpere der nu går til domstolene med simpelt budskab: Overhold loven og respektér vores fundamentale rettigheder!
 
@@ -22,15 +24,15 @@ sections:
     content: |
       Sagen startede med en registerindsigt hos teleselskabet TDC. Det var Rasmus Malver der bad om den, og efter lang tids venten og mange rykkere sendte TDC en ukrypteret indsigt. Indsigten viste sig at indeholde ulovligt optagne data, men brancheforeningen Teleindustrien insisterede på at TDC ikke ønskede at logge. Hvis de var tilfældet kunne man lægge sag an imod TDC, og de ville bare erkende at indsamlingen var ulovlig. Rasmus skrev en stævning, som du kan downloade her.
 
-      Men det viste sig at brancheorganisationen ikke havde talt med TDC, for det tidligere statsmonopol ville kæmpe for retten til ulovlig logning. Teleindustrien skiftede holdning, og tilvejebragte et personligt brev fra justitsminister Søren Pape Poulsen, hvori han truer organisationens medlemmer til at fortsætte logning.
+      Men det viste sig at brancheorganisationen ikke havde talt med TDC, for det tidligere statsmonopol ville kæmpe for retten til ulovlig logning. Teleindustrien skiftede holdning, og tilvejebragte et [personligt brev](assets/files/PapesBrev.pdf) fra justitsminister Søren Pape Poulsen, hvori han truer organisationens medlemmer til at fortsætte logning.
 
       Sagen kan stadig anlægges imod TDC, men med brevet fra ministeren er det lettere for dem at påstå uvidenhed. I samråd med en advokat blev sagen ændret, og målet er nu at få den danske stat dømt for ikke at overholde menneskeretten. Det er en større og dyrere sag, men den har til gengæld potentiale for at ændre politikeres adgang til at ignorere vores fundamentale rettigheder.
   - id: wannahelp
     heading: Jeg vil hjælpe!
     content: |
-      Hvis du har lyst til at hjælpe, kan du kontakte [Rasmus Malver](https://twitter.com/rasmusmalver) på [Twitter](https://twitter.com/rasmusmalver) eller på sms.
+      Hvis du har lyst til at hjælpe, kan du kontakte [Rasmus Malver](https://twitter.com/rasmusmalver) på [Twitter](https://twitter.com/rasmusmalver) eller på [sms/signal](sms:+4526809424).
 
-      I løbet af uge 3 (15. - 21. januar) forventer vi at få et kontonummer, så økonomiske bidrag kan indbetales så anonymt som muligt. Selvom vi har indsamlet 100.000 kr, og dermed har nået det første del-mål, har vi stadig brug for støtte.
+      Økonomiske bidrag kan indbetales så anonymt som muligt på konto <span class="donate">5042 1165817 (IBAN DK6850420001165817 / SWIFT JYBADKKK)</span>. Vær sød at skrive <span class="donate">RASMA.0001</span> i beskedfeltet. Selvom vi har indsamlet 100.000 kr, og dermed har nået det første del-mål, har vi stadig brug for støtte.
 
       Den danske stats advokat, Kammeradvokat Poul Schmith, har ubegrænsede midler, og den ulige balance forhindrer mange i at tage principielle spørgsmål til domstolene. Vores næste delmål er 250.000 kr. Det skulle gerne få sagen prøvet i første instans.
 
@@ -43,7 +45,7 @@ sections:
 
         Sagen vil forhåbentlig ændre danske politikeres åbenlyse og intentionelle overtrædelser af menneskeretten.
       * ### Hvorfor ikke TDC?
-        TDC’s påstand er juridisk vildfarelse. Det betyder at de ikke kan stilles til ansvar for at gøre noget ulovligt, fordi de ikke kunne forventes at forstå at det var ulovligt. Med Papes brev til Teleindustrien står de bedre. Men der er stadig en forventning om at man skal kunne indse at en ordre er ulovlig. Også når den kommer fra en minister.
+        TDC’s *påstand* er *juridisk vildfarelse*. Det betyder at de ikke kan stilles til ansvar for at gøre noget ulovligt, fordi de ikke kunne forventes at forstå at det var ulovligt. Med [Papes brev til Teleindustrien](assets/files/PapesBrev.pdf) står de bedre. Men der er stadig en forventning om at man skal kunne indse at en ordre er ulovlig. Også når den kommer fra en minister.
 
         Det er både hårdere og dyrere at gå efter Justitsministeriet i stedet, men til gengæld kan det ændre retstilstanden i Danmark. Og måske politikernes aktive overtrædelse af vores rettigheder.
       * ### Hvorfor skal jeg bekymre mig om logning? Jeg har intet at skjule, så hvis det hjælper mod kriminalitet går jeg ind for logning!
@@ -56,7 +58,7 @@ sections:
 
       * ### Hvem står bag søgsmålet?
 
-        Menneskeretsjurist [Rasmus Malver](https://twitter.com/rasmusmalver) startede indsamlingen, og den næste store donor var [Bitbureauet](https://bitbureauet.dk/). Derfra tog det fart, og mere end 20 andre personer, virksomheder og foreninger har doneret til sagen. De indsamlede penge “tilhører” en forening hvis eneste formål er at føre retssagen og at sprede budskabet. Du kan læse vedtægterne her.
+        Menneskeretsjurist [Rasmus Malver](https://twitter.com/rasmusmalver) startede indsamlingen, og den næste store donor var [Bitbureauet](https://bitbureauet.dk/). Derfra tog det fart, og mere end 20 andre personer, virksomheder og foreninger har doneret til sagen. De indsamlede penge “tilhører” en forening hvis eneste formål er at føre retssagen og at sprede budskabet. Du kan læse [vedtægterne](assets/files/vedtaegter.pdf) her.
 
         Foreningen har valgt IT- og EU-retsspecialistkontoret [Bird & Bird](https://www.twobirds.com), hvor advokat Martin von Haller er primær tovholder. 
 

index-en.md

@@ -0,0 +1,93 @@
+---
+layout: indexpage
+lang: en
+permalink: /
+sections:
+  - id: intro
+    heading: Lets stop the mass surveillance!
+    content: |
+      The mass surveillance conducted by European governments has on two occasions been struck down by the European Court of Justice. Most recently this happened in 2016, when the court reviewed the joint case of Tele2 from Sweden and Tom Watson et al from England and Wales. However Danish politicians and telco industry refuse to honour fundamental rights, and continue to retain data illegally.
+
+      We are a motley crew of human rights advocates and privacy campaigners that have come together to use the courts to send a simple message: Honour the law and respect our fundamental rights.
+
+      In cooperation with our attorneys we are currently working on the suppœna to file suit against the minister of justice, Søren Pape Poulsen. The document will be published 15 March for public consultation, and filed on 2 April 2018.   
+  - id: butwhy
+    heading: But why?
+    content: |
+      You might not think that your secrets are worth keeping, but with enough data, everyone's a suspect. Maybe you've sent a merry christmas-text to the suspect of an ongoing investigation? Maybe you've googled “manure” the week before a homemade bomb is found?
+
+      Maybe you're the only person with a mobile phone that's been near the scene of a crime, and maybe you'd just bought binliners. Mass surveillance flips the burden of proof. Your movements are recorded and can be used against you, but not in your defence. You might have left your phone at home on purpose.
+
+  - id: tellmemore
+    heading: Tell me more!
+    content: |
+      The movement began when Rasmus Malver asked his phone company, TDC, for a copy of their retained data. When the company finally delivered the data, it was evident that they had retained data illegally. The Telecom Industry Association of Denmark had publically claimed that they were opposed to violating human rights. Malver decided to call their bluff, and when presented with a draft suppœna TDC disowned the association's statement.
+        
+      Attempting to justify their illegal actions, the Telecom Association published a letter from the minister of justice, Søren Pape Poulsen, telling them to disregard the law. 
+      
+      The case could still be brought against the phone companies, but with this letter they have a better case for arguing ignorance (although that is [technically a moot point](https://en.wikipedia.org/wiki/Ignorantia_juris_non_excusat)). However the actions of the minister are so grave that, in consultation with our attorneys, we have decided to file suit against the state instead. A democratic society cannot tolerate officials threatening citizens and companies with prosecution if they honour the law.
+  - id: wannahelp
+    heading: I want to help!
+    content: |
+      You can contact spokesperson [Rasmus Malver](https://twitter.com/rasmusmalver) on [Twitter](https://twitter.com/rasmusmalver) or via [sms/signal](sms:+4526809424).
+
+      You can also transfer money to <span class="donate">IBAN: DK6850420001165817, SWIFT: JYBADKKK</span> with the message <span class="donate">RASMA.0001</span> (important). We have already reached our first strech goal, 100.000 DKK, but we still need your help!
+      
+      The designated attorney for the Danish government, Kammeradvokaten, has access to unlimited means. When your main customer prints their own money, you are free to charge a substantial sum.
+
+      You can also help us gain momentum through publicity. Contact your network, journalists, friends and family - and explain why it is important to fight for our rights.
+  - id: faq
+    heading: Questions & answers
+    content: | 
+      * ### Why Søren Pape?
+        Because he is the relevant minister. Data retention was equally illegal when Søren Pind (V), Mette Frederiksen (S), Karen Hækkerup (S), Morten Bødskov (S) and Brian Arthur Mikkelsen (K) held the office. It is not a political issue. It is about hounouring the law and not violating the fundamental rights.
+
+        This case will, hopefully, change Danish politicians obvious and intentional violations of our human rights.
+
+      * ### Why not TDC?
+        TDC claim ignorance of the law. With the letter from the minister, they argue that they lack the ability to understand the illegality of a ministerial order.
+
+        It will be more difficult and more expensive to argue a case against the state of Denmark. But it will set the precedent for future governments wanting to oppress the fundamental rights of the people.
+
+      * ### Why should I care? If surveillance can hinder crime, I'm pro data retention!
+        Mass surveillance does not necessarily prevent or stop crime. It **can** lead to more arrests and fewer unsolved crimes, but mainly because innocent people will be punished. Having a database table of the location of unsolved crime and a database table of everybody's movements makes it possible to collate data and prove that everybody is guilty.
+
+        Have you bought a crowbar recently or have you walked past a house that has been burgled? Mass surveillance requires you to [doublethink](https://en.wikipedia.org/wiki/Doublethink) to stay out of jail.
+
+        Honouring human rights does not leave the police blind as bats. Crime could be solved before 2006, but the police have to think for themselves. Who might be a suspect and why? It will still be possible to conduct surveillance, but only with sufficient democratic oversight.
+
+      * ### Who's behind this?
+
+        Human rights jurist [Rasmus Malver](https://twitter.com/rasmusmalver) kickstarted the fundraising with a contribution of 30.000 DKK, and the second large donor is [Bitbureauet](https://bitbureauet.dk/). In January the movement  gained traction and more than 20 people, businesses and organisation brought the total to 100.000 DKK. An organisation was created to hold the money, and it will all be used to pay the legal fees.
+      
+        We have chosen IT- og EU-specialists [Bird & Bird](https://www.twobirds.com), and advokat Martin von Haller leads the team. 
+
+      * ### What is the relationship to human rights?
+
+        Human rights are your rights againt governmental abuse. Some countries have human rights enshrined in their constitutions, but in Denmark they mainly exist in the form of the European Convention on Human Rights ([pdf](http://www.echr.coe.int/Documents/Convention_ENG.pdf)). It was written after the second world war to avoid history repeating, and over time it has been updated to protect minorities and to avoid the emerging terrors from states on both sides of the iron curtain.
+
+        The people of the European Union has agreed upon an updated version of the convention in 2000, the EU Charter on Fundamental Rights ([pdf](http://www.europarl.europa.eu/charter/pdf/text_en.pdf)), where the protection of privacy is emphasised.
+
+        The Danish mass surveillance and retention of metadata is an obvious violation of both conventions, and it has been established that both are important parts of Danish law. The current surveillance is more intrusive than the surveillance conducted by both Gestapo and STASI.
+
+        You have the right not be the victim of this.
+
+      * ### Are you profiting from this? What will happen if there's too much money?
+
+        No. All of the funds will go to paying legal fees and the attorney, ([Bird & Bird](https://www.twobirds.com)). If there is “too much” money (unlikely), it will be forwarded to a similar case or organisation.
+
+      * ### What is being retained about me?
+
+        The location of your mobile phone at all times of every day. Who you communicate with and, to some degree, what you do online. You can ask your provider for a copy of the data. If they reply within a reasonable time, they are allowed to charge you up to 200 DKK for it.
+
+      * ### The minister says he need time to replace the legislation. Isn't that ok?
+        No. When mass surveillance was brought in on EU level, politicians were told it violates human rights, and thus it would be illegal. When implemented in Denmark they were told the same. When the ministerial notice was issued they were told again.
+
+        A ministerial notice (bekendtgørelse) cannot exist without a legal basis in a law, and a law implementing EU regulation cannot exist when the regulation has been struck down.
+      
+        The European Court of Justice was unusually clear when striking down the surveillance regulation in both the case of Digital Rights and Tele2/Watson. It did not come as a surprise to anybody, and obviously it withdrew any legal basis from the ministerial notice.
+
+        Justice minister Søren Pape Poulsen wants to continue surveillance, and is desperately looking for a way to sneak it through parliament. There is a large majority for doing it, but it would require Danish secession from the Council of Europe and potentially the European Union. Denmark would then stand with Belarus as one of only two European states not a party to the Convention on Human Rights.
+
+        Metadata retention is a criminal act, and the minister is only kept out of jail by constitutional provision stating that only other politicians can bring him to justice.
+---