Styled q&a
This commit is contained in:
parent
e217007a16
commit
fe66def6fd
|
@ -2,12 +2,30 @@
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
{% for section in page.sections %}
|
{% for section in page.sections %}
|
||||||
<section id="{{ section.id }}" class="{% cycle 'odd', 'even' %}">
|
{% if section.id != "faq" %}
|
||||||
|
<section id="{{ section.id }}" class="{% cycle 'odd', 'even' %}">
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h1>{{ section.heading }}</h1>
|
<h1>{{ section.heading }}</h1>
|
||||||
<div class="paragraphs">
|
<div class="paragraphs">
|
||||||
{{ section.content | markdownify }}
|
{{ section.content | markdownify }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
<section id="faq">
|
||||||
|
{% for section in page.sections %}
|
||||||
|
{% if section.id == "faq" %}
|
||||||
|
<div class="qa">
|
||||||
|
<div class="qa--question">
|
||||||
|
<h3>{{ section.heading }}</h3>
|
||||||
|
</div>
|
||||||
|
<div class="qa--anwser">
|
||||||
|
{{ section.content | markdownify }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</section>
|
|
@ -6,45 +6,31 @@ body {
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2 {
|
h1, h2, h3 {
|
||||||
font-family: 'Montserrat', sans-serif;
|
font-family: 'Montserrat', sans-serif;
|
||||||
font-family: 'Eczar', serif;
|
|
||||||
}
|
|
||||||
h3, h4, h5, h6 {
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
font-size: 2.7rem;
|
||||||
//text-shadow: 4px 3px 0px rgb(90, 85, 81);
|
line-height: 3.3rem;
|
||||||
//margin: 0 0 3rem;
|
|
||||||
display: block;
|
display: block;
|
||||||
//width: 90vw;
|
|
||||||
.even & {
|
|
||||||
//text-shadow: 4px 3px 0px rgba(0,0,0,0.15);
|
|
||||||
}
|
|
||||||
@media screen and (max-width: $screen-phone) {
|
@media screen and (max-width: $screen-phone) {
|
||||||
& {
|
& {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
//text-shadow: 3px 2px 0px rgb(90, 85, 81);
|
|
||||||
}
|
|
||||||
.even & {
|
|
||||||
//text-shadow: 3px 2px 0px rgba(0,0,0,0.15);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin: 0 1rem 1rem;
|
|
||||||
color: #ff5800;
|
color: #ff5800;
|
||||||
text-shadow: 0 2px 0 #000;
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 1rem 1rem 2rem;
|
margin: 0 1rem 2rem;
|
||||||
line-height: 1.3rem;
|
font-size: 1rem;
|
||||||
|
line-height: 1.5rem;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,8 +38,4 @@ a {
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
//box-shadow: 0 2px 0 #ff5800;
|
|
||||||
.even & {
|
|
||||||
//box-shadow: 0 2px 0 #FFF;
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -2,10 +2,11 @@ section {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
//flex-direction: column;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
padding: 4rem 0;
|
||||||
|
|
||||||
background-color: $background-primary;
|
background-color: $background-primary;
|
||||||
background-image: linear-gradient(
|
background-image: linear-gradient(
|
||||||
|
@ -37,17 +38,10 @@ section {
|
||||||
h1 {
|
h1 {
|
||||||
width: 22rem;
|
width: 22rem;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
||||||
-webkit-hyphens: auto;
|
|
||||||
-moz-hyphens: auto;
|
|
||||||
-ms-hyphens: auto;
|
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
flex-direction:column;
|
flex-direction:column;
|
||||||
.even & {
|
|
||||||
color: $color-international-orange;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paragraphs {
|
.paragraphs {
|
||||||
|
@ -57,29 +51,3 @@ section {
|
||||||
max-width: 40rem;
|
max-width: 40rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*section {
|
|
||||||
&#faq {
|
|
||||||
.paragraphs {
|
|
||||||
//column-count: unset;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
li {
|
|
||||||
display: block;
|
|
||||||
margin: 4rem 300px 0 0;
|
|
||||||
&:nth-child(even) {
|
|
||||||
margin: 4rem 0 0 300px;
|
|
||||||
}
|
|
||||||
@media screen and (max-width: $screen-phone) {
|
|
||||||
&, &:nth-child(even) {
|
|
||||||
margin: 4rem 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}*/
|
|
32
_scss/module/_qa.scss
Normal file
32
_scss/module/_qa.scss
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
.qa {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 2rem 0;
|
||||||
|
|
||||||
|
.qa--question,
|
||||||
|
.qa--anwser {
|
||||||
|
flex-direction: column;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qa--question {
|
||||||
|
max-width: 20rem;
|
||||||
|
width: 20rem;
|
||||||
|
background-image: url(/assets/img/question.svg);
|
||||||
|
background-position: bottom right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.qa--anwser {
|
||||||
|
padding-left: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
10
assets/img/question.svg
Normal file
10
assets/img/question.svg
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="356px" height="24px" viewBox="0 0 356 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>question</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs></defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<polyline id="question" stroke="#FF5800" stroke-width="2" points="0 1.721593 313.743413 1.721593 332.867435 21 332.867435 1 356 1"></polyline>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 602 B |
|
@ -11,3 +11,4 @@
|
||||||
@import "module/camera.scss";
|
@import "module/camera.scss";
|
||||||
@import "module/flags.scss";
|
@import "module/flags.scss";
|
||||||
@import "module/indexpage.scss";
|
@import "module/indexpage.scss";
|
||||||
|
@import "module/qa.scss";
|
42
index-da.md
42
index-da.md
|
@ -38,49 +38,51 @@ sections:
|
||||||
|
|
||||||
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.
|
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
|
- id: faq
|
||||||
heading: Spørgsmål & svar
|
heading: Hvorfor Søren Pape?
|
||||||
content: |
|
content: |
|
||||||
* ### Hvorfor Søren Pape?
|
|
||||||
Fordi han er justitsminister. Logning var også ulovligt da Søren Pind, Mette Frederiksen, Karen Hækkerup, Morten Bødskov og Brian Mikkelsen var justitsministre, så det er ikke et spørgsmål om politiske holdninger. Det er et spørgsmål om at respektere fundamentale rettigheder, herunder alles ret til privatliv.
|
Fordi han er justitsminister. Logning var også ulovligt da Søren Pind, Mette Frederiksen, Karen Hækkerup, Morten Bødskov og Brian Mikkelsen var justitsministre, så det er ikke et spørgsmål om politiske holdninger. Det er et spørgsmål om at respektere fundamentale rettigheder, herunder alles ret til privatliv.
|
||||||
|
|
||||||
Sagen vil forhåbentlig ændre danske politikeres åbenlyse og intentionelle overtrædelser af menneskeretten.
|
Sagen vil forhåbentlig ændre danske politikeres åbenlyse og intentionelle overtrædelser af menneskeretten.
|
||||||
* ### Hvorfor ikke TDC?
|
- id: faq
|
||||||
|
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/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.
|
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!
|
- id: faq
|
||||||
|
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!
|
||||||
|
content: |
|
||||||
Total overvågning hjælper ikke nødvendigvis imod kriminalitet. Det **kan** give flere sigtelser og dømte, men primært fordi flere uskyldige vil blive straffet. Hvis der bliver begået en forbrydelse i en demokratisk retsstat skal politiet og ofrene arbejde sammen for at identificere hvem der kunne have en interesse i at begå forbrydelsen, hvem der havde skaffet sig adgang til gerningsstedet, og hvem der har udvist mistænkelig adfærd.
|
Total overvågning hjælper ikke nødvendigvis imod kriminalitet. Det **kan** give flere sigtelser og dømte, men primært fordi flere uskyldige vil blive straffet. Hvis der bliver begået en forbrydelse i en demokratisk retsstat skal politiet og ofrene arbejde sammen for at identificere hvem der kunne have en interesse i at begå forbrydelsen, hvem der havde skaffet sig adgang til gerningsstedet, og hvem der har udvist mistænkelig adfærd.
|
||||||
|
|
||||||
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.
|
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.
|
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.
|
||||||
|
- id: faq
|
||||||
* ### Hvem står bag søgsmålet?
|
heading: Hvem står bag søgsmålet?
|
||||||
|
content: |
|
||||||
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.
|
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.
|
Foreningen har valgt IT- og EU-retsspecialistkontoret [Bird & Bird](https://www.twobirds.com), hvor advokat Martin von Haller er primær tovholder.
|
||||||
|
- id: faq
|
||||||
* ### Hvad har logning med menneskeret at gøre?
|
heading: Hvad har logning med menneskeret at gøre?
|
||||||
|
content: |
|
||||||
Menneskeret er dine rettigheder overfor stater. I nogle lande fremgår de af forfatningen, men i Danmark er de primært kommet fra Den Europæiske Menneskerettighedskonvention ([pdf](http://www.echr.coe.int/Documents/Convention_ENG.pdf)). Den blev skrevet efter 2. verdenskrig og er løbende blevet opdateret, for at undgå en gentagelse af Nazityskland og Østblokkens rædsler. I år 2000 skrev EU et Charter om Grundlæggende Rettigheder ([pdf](http://www.europarl.europa.eu/charter/pdf/text_da.pdf)) der indgår på overstatsligt niveau, dog kun for emner omfattet af EU-samarbejdet.
|
Menneskeret er dine rettigheder overfor stater. I nogle lande fremgår de af forfatningen, men i Danmark er de primært kommet fra Den Europæiske Menneskerettighedskonvention ([pdf](http://www.echr.coe.int/Documents/Convention_ENG.pdf)). Den blev skrevet efter 2. verdenskrig og er løbende blevet opdateret, for at undgå en gentagelse af Nazityskland og Østblokkens rædsler. I år 2000 skrev EU et Charter om Grundlæggende Rettigheder ([pdf](http://www.europarl.europa.eu/charter/pdf/text_da.pdf)) der indgår på overstatsligt niveau, dog kun for emner omfattet af EU-samarbejdet.
|
||||||
|
|
||||||
Begge konventioner indeholder en beskyttelse af dit privatliv, og det er slået klart fast at staten ikke må overvåge alle konstant. Men det gør Danmark.
|
Begge konventioner indeholder en beskyttelse af dit privatliv, og det er slået klart fast at staten ikke må overvåge alle konstant. Men det gør Danmark.
|
||||||
|
|
||||||
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.
|
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.
|
Du har ret til at være fri for dén overvågning.
|
||||||
|
- id: faq
|
||||||
* ### Tjener i nogle penge på det her? Hvad hvis der er penge i overskud?
|
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.
|
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.
|
||||||
|
- id: faq
|
||||||
* ### Hvad er det egentligt der bliver logget om mig?
|
heading: Hvad er det egentligt der bliver logget om mig?
|
||||||
|
content: |
|
||||||
Hvor din mobil er på alle tidspunkter af døgnet, hvem du kommunikerer med og i et vist omfang hvad du laver på nettet. Du kan bede din udbyder sende dig en kopi af alt hvad de har registreret. Det kan koste op til 200 kr.
|
Hvor din mobil er på alle tidspunkter af døgnet, hvem du kommunikerer med og i et vist omfang hvad du laver på nettet. Du kan bede din udbyder sende dig en kopi af alt hvad de har registreret. Det kan koste op til 200 kr.
|
||||||
|
- id: faq
|
||||||
* ### Ministeren siger at han skal bruge tid på at ændre lovgivningen, det er vel fair nok?
|
heading: Ministeren siger at han skal bruge tid på at ændre lovgivningen, det er vel fair nok?
|
||||||
|
content: |
|
||||||
Nej. Allerede da totalovervågningen blev indført fik den danske stat at vide at det ville være ulovligt.
|
Nej. Allerede da totalovervågningen blev indført fik den danske stat at vide at det ville være ulovligt.
|
||||||
|
|
||||||
En lov og en bekendtgørelse kan være ulovlige, hvis de eks. strider imod en overstatslig regel, i dette tilfælde EU-Charteret, eller hvis de underforstået ønsker at overholde Menneskerettighedskonventionen.
|
En lov og en bekendtgørelse kan være ulovlige, hvis de eks. strider imod en overstatslig regel, i dette tilfælde EU-Charteret, eller hvis de underforstået ønsker at overholde Menneskerettighedskonventionen.
|
||||||
|
|
Loading…
Reference in a new issue