Merge branch 'donation-multistage' of ulovliglogning/ulovliglogning.dk into master

_config.yml

@@ -21,8 +21,10 @@ description: >- # this means to ignore newlines until "baseurl:"
 baseurl:            "" # the subpath of your site, e.g. /blog
 url:                "https://ulovliglogning.dk" # the base hostname & protocol for your site, e.g. http://example.com
 donationCounter:
-  donated: 249315
+  donated: 312407
-  goal: 250000
+  goal1: 100000
+  goal2: 250000
+  goal3: 400000
 
 # multilanguage support
 languages:          ["da", "en"]

_data/da/common.yml

@@ -13,7 +13,7 @@ global:
     da: Dansk
     en: Engelsk
   donation:
-    text: doneret af
+    text: doneret i alt
     currency: ",-"
     sub: Donationer opdateres pt. manuelt
   mobilepayLink: https://mobilepay.dk/da-dk/pages/betal.aspx?phone=004540456&comment=Til%20kampen%20imod%20den%20Ulovlige%20Logning!&t=d  

_data/en/common.yml

@@ -13,6 +13,6 @@ global:
     da: Danish
     en: English
   donation:
-    text: donated of
+    text: donated in total
     currency: " DKK"
     sub: Donations are updated manually

_layouts/indexpage.html

@@ -5,11 +5,14 @@ layout: default
 {% for section in page.sections %}
 	<section id="{{ section.id }}" class="{% cycle 'odd', 'even' %}">
 		{% if forloop.first %}
-			<div class="donationCounter">
+			<div class="donationContainer">
-				<span>
+				<div class="total">
-				{{ site.donationCounter.donated | intcomma: '.' }}{{ global.donation.currency }} {{ global.donation.text }} {{ site.donationCounter.goal | intcomma: '.' }}{{ global.donation.currency }} 
+					{{ site.donationCounter.donated | intcomma: '.' }}{{ global.donation.currency }} {{ global.donation.text }}
 					<sub>{{ global.donation.sub }}</sub>
-				</span>
+				</div>
+				<div class="donationCounter goal">
+					<div class="overlay goal1">{{ site.donationCounter.goal1 | slice: 0,3 }}K</div><div class="overlay goal2">{{ site.donationCounter.goal2 | slice: 0,3 }}K</div><div class="overlay goal3">{{ site.donationCounter.goal3 | slice: 0,3 }}K</div>
+				</div>								
 			</div>
 			 <nav id="navElm">
 			 	<div class="langSwitcher left">

_pages/index-da.md

@@ -4,18 +4,20 @@ lang: da
 permalink: /
 sections:
   - id: intro
-    heading: Lad os stoppe overvågningen!
+    heading: Vi stopper overvågningen!
     content: |
-      Den europæiske totalovervågning af dine internetvaner og bevægemønstre er ved flere lejligheder kendt ulovlig. Det bryder de danske politikere sig ikke om, så mens andre lande er stoppet, har de 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).
+      Den europæiske totalovervågning af dine internetvaner og bevægemønstre er ved flere lejligheder kendt ulovlig. Det bryder de danske politikere sig ikke om, så mens andre lande er stoppet, har de [bedt telebranchen](assets/files/PapesBrevTilTeleindustrien.pdf) fortsætte ulovlighederne.
 
-      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!
+      Vi er en broget flok af privatlivsentusiaster og menneskerettighedsforekæmpere der nu går til domstolene med simpelt budskab: <strong>Overhold loven og respektér vores fundamentale rettigheder!</strong>
 
-      Sammen med vores advokater har vi skrevet [en udførlig stævning](assets/files/staevning.pdf). Den er pt i høring (download, læs og kommentér), og indleveres snart til domstolene.
+      Da vi nåede vores første delmål, 100.000 kr, skrev vores advokater en udførlig stævning. Med pengene fra det næste delmål, 250.000 kr, har vi råd til at stævne justitsminister Søren Pape. Vi er dog ikke i mål endnu. 
+      
+      Vi ved ikke hvor meget det vil ende med at koste, så vores næste mål er 400.000 kr. Selvom det lyder af meget, er det kun <a href="#wannahelp">en brøkdel</a> af hvad staten vil bruge. Det er dyrt at sikre vores rettigheder, og vi har tænkt os at gå hele vejen!
   - id: butwhy
     link: Hvorfor?
     heading: Hvorfor er det vigtigt?
     content: |
