FAQ om borgerforslag

_data/da/common.yml

@@ -6,6 +6,9 @@ global:
   emailplaceholder: indtast din email
   signup: JA! jeg vil gerne holdes opdateret.
   ctatext: Hvis du vil hjælpe eller give et bidrag, kan du [trykke her](#wannahelp). 
+  errata: |
+    Har vi skrevet noget der er forkert? eller mangler vi at uddybe noget?  
+    send os en mail på [info@ulovliglogning.dk](mailto:info@ulovliglogning.dk)
   langs:
     da: Dansk
     en: Engelsk

_data/en/common.yml

@@ -6,6 +6,9 @@ global:
   emailplaceholder: enter your email
   signup: Yes! I want to be kept in the loop.
   ctatext: If you want to help us or donate to our cause [click here](#wannahelp).
+  errata: |
+    Have we written something that's wrong? or maybe we need to elaborate on something?  
+    Write us an email at [info@ulovliglogning.dk](mailto:info@ulovliglogning.dk)
   langs:
     da: Danish
     en: English

_layouts/indexpage.html

@@ -47,7 +47,7 @@ layout: default
 		</div>
 		{% elsif section.id == "faq" %}
 			{% for question in section.content %}
-				<div class="qa">
+				<div id="{{ question.id }}" class="qa">
 					<div class="qa--question">
 						<h3>{{ question.heading }}</h3>
 					</div>
@@ -56,6 +56,7 @@ layout: default
 					</div>
 				</div>
 			{% endfor %}
+			{{ global.errata | markdownify }}
 		{% endif %}
 	</section>
 {% endfor %}

_pages/index-da.md

@@ -26,7 +26,7 @@ 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 det 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](assets/files/2017-05-15-staevning.pdf).
 
-      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.
+      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/PapesBrevTilTeleindustrien.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
@@ -50,7 +50,7 @@ sections:
         Sagen vil forhåbentlig ændre danske politikeres åbenlyse og intentionelle overtrædelser af menneskeretten.
     - heading: Hvorfor ikke TDC?
       content: |
-        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.
+        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/PapesBrevTilTeleindustrien.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.
     - heading: 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!
@@ -92,4 +92,14 @@ sections:
         Hvis man går over for rødt må man ikke standse midt i krydset, og blive stående indtil man har opfundet en jetpack så man i fremtiden kan flyve over for rødt. Hvis man laver et bankrøveri og alarmen går, kan man ikke tage gidsler mens man prøver at finde på en plan for sit næste bankrøveri.
 
         Logning er en kriminel handling og den eneste grund til at justitsministeren ikke sidder i fængsel, er at kun Folketinget kan stille ham foran en dommer.
+    - heading: Har I overvejet borgerforslag.dk?
+      id: borgerforslag
+      content: |
+        Ja. Men vi har fravalgt det, fordi det ikke er et politisk spørgsmål. Logningen er ulovlig, og det er der ingen tvivl om. Retssagen bliver en kavalkade af undvigelsesmanøvrer, forsinkelsestaktikker og bullshitting fra statens side. Kammeradvokaten er specialist i at ændre fokus, og det bliver en cirkusforestilling af en anden verden.
+        
+        Derfor er det nødvendigt at vi holder fokus. Et borgerforslag kan blive til et beslutningsforslag i Folketinget, og det vil fjerne fokus. Det vil også være i strid med [Grundlovens § 3](https://www.retsinformation.dk/Forms/R0710.aspx?id=45902#P3), for Folketinget må kun bestemme politiske ting. De må ikke sige at noget er ulovligt. De kan forholde sig til at noget er ulovligt, men det gør de allerede. Langsomt.
+
+        Folketinget kan også stille Søren Pape foran en dommer, iht. [Grundlovens § 13](https://www.retsinformation.dk/Forms/R0710.aspx?id=45902#P13). Men kun en dommer i Rigsretten, iht. [Grundlovens § 16](https://www.retsinformation.dk/Forms/R0710.aspx?id=45902#P16). Og det skal ske i [Udvalget for Forretningsordenen](https://www.retsinformation.dk/Forms/R0710.aspx?id=186146#idf4f8c639-b3b8-4850-a0e5-18273ab31d25), hvor alle partier er repræsenteret. Men ingen har foreslået det. En folketingsbeslutning vil hverken gøre til eller fra. Den vil bare blive makuleret, fordi det ikke er sådan man stiller ministre til ansvar.
+
+        Vi har kontakt til alle Folketingets partier, og vi gør hvad vi kan for at holde offentlighedens fokus. Underskriftindsamlinger og borgerforslag er en velment kæp i hjulet. Hvis du har lyst til at hjælpe os, kan du skrive til folketingets partier, medierne, dine venner og din familie. Hver dag bliver der opsamlet data på ulovlig vis, og det sætter uskyldige bag tremmer [eller værre](https://www.youtube.com/watch?v=UdQiz0Vavmc).
 ---

_scss/base/_variables.scss

@@ -7,6 +7,7 @@ $color-international-orange: #ff5800;
 
 $background-primary: $color-mine-shaft;
 $background-alternative: $color-international-orange;
+$background-alternative-dark: darken($background-alternative, 20);
 
 /* Size */
 $screen-xs: 600px !default;

_scss/module/_indexpage.scss

@@ -9,13 +9,12 @@
 nav {
     display: flex;
     background: #555;
+    background: $background-alternative-dark;
     position: fixed;
     z-index: 1000;
     top: 0;
     left: 0;
     width: 100%;
-    //overflow-x: auto;
-    //overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     white-space: nowrap;
     .js & {
@@ -40,7 +39,7 @@ nav {
             }
         }
     }
-    a, label {
+    a, label:before, label:after {
         display: inline-block;
         padding: 10px;
         box-shadow: none;
@@ -54,33 +53,51 @@ nav {
         input[type=checkbox]{
             display: none;
         }
+        label:before, label:after {
+            display: block;
+            position: absolute;
+            top: 0;
+            right: 0;
+            cursor: pointer;
+            transition: all .2s ease-in;
+        }
         label:before {
             content: "Menu";
+            transform: translateX(0%) translate3d(0, 0, 0);
         }
-        input[type=checkbox]:checked ~ label {
+        label:after {
-            background: #ec2727;
+            content: "X";
+            transform: translateX(100%) translate3d(0, 0, 0);
             background: $background-alternative;
             width: 30px;
             text-align: center;
             padding: 3px;
             font-size: 30px;
+        }
+        input[type=checkbox]:checked ~ label {
             &:before {
-                content: "X";
+                transform: translateX(100%);
+            }
+            &:after {
+                transform: translateX(0%);
             }
         }
         ul {
             display: none;
+            position: absolute;
+            top: 36px;
+            left: 0;
+            right: 0;
+            width: 100%;
+            background: #555;
+            text-align: center;
             li a {
                 display: block;
+                border-top: 1px solid #424242;
             }
         }
         input[type=checkbox]:checked ~ ul {
-            position: absolute;
-            left: 0;
-            width: 100%;
             display: block;
-            background: #555;
-            text-align: center;
         }
     }
     @include media-breakpoint-up(sm) {
@@ -98,7 +115,7 @@ nav {
         background: $background-alternative;
     }
     50% {
-        background: darken($background-alternative, 15);
+        background: $background-alternative-dark;
     }
     100% {
         background: $background-alternative;

_scss/module/_qa.scss

@@ -1,6 +1,6 @@
 .qa {
   width: 100%;
-  padding: 2rem 1.5rem;
+  padding: 4rem 1.5rem 0;
   padding-left: 2rem;
   padding-right: 2rem;
   box-sizing: border-box;

_scss/module/_sections.scss

@@ -1,6 +1,6 @@
 section {
   position: relative;
-  padding-top: 3rem;
+  padding-top: 5rem;
   padding-bottom: 3rem;
   box-sizing: border-box;
   min-height: 100vh;
@@ -27,9 +27,6 @@ section {
 			$background-primary 50%
 		);
 	}
-  &:first-child {
-    padding-top: 5rem;
-  }
 	&:last-of-type {
 		background-image: none;
 	}
@@ -48,6 +45,15 @@ section {
 		max-width: 40rem;
   }
 
+  & > p {
+    text-align: center;
+    padding: 2rem 1.5rem;
+    color: $background-alternative;
+    a {
+      color: $background-alternative;
+    }
+  }
+  
   @include media-breakpoint-up(sm) {
     padding: 4rem 0;