diff --git a/da/index.html b/da/index.html index ea05e19..2e09c3a 100644 --- a/da/index.html +++ b/da/index.html @@ -1,107 +1,63 @@ - - - - ChatControl: Dine private beskeder skal overvåges! - - - - - + + + + + ChatControl: Dine private beskeder skal overvåges! + + + + + + + -
-
+
+ +
- - -

ChatControl: Dine private beskeder skal overvåges

- -
-
-
- -
-
-
-
-

-Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interaktive ChatControl film ude til venstre. -

-

- - - - Du kan bruge den blå pil for at åbne kontaktlisten -

-

- - - Hastighed -

-
-
- -

-EU-kommissionen har lavet et nyt lovforslag for at beskytte børn mod misbrug. -Formålet er godt, men loven er dårlig, fordi den kræver, at kommunikationstjenester -skal overvåges, hvis der er en mulighed for at børn -bruger dem, eller hvis der er en mulighed for at dele billeder af børnemisbrug. -Det vil påvirke langt de fleste kommunikationstjenester og vil betyde at din kommunikation -vil blive overvåget, fordi alle brugere af almindelige kommunikationstjenster -vil være mistænkte for børnemisbrug. -Konkret betyder det, at dine e-mails, chat-beskeder, -video- og voiceopkald bliver analyseret af algorithme, -for at vurdere hvis de har illegale indhold. -Analysen vil foregår direkt på din computer/smartphone, -så at algorithmene kan se hvad du skriver/siger før det bliver crypteret. -

- -

-Hvad kan man så gøre imod lovforslaget? Det er vigtigt at folk bliver oplyste om det. -Del linket til denne side! Snak med andre om det og tal med -dine politikere i Europaparlamentet -om det (eller skriv en venlig e-mail til dem). -Det er vigtigt at der er en offentlig diskussion om emnet og at politikere ved -at loven er en elendig idé - selvom tanken er god. -

- -

-Hvis du vil hjælpe med kampagnen, så kom på vores mailingliste. -Derpå snakker vi om aktioner for at oplyse flere folk i Danmark om chatcontrol. -Vi skriver også om forbedringer af denne hjemmeside. -Hvis du har nogle gode idéer eller hvis du vil hjælpe, så er du meget velkommen til at komme på listen. - -For at abonnere mailinglisten, skriv bare en e-mail til -campaign-subscribe@lists.chatcontrol.dk -og følger instrukserne. -

+
+ dansk sprog + english language + toki pona + Om chatcontrol.dk +
+
+
+ +
+
+
+
+
+

Chat Control: Dine private beskeder skal overvåges

+
+

+ EU-kommissionen har lavet et nyt lovforslag for at beskytte børn mod misbrug. Formålet er godt, men loven er dårlig, fordi den kræver, at kommunikationstjenester skal overvåges, hvis der er en mulighed for at børn bruger dem, eller hvis der er en mulighed for at dele billeder af børnemisbrug. Det vil påvirke langt de fleste kommunikationstjenester og vil betyde at din kommunikation vil blive overvåget, fordi alle brugere af almindelige kommunikationstjenster vil være mistænkte for børnemisbrug. Konkret betyder det, at dine e-mails, chat-beskeder, video- og voiceopkald bliver analyseret af algorithme, for at vurdere hvis de har illegale indhold. Analysen vil foregår direkt på din computer/smartphone, så at algorithmene kan se hvad du skriver/siger før det bliver crypteret. +

+

+ Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interaktive ChatControl film ude til venstre. +

+
+ + + +

+ Du kan bruge den blå pil for at åbne kontaktlisten +

+
+

+ + + Speed +

+

Finde ud af mere

+
+
+

+Hvad kan man så gøre imod lovforslaget? Det er vigtigt at folk bliver oplyste om det. Del linket til denne side! Snak med andre om det og tal med dine politikere i Europaparlamentet om det (eller skriv en venlig e-mail til dem). Det er vigtigt at der er en offentlig diskussion om emnet og at politikere ved at loven er en elendig idé - selvom tanken er god.

Hvis du vil hjælpe med kampagnen, så kom på vores mailingliste. Derpå snakker vi om aktioner for at oplyse flere folk i Danmark om chatcontrol. Vi skriver også om forbedringer af denne hjemmeside. Hvis du har nogle gode idéer eller hvis du vil hjælpe, så er du meget velkommen til at komme på listen. For at abonnere mailinglisten, skriv bare en e-mail til campaign-subscribe@lists.chatcontrol.dk og følger instrukserne.

Flere informationer

@@ -174,8 +130,9 @@ eu: 🇩🇪 - -

chatcontrol.dk får opbakning af

+
+
+

chatcontrol.dk får opbakning af