-      Måske har du ikke noget at skjule i dag, men dine ligegyldige data kan blive vigtige i morgen. Hvis en bekendt bliver anholdt er du automatisk under mistanke, bare fordi du sendte en fødselsdags-sms. Måske har du googlet “gødning” eller “TATP”, dagen før en hjemmelavet bombe bliver fundet?
+      Måske har du ikke noget at skjule i dag, men dine ligegyldige data kan blive vigtige i morgen. Hvis en bekendt bliver anholdt er du automatisk under mistanke, bare fordi du sendte en fødselsdags-sms. Måske har du googlet “gødning” dagen før en hjemmelavet bombe bliver fundet? Måske er du medlem af en forening eller tilbeder af en religion der bliver forbudt i morgen?
 
       Måske er du gået forbi et sted hvor der blev begået en forbrydelse. Politiet får en liste over alle der var i nærheden, og så skal du bevise at du ikke var skyldig.
 
@@ -24,31 +26,23 @@ sections:
     link: Hvordan?
     heading: Jeg vil vide mere…
     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).
+      Teleindustrien og de største teleselskaber kæmper for at logge, og bruger et [personligt brev](assets/files/PapesBrevTilTeleindustrien.pdf) fra justitsminister Søren Pape Poulsen som undskyldning. I brevet truer han organisationens medlemmer til at fortsætte logning, men det er en tom trussel, for han har ingen hjemmel. Logningsdirektivet som lå til grund for den danske lognings&shy;bekendt&shy;gørelse er blevet underkendt ved EU-domstolen, fordi det krænker retten til privatliv. Menneskeretten er inkorporeret i både dansk ret og EU-retten, og en minister kan derfor ikke udstede bekendtgørelser der krænker borgernes rettigheder.
 
