mirror
/
fedigov-pt
kopia lustrzana https://codeberg.org/hugopeixoto/fedigov
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność
fedigov-pt/public/index.html

463 wiersze
19 KiB
HTML
Czysty Wina Historia

<!DOCTYPE html>
<html lang="pt">
<head>
<meta name="generator" content="Hugo 0.88.1" />
<meta name="description" content="federated communication for authorities" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>FediGov</title>
<link rel="icon" type="image/png" href="/images/favicon.png" />
<link href="/css/fonts.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/style.min.119b58c3a95812961d1e5957dbb9944709add1b30b4a725a6c812ffbf09b92a9.css" integrity="sha256-EZtYw6lYEpYdHllX27mURwmt0bMLSnJabIEv&#43;/Cbkqk=">
<link rel="stylesheet" type="text/css" href="/css/icons.css">
</head>
<body>
<div id="preloader">
<div id="status"></div>
</div>
<section class="hero is-fullheight is-default is-bold">
<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/images/logos/fedigov_logo.svg" alt="" width="112" height="28">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbar-menu" class="navbar-menu is-static">
<div class="navbar-end">
<a href="#section2_id" class="navbar-item is-secondary">
Motivação
</a>
<a href="#section1_id" class="navbar-item is-secondary">
Canais
</a>
<a href="#section3_id" class="navbar-item is-secondary">
Fediverso
</a>
<a href="#section4_id" class="navbar-item is-secondary">
Citações
</a>
<a href="#section6_id" class="navbar-item">
<span class="button signup-button rounded secondary-btn raised">
Carta
</span>
</a>
</div>
</div>
</div>
</nav>
<nav id="navbar-clone" class="navbar is-fresh is-transparent" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/images/logos/fedigov_logo.svg" alt="" width="112" height="28">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="cloned-navbar-menu" class="navbar-menu is-fixed">
<div class="navbar-end">
<a href="#section2_id" class="navbar-item is-secondary">
Motivação
</a>
<a href="#section1_id" class="navbar-item is-secondary">
Canais
</a>
<a href="#section3_id" class="navbar-item is-secondary">
Fediverso
</a>
<a href="#section4_id" class="navbar-item is-secondary">
Citações
</a>
<a href="#section6_id" class="navbar-item">
<span class="button signup-button rounded secondary-btn raised">
Carta
</span>
</a>
<a href="#translations" class="navbar-item navbar-translation">
<i class="fa fa-language" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</nav>
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-5 is-offset-1 landing-caption">
<h1 class="title is-1 is-bold is-spaced">
Comunicação federada nas instituições públicas
</h1>
<h2 class="subtitle is-5 is-muted">
Comunicar com confiança e respeito com o público
</h2>
<p>
<a class="button cta rounded primary-btn raised" href="/#section6_id">
Intervir
</a>
<a class="button cta rounded primary-btn raised" href="#section1_id">
Fedi... quê?
</a>
</p>
<br/><br/>
<p class="subtitle is-6 is-muted">
As instituições públicas (agências governamentais, emissoras, instituições de ensino) usam predominantemente plataformas proprietárias como Twitter, Facebook, Instagram e Youtube. As empresas por detrás destas plataformas controlam quem as pode utilizar e como podem ser utilizadas. Além disso, ao destacar e utilizar estes serviços, as instituições públicas acabam por publicitar e incentivar as pessoas a utilizar estes serviços.
<br/><br/>
Queremos convencer as instituições públicas a repensar o seu uso das redes sociais. Isto é possível com a transição gradual para soluções federadas de Software Livre.
</p>
</div>
<div class="column is-5 is-offset-1">
<figure class="image is-4by3">
<img src="/images/illustrations/fedigov1.svg" alt="Description">
</figure>
</div>
</div>
</div>
</div>
<div class="hero-foot mb-20">
<div class="container">
<div class="tabs is-centered">
<ul>
</ul>
</div>
</div>
</div>
</section>
<section id="section2_id" class="section is-medium">
<div class="container">
<div class="columns">
<div class="column is-centered-tablet-portrait">
<h1 class="title section-title">Motivos para mudar</h1>
<h3 class="subtitle is-5 is-muted">O ponto de entrada para uma comunicação ética</h3>
<div class="divider"></div>
</div>
<div class="column is-7 mt-60">
<article class="media icon-box">
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Soberania</span>
<span class="icon-box-text">A soberania digital procura a utilização independente e auto-determinada de tecnologias digitais por parte do estado, organizações e indivíduos. Soluções de Software Livre descentralizadas dão-nos o direito de as usar, estudar, distribuir e melhorar para qualquer objectivo. Este é um ponto fundamental para a democracia numa sociedade cada vez mais digital.</span>
</p>
</div>
</div>
</article>
<article class="media icon-box">
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Protecção de Dados</span>
<span class="icon-box-text">As pessoas não devem ser forçadas a ceder os seus dados a megacorporações só para poderem comunicar com instituições públicas. A administração pública deve apoiar o público a proteger os seus dados.</span>
</p>
</div>
</div>
</article>
<article class="media icon-box">
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Dinheiro público</span>
<span class="icon-box-text">O dinheiro público deve ser usado para o benefício da população e para cumprir as obrigações legais das instituições públicas, e não para subsidiar modelos de negócio duvidosos de provedores internacionais.</span>
</p>
</div>
</div>
</article>
<article class="media icon-box">
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">Certeza legal</span>
<span class="icon-box-text">É difícil de conciliar a utilização de redes sociais de empresas gigantes tecnológicas com as leis de protecção de dados. As instituições públicas têm o dever de garantir a comunicação segura e legal das pessoas.</span>
</p>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<section id="section1_id" class="section section-feature-grey is-medium">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">Comunicação aberta</h2>
<h3 class="subtitle is-5 is-muted">no Fediverso</h3>
<div class="divider is-centered"></div>
</div>
<div class="content-wrapper">
<div class="columns">
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
<div class="card-title">
<h4>Mastodon em vez de Twitter</h4>
</div>
<div class="card-icon">
<img src="/images/illustrations/icons/message-regular.svg">
</div>
<div class="card-text">
<p>Microblogging</p>
</div>
<div class="card-action">
<a href="https://joinmastodon.org/" class="button btn-align-md accent-btn raised">Começar</a>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
<div class="card-title">
<h4>Pixelfed em vez de Instagram</h4>
</div>
<div class="card-icon">
<img src="/images/illustrations/icons/image-regular.svg">
</div>
<div class="card-text">
<p>Partilha de fotografias</p>
</div>
<div class="card-action">
<a href="https://pixelfed.org" class="button btn-align-md accent-btn raised">Começar</a>
</div>
</div>
</div>
<div class="column is-one-third">
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
<div class="card-title">
<h4>PeerTube em vez de Youtube</h4>
</div>
<div class="card-icon">
<img src="/images/illustrations/icons/video-solid.svg">
</div>
<div class="card-text">
<p>Partilha de vídeos</p>
</div>
<div class="card-action">
<a href="https://joinpeertube.org/" class="button btn-align-md accent-btn raised">Começar</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section3_id" class="section section-feature-grey is-medium">
<div class="container">
<div class="columns">
<div class="column is-10 is-offset-1">
<div class="has-text-centered">
<img class="pushed-image" src="/images/illustrations/fediverse.png">
</div>
</div>
</div>
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">Fediverso</h2>
<h3 class="subtitle is-5 is-muted">Um conjunto de serviços federados usados para publicação na web e alojamento de ficheiros, redes sociais e microblogging.</h3>
</div>
<p class="has-text-centered mt-20">
<a class="button cta is-large rounded secondary-btn raised" href="https://fediverse.party/en/fediverse/">
Explorar
</a>
</p>
</div>
</section>
<section id="section4_id" class="section is-medium section-secondary">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2 light-text is-spaced">Bons exemplos</h2>
<h3 class="subtitle is-5 light-text">Comunicação o público de forma soberana, sem publicidade e com foco na privacidade.</h3>
</div>
<div class="content-wrapper">
<div class="columns is-vcentered">
<div class="column is-4">
<figure class="testimonial">
<a href="https://social.bund.de/@blnbdi">
<blockquote>
Com o nosso novo perfil de Mastodon queremos mostrar que as redes sociais podem ser usadas de acordo com as leis de protecção de dados.
</blockquote>
<div class="author">
<h5>Volker Brozio</h5>
<span>Encarregado de protecção de dados de Berlim</span>
</div>
</a>
</figure>
</div>
<div class="column is-4">
<figure class="testimonial">
<a href="https://edps.europa.eu/press-publications/press-news/press-releases/2022/edps-launches-pilot-phase-two-social-media_en">
<blockquote>
Com o lançamento piloto do EU Voice e EU Video, queremos oferecer redes sociais alternativas que prioritizem os indivíduos e o seu direito à privacidade e protecção de dados.
</blockquote>
<div class="author">
<h5>Wojciech Wiewiórowski</h5>
<span>Autoridade Europeia para a Proteção de Dados</span>
</div>
</a>
</figure>
</div>
<div class="column is-4">
<figure class="testimonial">
<a href="https://baw%c3%bc.social/@RegierungBW">
<blockquote>
Na rede Mastodon, mantemos um diálogo digital activo sem entregar os nossos dados ou os dos utilizadores a uma empresa comercial que faz negócios com os dados pessoais.
</blockquote>
<div class="author">
<h5>Stefan Brink</h5>
<span>Encarregado de protecção de dados de Baden-Württemberg</span>
</div>
</a>
</figure>
</div>
</div>
</div>
</div>
</section>
<section id="section6_id" class="section section-feature-grey is-medium">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">Contacte as instituições públicas</h2>
<h3 class="subtitle is-5 is-muted">Uma carta recebe mais atenção que uma mensagem de correio electrónico. Copie o texto abaixo e envie uma carta para as instituições públicas.</h3>
</div>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-text">Endereço <br/><br/> Assunto: Utilização de redes sociais na vossa instituição <br/><br/> Exmo/as. Sr/as., <br/><br/> A vossa instituição providencia vários canais de comunicação para alcançar e interagir com as pessoas. <br/><br/> As redes sociais têm tomado um papel cada vez mais importante neste contexto. Esta utilização, no entanto, não é sem desvantagens. Por exemplo, uma desvantagem é a dependência de empresas gigantes tecnológicas internacionais. A sua posição dominante no que toca ao acesso livre a plataformas de comunicação compromete a nossa soberania digital. <br/><br/> Temos também observado vários encarregados de protecção de dados indicarem que estas redes não cumprem os requisitos legais e que seriam necessárias mudanças regulatórias significativas para que os seus utilizadores estivessem protegidos de acordo com as legislações existentes no que toca a protecção de dados. <br/><br/> É importante que a Administração Pública adopte serviços distribuidos de Software Livre para comunicar com as pessoas, em vez de as tornar dependentes das vontades e comportamentos destas empresas gigantes tecnológicas. <br/><br/> Gostaríamos então que a vossa instituição contribuisse para esta causa ao adoptar soluções federadas, como o Mastodon, para comunicar com o público. <br/><br/> Com os melhores cumprimentos</span>
</p>
</div>
</div>
<p class="has-text-centered mt-20">
<a class="button cta is-large rounded secondary-btn raised"
href="mailto:kontakt@behoerde.ch?subject=Verwendung%20von%20sozialen%20Medien%20in%20ihrer%20Beh%c3%b6rde&body=Exmo/as.%20Sr/as.,%20%0D%0A%0D%0A%20A%20vossa%20institui%c3%a7%c3%a3o%20providencia%20v%c3%a1rios%20canais%20de%20comunica%c3%a7%c3%a3o%20para%20alcan%c3%a7ar%20e%20interagir%20com%20as%20pessoas.%20%0D%0A%0D%0A%20As%20redes%20sociais%20t%c3%aam%20tomado%20um%20papel%20cada%20vez%20mais%20importante%20neste%20contexto.%20Esta%20utiliza%c3%a7%c3%a3o,%20no%20entanto,%20n%c3%a3o%20%c3%a9%20sem%20desvantagens.%20Por%20exemplo,%20uma%20desvantagem%20%c3%a9%20a%20depend%c3%aancia%20de%20empresas%20gigantes%20tecnol%c3%b3gicas%20internacionais.%20A%20sua%20posi%c3%a7%c3%a3o%20dominante%20no%20que%20toca%20ao%20acesso%20livre%20a%20plataformas%20de%20comunica%c3%a7%c3%a3o%20compromete%20a%20nossa%20soberania%20digital.%20%0D%0A%0D%0A%20Temos%20tamb%c3%a9m%20observado%20v%c3%a1rios%20encarregados%20de%20protec%c3%a7%c3%a3o%20de%20dados%20indicarem%20que%20estas%20redes%20n%c3%a3o%20cumprem%20os%20requisitos%20legais%20e%20que%20seriam%20necess%c3%a1rias%20mudan%c3%a7as%20regulat%c3%b3rias%20significativas%20para%20que%20os%20seus%20utilizadores%20estivessem%20protegidos%20de%20acordo%20com%20as%20legisla%c3%a7%c3%b5es%20existentes%20no%20que%20toca%20a%20protec%c3%a7%c3%a3o%20de%20dados.%20%0D%0A%0D%0A%20%c3%89%20importante%20que%20a%20Administra%c3%a7%c3%a3o%20P%c3%bablica%20adopte%20servi%c3%a7os%20distribuidos%20de%20Software%20Livre%20para%20comunicar%20com%20as%20pessoas,%20em%20vez%20de%20os%20tornar%20dependentes%20das%20vontades%20e%20comportamentos%20destas%20empresas%20gigantes%20tecnol%c3%b3gicas.%20%3cbr/%3e%3cbr/%3e%20%0D%0A%0D%0A%20Gostar%c3%adamos%20ent%c3%a3o%20que%20a%20vossa%20institui%c3%a7%c3%a3o%20contribuisse%20para%20esta%20causa%20ao%20adoptar%20solu%c3%a7%c3%b5es%20federadas,%20como%20o%20Mastodon,%20para%20comunicar%20com%20o%20p%c3%bablico.%20%0D%0A%0D%0A%20Com%20os%20melhores%20cumprimentos">
Alternativamente, envie um email
</a>
</p>
</div>
</section>
<footer class="footer footer-dark" id="translations">
<div class="container">
<div class="columns">
<div class="column">
<div class="footer-logo">
<img src="/images/logos/fedigov_logo.svg">
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Uma iniciativa de</h3>
<a href="https://ansol.org" style="color: #a39688" target="_blank">ANSOL</a>
+ <a href="https://fsfe.org" style="color: #a39688" target="_blank">FSFE</a>
</div>
</div>
</div>
</div>
<div class="title-wrapper has-text-centered">
<p><a href="https://ansol.org/contactos" style="color: #a39688" target="_blank">Contacto</a> |
<a href="https://ansol.org/sobre" style="color: #a39688" target="_blank">Sobre</a> |
<a href="https://codeberg.org/hugopeixoto/fedigov" style="color: #a39688" target="_blank">Código</a> |
<a href="http://creativecommons.org/licenses/by-sa/3.0/" style="color: #a39688">CC-BY-SA 3.0</a></p>
</div>
</footer>
<div id="backtotop"><a href="#"></a></div>
<div id="backtotop"><a href="#"></a></div>
<script src="/js/jquery-2.2.4.min.js"></script>
<script src="/js/feather-4.29.0.min.js"></script>
<script src="/js/fresh.js"></script>
<script src="/js/jquery.panelslider.min.js"></script>
<script src="/js/modernizr-2.8.3.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Kopiuj bezpośredni odnośnik