rm/chatcontrol_dk
1
0
Fork 0
forked from om/chatcontrol_dk
Code Issues Pull requests Packages Projects Releases Wiki Activity

Style things a bit more up

Browse source
This commit is contained in:
om 2022-10-13 23:32:36 +02:00
parent 942b948bb2
commit 16eff4c895
4 changed files with 82 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
da/index.html
View file

@ -7,6 +7,8 @@
<link rel="stylesheet" type="text/css" href="../style.css" /> <link rel="stylesheet" type="text/css" href="../style.css" />
</head> </head>
<body> <body>
<div style="width: 100%">
<div id="content">
<div id="language_choice"> <div id="language_choice">
<a href="../en/"><img src="../img/english.svg" <a href="../en/"><img src="../img/english.svg"
@ -17,34 +19,55 @@
height="28" /></a> height="28" /></a>
</div> </div>
<h1><span class="besked">ChatControl: Dine private beskeder skal overvåges</span></h1> <h1><div class="besked">ChatControl: Dine private beskeder skal overvåges</div></h1>
<p> <p>
EU-kommissionen har lavet et nyt lovforslag for at beskytte børn mod misbrug. EU-kommissionen har lavet et nyt lovforslag for at beskytte børn mod misbrug&#x1F607;.
Formålet er godt, men loven er dårlig, fordi den kræver, at kommunikationstjenester Formålet er godt, men loven er dårlig&#x1F914;, fordi den kræver, at kommunikationstjenester
skal overvåges, hvis der er en mulighed for at børn skal overvåges&#x1F9D0;, hvis der er en mulighed for at børn&#x1F476;
bruger dem, eller hvis der er en mulighed for at dele billeder af børnemisbrug. bruger dem, eller hvis der er en mulighed for at dele billeder af børnemisbrug&#x1F4F2;.
Det vil påvirke langt de fleste chat tjenester og vil betyde at din kommunikation Det vil påvirke langt de fleste chat tjenester og vil betyde at din kommunikation
vil blive overvåget, fordi alle brugere af almindelige kommunikationstjenster vil blive overvåget&#x1F4F3;, fordi alle brugere af almindelige kommunikationstjenster
vil være mistænkte for børnemisbrug. vil være mistænkte for børnemisbrug&#x1F46E;.
</p> </p>
<div id="app-area"> <div id="app-area">
<object id="movie" data="../img/chatapp.svg?lang=da" type="image/svg+xml"></object> <object id="movie" data="../img/chatapp.svg?lang=da" type="image/svg+xml"></object>
<p id="movie-sidetext"> <div id="movie-sidetext">
<p>
Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interaktive ChatControl film ude til venstre. Lær mere om ChatControllen og hvorfor det er en dårlig idé, i vores interaktive ChatControl film ude til venstre.
</p> </p>
<p>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="40"
viewBox="0 0 20 40">
<polyline points="0,20 20,0 20,40"
fill="#0084FF"
onclick="swipe_viewport()" />
</svg>
Du kan bruge den blue pil for at åbne kontaktlisten
</p>
</div>
</div> </div>
<p> <p>
Hvad kan man så gøre imod lovforslaget? Det er vigtigt at folk bliver oplyste om det. Hvad kan man så gøre imod lovforslaget?&#x1F607; Det er vigtigt at folk bliver oplyste om det&#x1F4E3;.
Del linket til denne side! Snak med andre om det og tal med Del linket til denne side! Snak med andre om det og tal med
<a href="https://www.europarl.europa.eu/meps/da/full-list">dine politikere i Europaparlamentet</a> <a href="https://www.europarl.europa.eu/meps/da/full-list">dine politikere i Europaparlamentet</a>&#127466;&#127482;
om det (eller skriv en venlig e-mail til dem). 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 Det er vigtigt at der er en offentlig diskussion om emnet&#x1F5E8; og at politikere ved
at loven er en elendig idé - selvom tanken er god. at loven er en elendig idé&#x1F640; - selvom tanken er god&#x1F63E;.
</p> </p>
</div>
</div>
<script>
function swipe_viewport() {
document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
}
</script>
</body> </body>
</html> </html>

55
en/index.html
View file