+
+
+
+ + function adjust_typing_speed(new_value) { + document.getElementById('movie').contentDocument.getElementById('message_input_box').onclick()(100 - new_value); + document.getElementById('speed_indicator').value = new_value; + } + - + + \ No newline at end of file diff --git a/en/index.html b/en/index.html index 13dd664..4ff0c56 100644 --- a/en/index.html +++ b/en/index.html @@ -1,210 +1,190 @@ - - - Chat Control: Your private messages will be scanned! - - - - - + + + + Chat Control: Your private messages will be scanned! + + + + + + + -
-
+
+ +
- + +
+
+ +
+
+
+
+
+

Chat Control: Your private messages will be scanned

+
+

+ The European Commission is preparing a new law designed to protect children against abuse. The law seeks to + prevent the spread of child abuse material by scanning all citizens' messages. Protecting children is + essential, but the proposed law would allow governments to scan all our communications, seriously infringing + on citizens' rights, and would not actually help address child abuse. +

+

+ Discover how the chatcontrol proposal would affect you by watching our + interactive film on the left. +

+
+ + + +

+ Check out how chatcontrol could affect you in different conversations using the blue back arrow on the + phone. +

+
+

+ + + Speed +

+

Find out More

+
+
+

The EU commission has proposed a new law to protect children against abuse. The cause is good, but the law + itself is bad, because it requires online services with messaging functionality to be surveilled, if there is + a possibility for children to use the service or if users could potentially use the service to exchange child + abuse material. This will affect many communication services and it will mean that your communication + will be scanned, because all users of regular communication services will be treated as suspects for child + abuse. More specifically this means that your e-mails, chat-messages, video- and voicecalls will be analysed + by algorithms, to determine if they contain illegal content. The analysis will happen directly on your + computer/smartphone, so that the algorithms can see what you say/write before it becomes encrypted.

+

Whan can be done against this proposed law? It is important that more people know about it. Share the link + to this page! Chat with others about it and talk with your representatives in the European Parliament + about it (or write a nice e-mail to them). It is important that there is a public discussion about this topic, + so that politicians realise that the law is a bad idea even though this is for a good cause

+

If you want to help the campaign, you can join our mailing list. There we discuss actions for informing more + people in Denmark about chatcontrol. We also talk about improvements of this website. If you have some good + ideas or want to help out, you are also very welcome to join the list. To subscribe to the mailing list, + simply write an e-mail to campaign-subscribe@lists.chatcontrol.dk and follow + the instructions.

-

Chat Control: Your private messages will be scanned

+

More information

-
-
-
- -
-
-
-
-

-Learn more about Chat Control and why it is a bad idea by watching our -interactive film on the left. -

-

- - - - You can use the blue arrow to open the contact list -

-

- - - Speed -

-
-
+ -

-The EU commission has proposed a new law to protect children against abuse. -The cause is good, but the law itself is bad, because it requires -online services with messaging functionality to be surveilled, -if there is a possibility for children to use the service -or if users could potentially use the service to exchange child abuse material. -This will affect many communication services -and it will mean that your communication will be scanned, -because all users of regular communication services -will be treated as suspects for child abuse. -More specifically this means that your e-mails, chat-messages, -video- and voicecalls will be analysed by algorithms, -to determine if they contain illegal content. -The analysis will happen directly on your computer/smartphone, -so that the algorithms can see what you say/write before it becomes encrypted. -

+ +
+
+

Supporters of chatcontrol.dk

-

-Whan can be done against this proposed law? -It is important that more people know about it. -Share the link to this page! -Chat with others about it and talk with -your representatives in the European Parliament -about it (or write a nice e-mail to them). -It is important that there is a public discussion about this topic, -so that politicians realise that the law is a bad idea -even though this is for a good cause -