-      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 kunne teoretisk anlægges imod et teleselskab, men med brevet fra ministeren kan de påstå uvidenhed. I samråd med vores advokat er målet at få den danske stat dømt for at overtræde dansk lov, EU- og menneskeretten. Det er en større og dyrere sag end at sagsøge et teleselskab, men den vil til gengæld standse politikeres tendens til at ignorere vores fundamentale rettigheder.
-
-      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 vores 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
     link: Hjælp/bidrag!
     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/signal](sms:+4526809424). Du kan også følge foreningen på [Twitter](https://twitter.com/ulovliglogning)/[Facebook](https://www.facebook.com/UlovligLogning/). Eller skrive dig op til vores nyhedsbrev herunder.
 
-      Økonomiske bidrag kan indbetales via Mobile Pay til [40456](https://mobilepay.dk/da-dk/pages/betal.aspx?phone=004540456&comment=Til%20kampen%20imod%20den%20Ulovlige%20Logning!&t=d), på konto <span class="donate">5301 272500</span> (Arbejdernes Landsbank) eller via bitcoin til <span class="donate">3KCgp9THXoETK2qxE2TiPKpCCt5EYuombG</span>. Selvom vi har indsamlet de første 100.000 kr, har vi stadig brug for støtte.
+      Økonomiske bidrag kan indbetales via Mobile Pay til [40456](https://mobilepay.dk/da-dk/pages/betal.aspx?phone=004540456&comment=Til%20kampen%20imod%20den%20Ulovlige%20Logning!&t=d), på konto <span class="donate">5301 272500</span> (Arbejdernes Landsbank) eller via bitcoin til <span class="donate">3KCgp9THXoETK2qxE2TiPKpCCt5EYuombG</span>. Selvom vi har indsamlet de første 250.000 kr, 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.
+      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 400.000 kr. Så skulle vi gerne være sikre på at få sagen hele vejen igennem byretten.
 
       Du kan også hjælpe ved at skabe opmærksomhed. Kontakt dit netværk, journalister og din familie, og fortæl hvorfor det er vigtigt at kæmpe for vores basale rettigheder.
   - id: faq
     link: FAQ
     content:
-    - heading: Hvorfor ikke fri proces?
-      id: hvorforIkkeFriProces
-      content: |
-        Hvis staten tildeler fri proces, må man ikke selv betale en del af advokatens regning. Fri proces dækker dog ikke advokatens egentlige regning, men består i stedet af et symbolsk beløb. Den danske stats advokat, Kammeradvokaten, er én af verdens dyreste advokater, men deres regning indgår ikke i udmålingen af det de tilkendte sagsomkostninger ved fri proces.
-
-        Derfor er en fri proces-sag mod Kammeradvokaten en meget ulige kamp. Staten skulle dække begge siders omkostninger, men Kammeradvokaten kan selv bestemme hvor meget de skal have, mens staten bestemmer hvad der betales til borgerens advokat. Det er naturligvis i strid med retten til en retfærdig rettergang, men de danske domstole lader til at foretrække status quo.
     - heading: Hvorfor Søren Pape?
       id: hvorforPape
       content: |
@@ -77,6 +71,8 @@ sections:
         Med totalovervågning kan politiet trække en liste over alle personer der var i nærheden af gerningsstedet, og derefter vælge hvem de lettest kan få dømt. Det er derfor dit ansvar at bevise at du ikke har begået en forbrydelse. Anklageren behøver ikke finde et motiv, eller bevise at du har handlet på en bestemt måde. De kan bare vælge dig fra listen over mobiltelefoner der har været i området, eller blandt folk der har googlet “brækjern” 24 timer før.
 
         Når logning standser bliver politiet ikke forvandlet til mulvarpe. Der er stadig vidtgående muligheder for at overvåge folk på grund af konkret mistanke, men politiet skal igen kunne argumentere for indgrebet.
+        
+        I Tyskland blev logningen standset tidligt. Max Planck-instituttet har lavet [en kvalitativ undersøgelse](https://www.mpicc.de/de/forschung/forschungsarbeit/kriminologie/vorratsdatenspeicherung.html) som viser at logningsdata ikke hjalp politiet med opklaring.
     - heading: Hvem står bag søgsmålet?
       id: whoAreYou
       content: |
@@ -91,6 +87,20 @@ sections:
 
         På grund af logningen ved staten altid hvor din mobil er, om du er på nettet, og hvem du kommunikerer med. Der indsamles mere information om dig og din adfærd end STASI og Gestapo nogensinde kom i nærheden af.
         Du har ret til at være fri for dén overvågning.
+    - heading: Hvorfor ikke fri proces?
+      id: hvorforIkkeFriProces
+      content: |
+        Hvis staten tildeler fri proces, må man ikke selv betale en del af advokatens regning. Fri proces dækker dog ikke advokatens egentlige regning, men består i stedet af et symbolsk beløb. Den danske stats advokat, Kammeradvokaten, er én af verdens dyreste advokater, men deres regning indgår ikke i udmålingen af det de tilkendte sagsomkostninger ved fri proces.
+
+        Derfor er en fri proces-sag mod Kammeradvokaten en meget ulige kamp. Staten skulle dække begge siders omkostninger, men Kammeradvokaten kan selv bestemme hvor meget de skal have, mens staten bestemmer hvad der betales til borgerens advokat. Det er naturligvis i strid med retten til en retfærdig rettergang, men de danske domstole lader til at foretrække status quo.
+        
+        Du kan læse mere om emnet i bogen <a href="http://www.ft.dk/samling/20121/almdel/reu/bilag/68/1176705.pdf">“Med Staten som Modpart” (pdf)</a> udgivet af Retssikkerhedsfonden.
+    - heading: Økonomi & Delmål
+      id: delmaal
+      content: |
+        Da vi nåede vores første delmål, 100.000 kr, skrev vores advokater en udførlig stævning. Med pengene fra det næste delmål, 250.000 kr, har vi råd til at stævne justitsminister Søren Pape, som repræsentant for den danske stat.
+
+        Vi ved ikke hvor meget det vil ende med at koste, så vores næste mål er 400.000 kr. Selvom det lyder af meget, er det kun en brøkdel af hvad staten vil bruge. Det er dyrt at sikre vores rettigheder, og vi har tænkt os at gå hele vejen!
     - heading: Tjener i nogle penge på det her? Hvad hvis der er penge i overskud?
       content: |
         Nej. Pengene går til at betale advokatkontoret ([Bird & Bird](https://www.twobirds.com)) og til at betale sagsomkostninger. Hvis der er penge “til overs” vil de gå til informationsmateriale om logning og/eller til en non-profit-organisation med samme formål.
@@ -107,7 +117,7 @@ sections:
 
         Justitsministeriet ønsker at indføre en ny form for overvågning. Det er deres ret at foreslå ny lovgivning, men det betyder ikke at man kan opretholde en igangværende forbrydelse. 
 
-        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.
+        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, er det ikke en lovlig undskyldning at 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?

_scss/base/_base.scss

@@ -9,6 +9,10 @@ body {
     height: 100%;
 }
 
+::selection{
+		background:rgba(130, 43, 0, 0.99);
+}
+
 footer {
     text-align: center;
     margin: 1rem;

_scss/base/_typography.scss

@@ -51,6 +51,31 @@ p {
 		font-size: 1rem;
 		line-height: 1.4rem;
 	}
+
+	&.right {
+		text-align: right;
+	}
+
+	&.box {
+		padding: 7px;
+	    margin: -7px -7px 2rem;
+	    background: $alternate-bg;
+	    color: #333;
+	    border-radius: 5px;
+
+	    a {
+	    	box-shadow: 0 2px 0 #FFF;
+	    }
+
+	    &.green {
+	    	background: $donationCounter_dark;
+	    	color: white;
+	    }
+	}
+}
+
+strong {
+	font-weight: 700;
 }
 
 a {

_scss/base/_variables.scss

@@ -1,14 +1,17 @@
 // Colors
 $body-bg: #2A2A2A;
-$alternate-bg: #ff5800;
+$alternate-bg: #e64f00;
 
 $color-mine-shaft: #2A2A2A;
-$color-international-orange: #ff5800;
+$color-international-orange: #e64f00;
 
 $background-primary: $color-mine-shaft;
 $background-alternative: $color-international-orange;
 $background-alternative-dark: darken($background-alternative, 20);
 
+$donationCounter_light: #49a540;
+$donationCounter_dark: #407b3b;
+
 /* Size */
 $screen-xs: 600px !default;
 $screen-xs-min: $screen-xs !default;

_scss/module/_donationCounter.scss

@@ -1,27 +1,17 @@
-$donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCounter_goal * 100);
+$donationCounter_percentFromGoal1: 100 - ($donationCounter_donated / $donationCounter_goal1 * 100);
+$donationCounter_percentFromGoal2: 100 - ($donationCounter_donated / $donationCounter_goal2 * 100);
+$donationCounter_percentFromGoal3: 100 - ($donationCounter_donated / $donationCounter_goal3 * 100);
 
-.donationCounter {
+$goal1_width: $donationCounter_goal1 / $donationCounter_goal3 * 100;
-	width: 100%;
+$goal2_width: ($donationCounter_goal2 - $donationCounter_goal1) / $donationCounter_goal3 * 100;
-    height: 100px;
+$goal3_width: ($donationCounter_goal3 - $donationCounter_goal2) / $donationCounter_goal3 * 100;
-    font-size: 1.3rem;
+
-    background: linear-gradient(to right, #49a540 50%, #407b3b 50%);
+.donationContainer {
 	position: absolute;
-    background-size: 200%;
+    bottom: 0;
-    background-position: 100%;
+    left: 0;
-    bottom: 0px;
+    right: 0;
-    left: 0px;
+    height: 100px;
-    right: 0px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    text-align: center;
-    animation: donationCounterSlideIn .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s forwards;
-
-    sub {
-    	display: block;
-	    font-size: .8rem;
-	    opacity: .5;
-    }
 
     &:before, &:after {
     	content: "";
@@ -29,18 +19,118 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou
 	    width: 100%;
 	    display: block;
 	    position: absolute;
+    	z-index: 1;
     }
 
     &:before {
-	    background: linear-gradient(to left bottom, #2A2A2A 49%, transparent 50%);
+	    background: linear-gradient(to left bottom, $body-bg 49%, transparent 50%);
 	    top: 0px;
 	}
 
 	&:after {
-	    background: linear-gradient(to left bottom, transparent 49%, #ff5802 50%);
+	    background: linear-gradient(to left bottom, transparent 49%, $alternate-bg 50%);
 	    bottom: 0;
 	}
 
+	.total {
+		display: block;
+		position: absolute;
+		left: 50%;
+		top: -35px;
+		transform: translate3d(-50%,0,0);
+		font-size: 1.5rem;
+		text-align: center;
+
+		sub {
+			display: block;
+			font-size: .7rem;
+			opacity: .5;
+		}
+	}
+
+	.overlay {
+		display: inline-block;
+		height: 100%;
+		border-right: 2px solid rgba(0,0,0,.3);
+		line-height: 100px;
+
+		&:last-child {
+			border-right: none;
+		}
+
+		&.goal1 {
+			width: $goal1_width + unquote("%");
+			line-height: 100 - ($goal1_width/2) + unquote("px");
+			@if $donationCounter_donated > $donationCounter_goal1 {
+				animation: donationCounterCelebrate 5s linear 1s forwards;
+			}
+		}
+
+		&.goal2 {
+			width: $goal2_width + unquote("%");
+			@if $donationCounter_donated > $donationCounter_goal2 {
+				animation: donationCounterCelebrate 5s linear 1.5s forwards;
+			}
+		}
+
+		&.goal3 {
+			width: $goal3_width + unquote("%");
+			line-height: 100 + ($goal3_width/2) + unquote("px");
+			@if $donationCounter_donated > $donationCounter_goal3 {
+				animation: donationCounterCelebrate 5s linear 2s forwards;
+			}
+		}
+	}
+}
+
+.donationCounter {
+	width: 100%;
+    height: 100%;
+    overflow: hidden;
+    font-size: 1.3rem;
+    background: linear-gradient(to right, $donationCounter_light 50%, $donationCounter_dark 50%);
+    background-size: 200%;
+    background-position: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    text-align: center;
+    animation: donationCounterSlideIn .5s linear .5s forwards;
+
+    sub {
+    	display: block;
+	    font-size: .8rem;
+	    opacity: .5;
+    }
+
+}
+
+@keyframes donationCounterCelebrate {
+    0% {
+        background: $donationCounter_light;
+        //ransform: scale(1);
+    }
+
+    20% {
+        background: #efcc3d;
+    }
+
+    40% {
+        background: #5670de;
+        //transform: scale(1.4);
+    }
+
+    60% {
+        background: #de41b2;
+    }
+
+    80% {
+        background: #49ca61;
+    }
+
+    100% {
+        background: $donationCounter_light;
+    }
 }
 
 @keyframes donationCounterSlideIn {
@@ -49,18 +139,35 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou
 	}
 
 	to {
-		background-position: $donationCounter_percentFromGoal + unquote("%");
+		background-position: $donationCounter_percentFromGoal3 + unquote("%");
 	}
 }
 
 @include media-breakpoint-down(sm) {
 	#intro {
-		padding-bottom: 6rem;
+		padding-bottom: 8rem;
 	}
-	.donationCounter {
+	.donationContainer {
-		height: 80px;
+		position: fixed;
+		height: 40px;
 		&:before, &:after {
 			display: none;
 		}
+
+		.total {
+			left:0;
+			transform: none;
+			text-align: center;
+			width: 100%;
+			background: rgba($alternate-bg, .8);
+			padding: 5px;
+    		margin: -10px;
+		}
+
+		.overlay {
+			&.goal1, &.goal2, &.goal3 {
+				line-height: 40px;
+			}
+		}
 	}
 }

_scss/module/_indexpage.scss

@@ -5,6 +5,7 @@
 @media screen and (min-width: 1200px) and (orientation:landscape) {
     #intro {
         position: relative;
+        padding-bottom: 8rem;
     }
     .cta {
         display: inline;
@@ -58,7 +59,7 @@ nav {
     label:after {
         display: inline-block;
         padding: 10px;
-        box-shadow: none;
+        box-shadow: none !important;
         font-weight: normal;
     }
     .left,

assets/style/main.scss

@@ -2,7 +2,9 @@
 ---
 //import Jekyll variables
 $donationCounter_donated: {{ site.donationCounter.donated }};
-$donationCounter_goal: {{ site.donationCounter.goal }};
+$donationCounter_goal1: {{ site.donationCounter.goal1 }};
+$donationCounter_goal2: {{ site.donationCounter.goal2 }};
+$donationCounter_goal3: {{ site.donationCounter.goal3 }};
 
 // Import base styles
 @import "base/reset.scss";