@ -7,6 +7,8 @@
<link rel="stylesheet" type="text/css" href="../style.css" /> <link rel="stylesheet" type="text/css" href="../style.css" />
</head> </head>
<body> <body>
<div style="width: 100%">
<div id="content">
<div id="language_choice"> <div id="language_choice">
<a href="../en/"><img src="../img/english.svg" <a href="../en/"><img src="../img/english.svg"
@ -17,39 +19,60 @@
height="28" /></a> height="28" /></a>
</div> </div>
<h1><span class="besked">Chat Control: Your private messages will be scanned</span></h1> <h1><div class="besked">Chat Control: Your private messages will be scanned</div></h1>
<p> <p>
The EU commission has proposed a new law to protect children against abuse. The EU commission has proposed a new law to protect children against abuse&#x1F607;.
The cause is good, but the law itself is bad, because it requires that The cause is good, but the law itself is bad&#x1F914;, because it requires that
online services with messaging functionality have to be surveilled online services with messaging functionality have to be surveilled&#x1F9D0;
if there is a possibility for children to use the service if there is a possibility for children&#x1F476; to use the service
or if users could potentially use the service to exchange child abuse material. or if users could potentially use the service to exchange child abuse material&#x1F4F2;.
This will affect many communication services This will affect many communication services
and it will mean that <em>your</em> communication will be scanned, and it will mean that <em>your</em> communication will be scanned&#x1F4F3;,
because all users of regular communication services because all users of regular communication services
will be treated as suspects for child abuse. will be treated as suspects for child abuse&#x1F46E;.
</p> </p>
<div id="app-area"> <div id="app-area">
<object id="movie" data="../img/chatapp.svg?lang=en" type="image/svg+xml"></object> <object id="movie" data="../img/chatapp.svg?lang=en" type="image/svg+xml"></object>
<p id="movie-sidetext"> <div id="movie-sidetext">
<p>
Learn more about Chat Control and why it is a bad idea by watching our Learn more about Chat Control and why it is a bad idea by watching our
interactive film on the left. interactive film on the left.
</p> </p>
<p>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="40"
viewBox="0 0 20 40">
<polyline points="0,20 20,0 20,40"
fill="#0084FF"
onclick="swipe_viewport()" />
</svg>
You can use the blue arrow to open the contact list
</p>
</div>
</div> </div>
<p> <p>
Whan can be done against this proposed law? Whan can be done against this proposed law?&#x1F607;
It is important that more people know about it. It is important that more people know about it&#x1F4E3;.
Share the link to this page! Share the link to this page!
Chat with others about it and talk with Chat with others about it and talk with
<a href="https://www.europarl.europa.eu/meps/en/full-list">your representatives in the European Parliament</a> <a href="https://www.europarl.europa.eu/meps/en/full-list">your representatives in the European Parliament</a>&#127466;&#127482;
about it (or write a nice e-mail to them). about it (or write a nice e-mail to them).
It is important that there is a public discussion about this topic, It is important that there is a public discussion about this topic&#x1F5E8;,
so that politicians realise that the law is a bad idea so that politicians realise that the law is a bad idea&#x1F640;
even though this is for a good cause. even though this is for a good cause&#x1F63E;
</p> </p>
</div>
</div>
<script>
function swipe_viewport() {
document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
}
</script>
</body> </body>
</html> </html>

2
img/chatapp.svg
View file

@ -700,7 +700,7 @@ async function dialog_nabopige_en() {
<!-- [right] contact name view --> <!-- [right] contact name view -->
<g id="contact_name_box"> <g id="contact_name_box">
<rect x="300" y="0" width="300" height="50" fill="#F5F5F5"/> <rect x="300" y="0" width="300" height="50" fill="#F5F5F5"/>
<polyline points="300,20 320,0 320,40" fill="#0084FF" onclick="swipe_viewport()" /> <polyline points="300,20 320,0 320,40" fill="#0084FF" onclick="swipe_viewport()" id="to_contact_list_button" />
<polyline points="560,20 600,20 580,0" fill="#0084FF" onclick="scroll_up()" /> <polyline points="560,20 600,20 580,0" fill="#0084FF" onclick="scroll_up()" />
<polyline points="560,30 600,30 580,50" fill="#0084FF" onclick="scroll_down()" /> <polyline points="560,30 600,30 580,50" fill="#0084FF" onclick="scroll_down()" />
<text x="325" y="30" id="contact_indicator">loading...</text> <text x="325" y="30" id="contact_indicator">loading...</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

7
style.css
View file

@ -1,3 +1,8 @@
#content {
max-width: 600px;
margin: 0 auto;
}
.besked { .besked {
color: #FFFFFF; color: #FFFFFF;
background-color: #0084FF; background-color: #0084FF;
@ -17,7 +22,7 @@ p {
#app-area { #app-area {
display: grid; display: grid;
grid-template-columns: 350px 300px; grid-template-columns: 350px 240px;
gap: 10px; gap: 10px;
grid-auto-rows: minmax(350px, auto); grid-auto-rows: minmax(350px, auto);
} }