+ +
+
+
+ + function adjust_typing_speed(new_value) { + document.getElementById('movie').contentDocument.getElementById('message_input_box').onclick()(100 - new_value); + document.getElementById('speed_indicator').value = new_value; + } + - + + \ No newline at end of file diff --git a/fonts/Inter-Black.woff b/fonts/Inter-Black.woff new file mode 100644 index 0000000..dd949bb Binary files /dev/null and b/fonts/Inter-Black.woff differ diff --git a/fonts/Inter-Black.woff2 b/fonts/Inter-Black.woff2 new file mode 100644 index 0000000..08e5193 Binary files /dev/null and b/fonts/Inter-Black.woff2 differ diff --git a/fonts/Inter-Bold.woff b/fonts/Inter-Bold.woff new file mode 100644 index 0000000..80b6ba9 Binary files /dev/null and b/fonts/Inter-Bold.woff differ diff --git a/fonts/Inter-Bold.woff2 b/fonts/Inter-Bold.woff2 new file mode 100644 index 0000000..08eec65 Binary files /dev/null and b/fonts/Inter-Bold.woff2 differ diff --git a/fonts/Inter-Light.woff b/fonts/Inter-Light.woff new file mode 100644 index 0000000..0a90293 Binary files /dev/null and b/fonts/Inter-Light.woff differ diff --git a/fonts/Inter-Light.woff2 b/fonts/Inter-Light.woff2 new file mode 100644 index 0000000..2ee6f5a Binary files /dev/null and b/fonts/Inter-Light.woff2 differ diff --git a/fonts/Inter-Regular.woff b/fonts/Inter-Regular.woff new file mode 100644 index 0000000..1428356 Binary files /dev/null and b/fonts/Inter-Regular.woff differ diff --git a/fonts/Inter-Regular.woff2 b/fonts/Inter-Regular.woff2 new file mode 100644 index 0000000..e035579 Binary files /dev/null and b/fonts/Inter-Regular.woff2 differ diff --git a/fonts/stylesheet.css b/fonts/stylesheet.css new file mode 100644 index 0000000..10738eb --- /dev/null +++ b/fonts/stylesheet.css @@ -0,0 +1,36 @@ +@font-face { + font-family: 'Inter'; + src: url('Inter-Black.woff2') format('woff2'), + url('Inter-Black.woff') format('woff'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Bold.woff2') format('woff2'), + url('Inter-Bold.woff') format('woff'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Light.woff2') format('woff2'), + url('Inter-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Regular.woff2') format('woff2'), + url('Inter-Regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + diff --git a/img/chatapp (copy).svg b/img/chatapp (copy).svg new file mode 100644 index 0000000..0ab5f10 --- /dev/null +++ b/img/chatapp (copy).svg @@ -0,0 +1,1018 @@ + + + + + + + + + + + + + + + + + + + ? + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + loading... + + + + + + + + + + + + +status + + + + + +SEND + + + +Dine kontakter + + + + + + diff --git a/img/chatapp.svg b/img/chatapp.svg index f04114e..6e51316 100644 --- a/img/chatapp.svg +++ b/img/chatapp.svg @@ -1,77 +1,188 @@ - - - - - - - - - - - - - - - - - - - ? - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - loading... - - - +]]> + + + + + loading... + - - - - - - - - -status - - - - - -SEND - - - -Dine kontakter - - - - - + + + + + + status + + + + + SEND + + + Dine kontakter + + + diff --git a/style.css b/style.css index e71c870..493cc9d 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,76 @@ + +/*First lets set some basic styles*/ +body { + font-family:"Inter", Arial, Helvetica, sans-serif; + color:white; + background-image: linear-gradient(to right, #434343 0%, black 100%); + font-size:1.1em; +} + +a{ + color:rgb(0, 191, 255); + font-weight:bold; + text-decoration:none; +} + +p{ + line-height: 1.5; +} + +/*Throw a CSS grid in for layout*/ #content { - max-width: 600px; - margin: 0 auto; + display: grid; + grid-template-columns: minmax(350px,4fr) minmax(30px,0.5fr) minmax(350px,4fr); + grid-column-gap: 0px; + grid-row-gap: 20px; + align-items: center; + max-width:1000px; + margin:auto; + } +/*h1 overrides for the bubble*/ +#intro h1 { + font-weight:Normal; +} +#intro h1 strong{ + font-weight:bolder; +} + +#intro p{ + padding-left:10px; + margin: 15px 0 15px 0; +} +.div4 { grid-area: 3 / 1 / 4 / 4; } +.div5 { grid-area: 4 / 1 / 5 / 4; } + +#language_choice{ + grid-area: 1 / 1 / 2 / 4; + font-size: 24px; +} + +#language_choice img{ + object-fit:cover; + width:42px; + border-radius:5px; +} + +#intro{ + grid-area: 2 / 3 / 3 / 4; +} +#phone{ + grid-area: 2 / 1 / 3 / 2; +} + +#more{ + padding-top:80px; + grid-area: 3 / 1 / 3 / 4; +} + +#more, #sponsors{ + font-size:1.3em; +} + +#sponsors{ + grid-area: 4 / 1 / 4 / 4; } .besked { @@ -11,26 +81,26 @@ padding-bottom: 10px; padding-left: 20px; padding-right: 20px; + position: relative; } -p { - margin-left: 10px; - border: 1px dashed black; - padding: 5px; - max-width: 800px; +.besked:after { + content: ''; + position: absolute; + right: 0; + top: 50%; + width: 0; + height: 0; + border: 20px solid transparent; + border-left-color: #0084FF; + border-right: 0; + border-bottom: 0; + margin-top: -10px; + margin-right: -20px; } -#app-area { - display: grid; - grid-template-columns: 350px 240px; - gap: 10px; - grid-auto-rows: minmax(350px, auto); -} - -#phone_frame { - margin-left: 10px; - grid-column: 1; - grid-row: 1; +#phone>div{ + background-repeat:no-repeat; } #movie { @@ -43,6 +113,22 @@ p { grid-row: 1; } +#backarrow{ + display: flex; + align-items: center; +} + +a[href="#more"]{ + display:inline-block; + padding: 6px 8px; + border-radius:5px; + background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); + font-size:1.3em; + color:rgba(39, 15, 15, 0.746); + border:1px solid rgba(255, 255, 255, 0.717); + float:right; +} + .about-link { float: right; }