forked from om/chatcontrol_dk
Style things a bit more up
This commit is contained in:
parent
942b948bb2
commit
16eff4c895
|
@ -7,6 +7,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="../style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 100%">
|
||||
<div id="content">
|
||||
|
||||
<div id="language_choice">
|
||||
<a href="../en/"><img src="../img/english.svg"
|
||||
|
@ -17,34 +19,55 @@
|
|||
height="28" /></a>
|
||||
</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>
|
||||
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.
|
||||
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 chat tjenester og vil betyde at din kommunikation
|
||||
vil blive overvåget, fordi alle brugere af almindelige kommunikationstjenster
|
||||
vil være mistænkte for børnemisbrug.
|
||||
vil blive overvåget📳, fordi alle brugere af almindelige kommunikationstjenster
|
||||
vil være mistænkte for børnemisbrug👮.
|
||||
</p>
|
||||
|
||||
|
||||
<div id="app-area">
|
||||
<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.
|
||||
</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>
|
||||
|
||||
<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?😇 Det er vigtigt at folk bliver oplyste om det📣.
|
||||
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>🇪🇺
|
||||
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.
|
||||
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😾.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function swipe_viewport() {
|
||||
document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -7,6 +7,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="../style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 100%">
|
||||
<div id="content">
|
||||
|
||||
<div id="language_choice">
|
||||
<a href="../en/"><img src="../img/english.svg"
|
||||
|
@ -17,39 +19,60 @@
|
|||
height="28" /></a>
|
||||
</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>
|
||||
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 that
|
||||
online services with messaging functionality have 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.
|
||||
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 that
|
||||
online services with messaging functionality have 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 <em>your</em> communication will be scanned,
|
||||
and it will mean that <em>your</em> communication will be scanned📳,
|
||||
because all users of regular communication services
|
||||
will be treated as suspects for child abuse.
|
||||
will be treated as suspects for child abuse👮.
|
||||
</p>
|
||||
|
||||
<div id="app-area">
|
||||
<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
|
||||
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>
|
||||
|
||||
<p>
|
||||
Whan can be done against this proposed law?
|
||||
It is important that more people know about it.
|
||||
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
|
||||
<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>🇪🇺
|
||||
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.
|
||||
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😾
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function swipe_viewport() {
|
||||
document.getElementById('movie').contentDocument.getElementById('to_contact_list_button').onclick();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -700,7 +700,7 @@ async function dialog_nabopige_en() {
|
|||
<!-- [right] contact name view -->
|
||||
<g id="contact_name_box">
|
||||
<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,30 600,30 580,50" fill="#0084FF" onclick="scroll_down()" />
|
||||
<text x="325" y="30" id="contact_indicator">loading...</text>
|
||||
|
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
@ -1,3 +1,8 @@
|
|||
#content {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.besked {
|
||||
color: #FFFFFF;
|
||||
background-color: #0084FF;
|
||||
|
@ -17,7 +22,7 @@ p {
|
|||
|
||||
#app-area {
|
||||
display: grid;
|
||||
grid-template-columns: 350px 300px;
|
||||
grid-template-columns: 350px 240px;
|
||||
gap: 10px;
|
||||
grid-auto-rows: minmax(350px, auto);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue