chatcontrol.pt/index.html
2023-07-17 16:04:49 +01:00

722 lines
42 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<meta name="description" content="Privacy empowers. Surveillance weakens.">
<meta name="keywords" content="privacy, surveillance">
<meta name="apple-mobile-web-app-title" content="Stop Scanning Me">
<meta property="og:site_name" content="Stop Scanning Me">
<meta property="og:title" content="Stop Scanning Me">
<meta property="og:type" content="website">
<meta property="og:image" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<meta property="og:image:url" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="300">
<meta property="og:image:alt" content="Three cartoon-style people with speech bubbles, below the text: 'Join the movement! Stop Scanning Me'.">
<meta property="og:description" content="Privacy empowers. Surveillance weakens.">
<meta property="og:locale" content="en_IR">
<meta property="og:url" content="https://chatcontrol.pt">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="stopscanningme.eu">
<meta property="twitter:url" content="https://chatcontrol.pt">
<meta name="twitter:title" content="Stop Scanning Me">
<meta name="twitter:description" content="Privacy empowers. Surveillance weakens.">
<meta name="twitter:image" content="https://chatcontrol.pt/img/CSAR-campaign-featured.png">
<link href="/style.min.css" type="text/css" rel="stylesheet">
<link href="/style.css" type="text/css" rel="stylesheet">
<link rel="icon" href="../img/favicons/32.png" sizes="32x32">
<link rel="icon" href="../img/favicons/120.png" sizes="129x120">
<link rel="icon" href="../img/favicons/180.png" sizes="180x180">
<link rel="icon" href="../img/favicons/196.png" sizes="196x196">
<title>Chat Control</title>
</head>
<body class="bg-lavender-500 text-white">
<!--
<header class="bg-lavender-800 text-lavender-200 flex justify-center xl:fixed l:top-0 xl:w-full xl:z-20">
<div class="w-full xxl:w-[1920px] hidden xl:flex xl:justify-between xl:items-center xl:py-4 gap-2">
<a href="#" class="flex gap-2 items-center xl:flex-col xxl:flex-row flex-shrink-0">
<img src="../img/logo.svg" alt="" aria-hidden="true">
<p class="text-white font-extrabold">Stop Scanning Me</p>
</a>
<nav id="wideNav" class="flex items-center xl:w-auto justify-center gap-1 flex-wrap xl:flex-nowrap">
<a href="#" class="active">Home</a>
<a href="paper.html">Policymaker</a>
<a href="how-CSAR-affects-us.html">How it's affecting us</a>
<a href="organise-now.html">Organise now</a>
<a href="donate.html">Donate</a>
</nav>
<div class="flex gap-4 items-end justify-end xxl:items-center xl:flex-col xxl:flex-row flex-shrink-0">
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/" class="button">
Stay informed
</a>
</div>
</div>
<div class="flex flex-col xl:hidden py-6">
<input type="checkbox" id="show-burger-menu" class="burger-checkbox" aria-label="Menu"></input>
<div class="xs:w-[360px] s:w-[480px] m:w-[768px] l:w-[1024px] flex justify-between">
<a href="#" class="flex gap-2 items-center">
<img src="../img/logo.svg" alt="" aria-hidden="true">
<p class="text-white font-extrabold">Stop Scanning Me</p>
</a>
<label for="show-burger-menu" class="burger-button w-[50px] h-[50px]">
<svg class="ham hamRotate stroke-lavender-100" viewBox="0 0 100 100">
<path class="line top"
d="m 70,33 h -40 c 0,0 -8.5,-0.149796 -8.5,8.5 0,8.649796 8.5,8.5 8.5,8.5 h 20 v -20" />
<path class="line middle" d="m 70,50 h -40" />
<path class="line bottom"
d="m 30,67 h 40 c 0,0 8.5,0.149796 8.5,-8.5 0,-8.649796 -8.5,-8.5 -8.5,-8.5 h -20 v 20" />
</svg>
</label>
</div>
<div class="burger-menu">
<hr class="text-lavender-500 border-[1px]" />
<nav class="flex flex-col gap-8 pt-12">
<a href="#" class="active">Home</a>
<a href="paper.html">Policymaker</a>
<a href="how-CSAR-affects-us.html">How it's affecting us</a>
<a href="organise-now.html">Organise now</a>
<a href="donate.html">Donate</a>
</nav>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/" class="button">
Stay informed
</a>
<div class="flex flex-col gap-8 pt-14">
<div class="flex gap-[15px] socials-top">
<a class="mask-social-mastodon" rel="external" href="https://chaos.social/@StopScanningMe"
aria-label="Mastodon"></a>
<a class="mask-social-twitter" rel="external" href="https://twitter.com/edri"
aria-label="Twitter"></a>
<a class="mask-social-linkedin" rel="external" href="https://www.linkedin.com/company/european-digital-rights/"
aria-label="Linkedin"></a>
</div>
<nav class="flex gap-2">
<a href="legal.html" class="p-2">Privacy Policy</a>
</nav>
</div>
</div>
</div>
</header>
-->
<section id="intro" class="pt-8 xl:pt-8 flex justify-center mt-8">
<div class="responsive-width flex flex-col justify-center gap-8 l:gap-16">
<p class="hero text-center">Não me controles as conversas</p>
<img src="../img/hero.svg" alt="" aria-hidden="true" class="l:basis-8/12">
<div id="intro" class="flex flex-col l:flex-row gap-4 l:gap-12">
<div class="l:basis-7/12">
<h1 class="h1 pb-4">A privacidade enfortece-nos, a vigilância enfraquece-nos</h1>
<p class="h3">Todos beneficiamos da liberdade e privacidade que temos para explorar a nossa identidade e construir comunidades. Todos precisamos de espaços seguros, especialmente em situações de fragilidade.</p>
</div>
<div class="l:basis-5/12">
<p class='mb-4'>Em 2022, os legisladores Europeus propuseram novas regras com o intuito de proteger as crianças. Infelizmente, esta lei permite que as autoridades monitorizem as conversas legítimas de qualquer cidadão.</p>
<p class='mb-4'>Esta legislação prejudica toda a gente, incluindo as crianças que tenta proteger. Tornar a internet menos segura não protege ninguém.</p>
<p>
Se trabalharmos em conjunto, conseguimos proteger as crianças sem comprometer a confidencialidade e segurança das comunicações digitais.
</p>
</div>
</div>
</div>
</section>
<section id="explainer-video" class="flex flex-col gap-[15px] items-center pt-16 l:pt-32">
<video controls src="/video/csar-explainer.mp4#t=0.001" preload="metadata" id="video">
<p>Your browser does not support video. You can download an explainer video here:
<a href="/video/csar-explainer.mp4" download>https://chatcontrol.pt/video/csar-explainer.mp4</a>
</p>
</video>
<!--
<div id="share-video">
<input type="checkbox" id="toggle-share-box" aria-hidden="true"></a>
<label for="toggle-share-box" class="open-share-box">
<div aria-hidden="true" class="icon mask-icon-share"></div>
Share NOW!
</label>
<div id="share-box">
<label for="toggle-share-box" class="close-share-box"
title="Close"></label>
<a rel="external" href="https://twitter.com/intent/tweet?text=Breaking%20%23encryption%20puts%20everyone%20in%20danger!%0D%0DIntrusive%20surveillance%20deprives%20survivors%20of%20safe%20space%20%26%20discourages%20them%20from%20seeking%20help.%0D%0DInstead%2C%20we%20need%20structural%20approaches%20to%20tackling%20the%20root%20of%20horrific%20crimes%20like%20CSA.%20%23StopScanningMe%0D%0D%20%E2%9E%A1%EF%B8%8Fhttps%3A%2F%2Fstopscanningme.eu%2Fvideo%2Fcsar%2Dexplainer.mp4">
<div aria-hidden="true" class="icon mask-icon-twitter"></div>
Share to Twitter
</a>
<div>
<h2 class="h4 pb-2 mt-8">Copy-paste and share on other social media:</h2>
<textarea rows="8" class="w-full p-2 caption">Breaking #encryption puts everyone in danger!
Intrusive surveillance deprives survivors of safe space & discourages from seeking help.
Instead, we need structural approaches to tackling the root of horrific crimes like CSA. #StopScanningMe
➡https://chatcontrol.pt/video/csar-explainer.mp4</textarea>
</div>
</div>
</div>
-->
<script>
const share = async (shareButton, title, text) => {
shareButton.checked = false;
if ('canShare' in navigator) { // Using the Web Share API.
const data = {
title,
text,
};
if (navigator.canShare(data)) {
try {
await navigator.share(data);
} catch (err) {
if (err.name !== 'AbortError') {
console.error(err.name, err.message);
}
shareButton.checked = true;
} finally {
return;
}
}
} else {
shareButton.checked = true;
}
};
const shareButton = document.getElementById("toggle-share-box");
shareButton.addEventListener('click', async () => {
if (!shareButton.checked) {
return;
}
const shareText = "Breaking #encryption puts everyone in danger!\nIntrusive surveillance deprives survivors of safe space & discourages from seeking help.\nInstead, we need structural approaches to tackling the root of horrific crimes like CSA. #StopScanningMe\n➡ https://stopscanningme.eu/video/csar-explainer.mp4";
await share(
shareButton,
"Stop Scanning Me",
shareText);
});
</script>
</section>
<section id="sign-petition-after-video" class="flex justify-center mt-12 l:mt-24">
<div class="responsive-width flex justify-center">
<a rel="external" href="https://civicrm.edri.org/stop-scanning-me"
class="button special larger w-full l:w-1/2 self-center text-center">Assina a petição
</a>
</div>
</section>
<div class="h-0 pt-32 l:pt-32 px-4 l:px-32 responsive-width mx-auto" aria-hidden="true">
<div class="flex flex-row gap-[10px] justify-center m:justify-around -mt-16 l:-mt-32">
<img src="../img/care-1.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[80px] z-10">
<img src="../img/care-2.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[100px] z-10">
<img src="../img/care-3.svg" alt="" aria-hidden="true" class="l:w-[200px] w-[80px] z-10">
</div>
</div>
<section id="motivation" class="flex justify-center">
<div class="responsive-width bg-white text-lavender-800 shadow pt-16 px-4 pb-12 l:pt-24 l:px-32 l:pb-16">
<h1 class="pb-2 l:pb-6 pt-7 l:pt-6 text-center">Porque é que me devo preocupar?</h1>
<p class="mt-4 l:mt-6">
<strong>As tuas conversas privadas vão ser analisadas.</strong>
Não vais poder partilhar nada íntimo sem correr o risco de todas as tuas mensagens, fotos e vídeos acabarem nas mãos de uma instituição do governo.
</p>
<p class="mt-4 l:mt-6">
<strong>Sabe-se que a tecnologia a usar não é robusta.</strong>
E como consequência, qualquer um de nós pode ser acusado de ser um agressor sexual (de crianças) sem ter feito nada de errado.
</p>
<p class=" mt-4 l:mt-6">
<strong>Não podemos dar passos em falso.</strong>
Todos concordamos: o abuso sexual de menores é um acto horrível.
É por isso que não devemos desperdiçar os nossos recursos em metodologias que sabemos que são ineficazes e prejudiciais para aqueles que estamos a tentar proteger.
</p>
</div>
</section>
<!--
<section id="interlinking" class="flex justify-center">
<div
class="responsive-width flex flex-col xl:flex-row gap-6 xxl:gap-12 pt-12 xl:pb-12 px-0 xl:pt-16 xl:px-0 text-lavender-600 xl:justify-between">
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/law.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read the full letter signed by 133 NGOs</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/policy-recommendations.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html#policyExplainer"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read our alternatives</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
<div class="xl:basis-1/3 flex bg-white">
<img src="../img/glasses-book.svg" alt="" aria-hidden="true"
class="w-[100px] l:w-[150px] xxl:w-[200px] xl:h-[200px] px-2 xl:px-4 bg-white shrink-0 place-self-center" />
<a href="paper.html#paper"
class="h3 bg-lavender-200 hover:bg-lavender-300 p-6 grow flex flex-col justify-between gap-7 cursor-pointer">
<p>Read our legal analysis of the proposal</p>
<div class="self-end flex flex-row items-center gap-2">
<p class="xl:hidden">More</p>
<img src="../img/icons/arrow_up_right.svg" alt="" class="w-3 h-3" />
</div>
</a>
</div>
</div>
</section>
<section id="sign-petition" class="flex justify-center my-16 l:my-24">
<div class="responsive-width flex justify-center">
<a rel="external" href="https://civicrm.edri.org/stop-scanning-me"
class="button larger shadow w-full l:w-1/2 self-center py-12 text-center">Join 133 NGOs and sign the petition
</a>
</div>
</section>
-->
<!--
<section id="testimonials" class="pb-32 pt-16 l:pt-32 flex flex-col justify-center items-center">
<div class="responsive-width self-center flex flex-col justify-center">
<h1 class="pb-8 l:pb-12 text-center l:order-2">What do people say?</h1>
<img src="../img/testimonials.svg" alt="" aria-hidden="true"
class="self-end l:self-start -mb-6 -mt-6 l:-mb-10 z-10 w-[140px] l:w-[240px] l:order-1 animated">
</div>
<div class="w-full flex justify-center">
<div class="flex flex-nowrap gap-4 overflow-auto pb-6 text-lavender-600 m-0">
<div class="testimonial bg-orange">
<div>
<div class="mask-parallels">
<img alt="Photo of Emma Prest" src="../img/people/EmmaPrest.png" />
</div>
<p>We are trying to investigate the same governments that would have access to this scanning technology. Journalists are already under attack and being targeted. This legislation would just give more power to those in authority to abuse their position.</p>
</div>
<div>
<div>
<p>Emma Prest</p>
<p><a href="https://www.occrp.org/">Organized Crime and Corruption Reporting Project</a></p>
</div>
<a href="how-CSAR-affects-us.html#professionals" class="button">More information</a>
</div>
</div>
<div class="testimonial bg-lavender-200">
<div>
<div class="mask-fisheye">
<img alt="Photo of Charalampos Kyritsis"
src="../img/people/CharalamposKyritsis.png" />
</div>
<p>Scanning our phones and laptops is an easy scalable door for powerful people to access our private conversations. Today is for CSA material, tomorrow there will be another excuse. Who will say no to other uses when the technology is already there? It leads to breaking of the free flow of information and a chilling effect for freedom of speech.</p>
</div>
<div>
<div>
<p>Charalampos Kyritsis</p>
<p>Young activist, Greece</p>
</div>
<a href="how-CSAR-affects-us.html#youth" class="button">
More information
</a>
</div>
</div>
<div class="testimonial bg-pink">
<div>
<div class="mask-circle">
<img alt="A photo of an activist" src="../img/people/LdDH.png" />
</div>
<p>It would de facto allow authorities to have access to the content of encrypted exchanges. This would weaken the online security of people who work with sensitive information (journalists, lawyers, human rights defenders, etc.). What about apps and software such as Signal and Tor that don't collect metadata about their users?</p>
</div>
<div>
<div>
<p>Ligue des Droits Humains</p>
<p>NGO, Belgium</p>
</div>
<a href="how-CSAR-affects-us.html#organizations" class="button">
More information
</a>
</div>
</div>
<div class="testimonial bg-lavender-200">
<div>
<div class="mask-fisheye">
<img alt="Pixel art avatar of Aura" src="../img/people/Aura.png" />
</div>
<p>With this proposal young people and activists will be stripped of the opportunity to find a safe and encrypted space to exchange experiences and to discuss personal and political matters. We don't want to fear that our supposed-to-be private conversations can be turned against us.</p>
</div>
<div>
<div>
<p>Aura</p>
<p>Young activist, Germany</p>
</div>
<a href="how-CSAR-affects-us.html#youth" class="button">More information</a>
</div>
</div>
<div class="testimonial bg-orange">
<div>
<div class="mask-parallels">
<img alt="Photo of Geoff Hunter"
src="../img/people/GeoffHunter.png" />
</div>
<p>If our communications were intercepted, this would damage our stories and the safety of the people who are our sources. [...] People could get killed.</p>
</div>
<div>
<div>
<p>Geoff Hunter</p>
<p><a href="https://www.occrp.org/">Organized Crime and Corruption Reporting Project</a></p>
</div>
<a href="how-CSAR-affects-us.html#professionals" class="button">More information</a>
</div>
</div>
</div>
</div>
</section>
-->
<!--
<section id="quote" class="flex justify-center">
<div class="responsive-width l:pb-32 l:basis-8/12 pb-16">
<h2 class="text-white text-center">If we work together, we can protect children whilst upholding confidentiality and security online.</h2>
</div>
</section>
-->
<!--
<section id="subscribe" class="flex justify-center pb-8 l:pb-16">
<div class="responsive-width
bg-lavender-600 flex flex-col gap-2 l:gap-4 l:p-16 px-4 py-6 justify-center">
<div class="flex flex-col gap-8 l:gap-16">
<div>
<h2 class="pb-4">Stay updated!</h2>
<p class="quote">Get the latest news from the Stop Scanning Me campaign and find out how you can contribute to making the internet a safe place for all.</p>
</div>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/"
class="button w-full l:w-1/2 self-center">Subscribe today
</a>
</div>
</div>
</section>
-->
<!--
<div class="h-0 rtl" aria-hidden="true">
<img src="../img/news-media.svg" alt="" aria-hidden="true" class="news-float">
</div>
-->
<section id="informacoes" class="bg-lavender-800 text-white py-16 l:pt-32 l:pb-16 flex mt-8 l:mt-24 justify-center">
<div class="responsive-width">
<h1 class="text-center pb-6 l:pb-12">Informações</h1>
<div class="flex flex-col gap-12">
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">O impacto no desenvolvimento de jovens</h2>
<p>Uma grande parte de ser jovem é explorar e descobrir a nossa própria identidade: em que é que acreditamos, de que é que gostamos, e quem é que queremos ser. Na nossa sociedade, os espaços online são uma parte essencial deste processo, seja através de redes sociais, aplicações de troca de mensagens, ou videojogos.</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<h2 class="h3">O impacto no sigilo profissional</h2>
<p>Todos precisamos de privacidade, mas há certas profissões obrigadas ao sigilo profissional. Para jornalistas, advogado/as, e médico/as, a privacidade nas comunicações é essencial. </p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<img alt="" aria-hidden="true" src="../img/news/UN.png" />
<h2 class="h3">O impacto na mudança social</h2>
<p>As mudanças sociais positivas têm sido largamente feitas por defensores dos direitos humanos: activistas, voluntário/as, ou profissionais que trabalhem com a sociedade civil. Para haver uma sociedade democrática, é preciso que consigam comunicar de forma segura e livre de monitorização.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="alternativas" class="flex justify-center bg-lavender-600 pt-24 l:pt-28 pb-16 l:pb-24 flowing-text">
<div class="responsive-width">
<h1 class="text-center pb-6 l:pb-12">Soluções alternativas</h1>
<div class="bg-white text-lavender-800 shadow px-4 py-12 l:px-10 l:py-14 xl:px-24">
<div class="flex flex-col gap-8 l:items-center">
<h1 class="h2 text-center">Em vez de implementar soluções de monitorização global, sugerimos um maior foco em mudanças estruturais que incidam sobre o crime horrível de abuso sexual de menores.</h1>
</div>
</div>
<div class="flex flex-col gap-12 mt-12 l:mt-12">
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">1. Educação, consciencialização e capacitação das vítimas</h2>
<p>
Aumentar a consciencialização da população
jovem para a existência de linhas de apoio,
queixas institucionais (como a polícia e
serviços de segurança social) e outros
mecanismos de ajuda.
</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<h2 class="h3">2. Mudanças sociais e estruturais</h2>
<p>
Muitas organizações recomendam aumentar o
investimento nos serviços de segurança social,
como departamentos de protecção de menores,
escolas, e medidas anti-pobreza.
</p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">3. Restruturar a polícia e outras instituições</h2>
<p>
Na Alemanha, uma das maiores colecções de
material de abuso sexual de menores alguma vez
descoberto continuou online durante anos porque
a polícia disse não ter recursos humanos para a
desactivar.
Soluções estruturais garantiriam que as
autoridades apropriadas teriam os recursos
apropriados para lidar com o vasto número de
casos de material de abuso sexual de menores
que já recebem e ficam por endereçar.
</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<h2 class="h3">4. Investir nas linhas de apoio</h2>
<p>
Aumentar os orçamentos das linhas de apoio
tanto a nível da União Europeia como a nível
nacional, garantir que há base legislativa
adequada ao seu trabalho, e garantir que os
fundos serão disponibilizados a longo prazo
&ndash; são medidas que aumentariam a
capacidade e reduziriam a precariedade destas
instituições que já fazem um trabalho
significativo de remoção de material de abuso
sexual de menores da internet de forma rápida e
eficaz, e que também dão apoio às vítimas.
</p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">5. Aplicar a legislação já em vigor</h2>
<p>
A Directiva 2021 obriga os Estados-Membro a
tomar mais medidas para endereçar o abuso
sexual de menores a nível nacional.
<strong>Esta directiva não foi implementada na
sua totalidade apesar de estar em vigor há 11
anos</strong>. O DSA (Digital Services Act)
também introduz muitas oportunidades para
endereçar o problema do conteúdo ilegal online,
incluindo material de abuso sexual de menores.
</p>
</div>
</div>
<div class="l:basis-1/2">
<div>
<h2 class="h3">6. Prevenção</h2>
<p>
<a href="https://home.crin.org/issues/sexual-violence">"O
abuso não vai parar enquanto as raízes do
problema que permitem que este exista em
primeiro lugar não forem confrontadas"</a>. O
CDC (Centros de Controlo e Prevenção de Doenças)
informa que <a href="https://www.cdc.gov/violenceprevention/childsexualabuse/fastfact.html">"Estão
disponíveis estratégias eficazes
baseadas em provas para proteger
proactivamente as crianças de
abuso sexual, mas
poucas delas foram consideravelmente divulgadas"</a>.
</p>
</div>
</div>
</div>
<div class="article-row">
<div class="l:basis-1/2">
<div>
<h2 class="h3">7. Trabalhar em conjunto para proteger as crianças e todos os direitos fundamentais</h2>
<p>
Reunir grupos de direitos de crianças,
educadores, assistentes sociais, grupos de
direitos digitais, e outros grupos de direitos
humanos, ajudar-nos-á a responder à pergunta mais importante:
<strong>como é que conseguimos manter as crianças seguras, enquanto garantimos os nossos direitos fundamentais?</strong>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section id="campaigns" class="flex justify-center bg-lavender-600 pt-24 l:pt-28 pb-16 l:pb-24 flowing-text">
<div class="responsive-width l:w-3/4 bg-white text-lavender-800 shadow px-4 py-12 l:px-10 l:py-14 xl:px-24">
<div class="flex flex-col gap-8 l:items-center">
<h1 class="h2 text-center">The Stop Scanning Me campaign is present in different countries.</h1>
<p class="h3 text-center">
<a rel="external" href="https://chat-kontrolle.eu/"
aria-label="Link to the German campaign site">
The German "Chatkontrolle STOPPEN!" campaign
</a>
</p>
<p class="h3 text-center">
<a rel="external" href="https://chatcontrol.dk/en/"
aria-label="Link to the Danish campaign site">
The Danish "Chat control" coalition
</a>
</p>
<p class="h3 text-center">
<a rel="external" href="https://chatcontrol.se/"
aria-label="Link to the Swedish campaign site">
The Swedish "Chat Control 2.0" campaign
</a>
</p>
</div>
</div>
</section>
-->
<!--
<section id="supporters" class="bg-white text-lavender-800 py-12 l:py-16 flex justify-center">
<div class="responsive-width">
<h1 class="text-center pb-16">Our Coalition</h1>
<div class="grid grid-cols-2 l:grid-cols-5 gap-x-4 gap-y-8 place-items-center">
<a rel="external" href="https://epicenter.works/">
<img alt="epicenter.works" src="../img/partners/Epicenterworks.jpg" />
</a>
<a rel="external" href="https://www.apti.ro/apti-english">
<img alt="Association for Technology and Internet (ApTI)" src="../img/partners/ApTI.png" />
</a>
<a rel="external" href="https://www.ccc.de/">
<img alt="Chaos Computer Club (CCC)" src="../img/partners/CCC.jpg" />
</a>
<a rel="external" href="https://www.internetsociety.org/">
<img alt="Internet Society" src="../img/partners/ISOC.jpg" />
</a>
<a rel="external" href="https://mnemonic.org/">
<img alt="Mnemonic" src="../img/partners/Mnemonic.png" />
</a>
<a rel="external" href="https://gong.hr/en/">
<img alt="Gongtest" src="../img/partners/Gongtest.png" />
</a>
<a rel="external" href="https://www.load-ev.de/">
<img alt="LOAD e.V." src="../img/partners/LOAD.png" />
</a>
<a rel="external" href="https://www.youthforum.org/">
<img alt="European Youth Forum (AEGEE-Europe)" src="../img/partners/EYF_blue.jpg" />
</a>
<a rel="external" href="https://www.bitsoffreedom.nl/">
<img alt="Bits of Freedom" src="../img/partners/Bits-of-Freedom.png" />
</a>
<a rel="external" href="https://digitalegesellschaft.de/">
<img alt="Digitale Gesellschaft" src="../img/partners/Digitale-Gesellschaft-DE.png" />
</a>
<a rel="external" href="https://edri.org/">
<img alt="European Digital Rights (EDRi)" src="../img/partners/EDRi20.png" />
</a>
<a rel="external" href="https://www.eff.org/">
<img alt="Electronic Frontier Foundation (EFF)" src="../img/partners/EFF.png" />
</a>
<a rel="external" href="https://digitalcourage.de/">
<img alt="Digitalcourage" src="../img/partners/Digitalcourage.png" />
</a>
<a rel="external" href="https://jaaklac.org/">
<img alt="JAAKLAC iniciativa" src="../img/partners/JAAKLAClogo.png" />
</a>
<a rel="external" href="https://berliner-wassertisch.net/">
<img alt="Berliner Wassertisch" src="../img/partners/Berliner_Wassertisch.png" />
</a>
<a rel="external" href="https://cdt.org/">
<img alt="CDT (Center for Democracy and Technology)" src="../img/partners/CDT.jpg" />
</a>
<a rel="external" href="https://gi.de/">
<img alt="German Informatics Society" src="../img/partners/German_Informatics_Society.png" />
</a>
<a rel="external" href="https://www.womenslinkworldwide.org/en">
<img alt="Women's Link Worldwide" src="../img/partners/WLW.png" />
</a>
<a rel="external" href="https://d-64.org/">
<img alt="D64" src="../img/partners/D64.png" />
</a>
<a rel="external" href="https://efn.no/">
<img alt="Elektronisk Forpost Norge (EFN)" src="../img/partners/EFN.svg" />
</a>
<a rel="external" href="https://www.eswalliance.org/">
<img alt="European Sex Workers' Rights Alliance (ESWA)" src="../img/partners/ESWA.svg" />
</a>
<a rel="external" href="https://www.dfri.se/?lang=en">
<img alt="Föreningen för Digitala Fri- och Rättigheter (DFRI)" src="../img/partners/DFRI.svg" />
</a>
<a rel="external" href="https://www.homodigitalis.gr/en">
<img alt="Homo Digitalis" src="../img/partners/homo-digitalis.png">
</a>
<a rel="external" href="https://www.laquadrature.net/">
<img alt="La Quadrature du Net" src="../img/partners/la-quadrature-du-net.png" />
</a>
</div>
</div>
</div>
</section>
-->
<!--
<section id="subscribe2" class="bg-white l:py-12 pt-[72px] pb-6 flex justify-center">
<div class="responsive-width
bg-lavender-100 flex flex-col gap-2 l:gap-4 l:p-16 px-4 py-6 justify-center">
<div class="flex flex-col gap-8 l:gap-16">
<div>
<h2 class="pb-4 text-lavender-800">Stay updated!</h2>
<p class="quote text-lavender-700">Get the latest news from the Stop Scanning Me campaign and find out how you can contribute to making the internet a safe place for all.</p>
</div>
<a rel="external" href="https://edri.org/take-action/stay-up-to-date-with-edris-newsletters/"
class="button w-full l:w-1/2 self-center">Subscribe today
</a>
</div>
</section>
-->
<footer class="bg-white text-lavender-600 flex justify-center py-4 px-4">
<div class="responsive-width
flex flex-col l:flex-row justify-between items-center gap-4">
<a href="#" class="flex gap-2 items-center">
<img src="../img/logo-dark.svg" alt="" aria-hidden="true">
<p class="text-lavender-800 font-extrabold">Chat Control</p>
</a>
<nav class="flex gap-2">
<a href="https://direitosdigitais.pt">Website mantido pela Associação D3 - Defesa dos Direitos Digitais</a>
</nav>
<div>Adaptado da campanha <a href="https://stopscanningme.eu">Stop Scanning Me</a> (EDRi, <a href="https://creativecommons.org/licenses/by/4.0/" rel="external">CC BY 4.0</a>)</div>
<div class="flex items-center gap-[15px] socials-footer">
<a class="mask-social-mastodon" rel="external" href="https://ciberlandia.pt/@d3"
aria-label="Mastodon"></a>
<a class="mask-social-twitter" rel="external" href="https://twitter.com/direitosdig"
aria-label="Twitter"></a>
<a class="mask-social-gitea" rel="external" href="https://git.ansol.org/hugopeixoto/chatcontrol.pt"
aria-label="Código fonte"></a>
</div>
</div>
</footer>
</body>
</html>