mirror of https://codeberg.org/hugopeixoto/fedigov
Simplify website and redesign some sections
This had a lot of configuration coming from the theme. Since this is a fork and only uses a single language, we don't need that much flexibility and it only makes it harder to tweak things, so I removed most of it and unrolled the loops. It doesn't support i18n anymore, just change the html files directly.main
parent
1eb889ee96
commit
ae34cfd954
|
@ -0,0 +1,2 @@
|
|||
public/
|
||||
/resources/_gen/
|
91
config.yaml
91
config.yaml
|
@ -1,4 +1,4 @@
|
|||
baseURL: https://fedigov.ch # https://fedigov.ch
|
||||
baseURL: https://fedigov.pt
|
||||
languageCode: pt
|
||||
title: FediGov
|
||||
theme: hugo-fresh
|
||||
|
@ -22,7 +22,7 @@ params:
|
|||
# Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable
|
||||
openGraph: false
|
||||
# Used as meta data; describe your site to make Google Bots happy
|
||||
description: federated communication for authorities
|
||||
description: Comunicação federada nas instituições públicas
|
||||
navbarlogo:
|
||||
# Logo (from static/images/logos/___)
|
||||
image: logos/fedigov_logo.svg
|
||||
|
@ -30,53 +30,17 @@ params:
|
|||
font:
|
||||
name: "Open Sans"
|
||||
sizes: [400,600]
|
||||
hero:
|
||||
# Main hero title
|
||||
title: hero_title
|
||||
# Hero subtitle (optional)
|
||||
subtitle: hero_subtitle
|
||||
subtitle2: hero_subtitle2
|
||||
subtitle3: hero_subtitle3
|
||||
# Button text
|
||||
buttontext: hero_buttontext
|
||||
# Where the main hero button links to
|
||||
buttonlink: /#section6_id
|
||||
button1: hero_button1
|
||||
button1link: hero_button1_link
|
||||
# Hero image (from static/images/___)
|
||||
image: illustrations/fedigov1.svg
|
||||
# Customizable navbar. For a dropdown, add a "sublinks" list.
|
||||
navbar:
|
||||
- title: nav2_text
|
||||
url: "#section2_id"
|
||||
- title: nav3_text
|
||||
url: "#section1_id"
|
||||
- title: nav4_text
|
||||
url: "#section3_id"
|
||||
url: "#section1_id"
|
||||
- title: nav5_text
|
||||
url: "#section4_id"
|
||||
- title: nav6_text
|
||||
url: "#section6_id"
|
||||
button: true
|
||||
section1:
|
||||
title: section1_title
|
||||
subtitle: section1_subtitle
|
||||
tiles:
|
||||
- title: section1_tiles1_title
|
||||
icon: message-regular
|
||||
text: section1_tiles1_text
|
||||
url: https://joinmastodon.org/
|
||||
buttonText: section1_tiles1_buttontext
|
||||
- title: section1_tiles2_title
|
||||
icon: image-regular
|
||||
text: section1_tiles2_text
|
||||
url: https://pixelfed.org
|
||||
buttonText: section1_tiles2_buttontext
|
||||
- title: section1_tiles3_title
|
||||
icon: video-solid
|
||||
text: section1_tiles3_text
|
||||
url: https://joinpeertube.org/
|
||||
buttonText: section1_tiles3_buttontext
|
||||
section2:
|
||||
title: section2_title
|
||||
subtitle: section2_subtitle
|
||||
|
@ -90,37 +54,6 @@ params:
|
|||
text: section2_titles3_text
|
||||
- title: section2_titles4_title
|
||||
text: section2_titles4_text
|
||||
section3:
|
||||
title: section3_title
|
||||
subtitle: section3_subtitle
|
||||
image: illustrations/fediverse.png
|
||||
buttonText: section3_buttontext
|
||||
buttonLink: "https://fediverse.party/en/fediverse/"
|
||||
section4:
|
||||
title: section4_title
|
||||
subtitle: section4_subtitle
|
||||
clients:
|
||||
- name: section4_clients1_name
|
||||
quote: section4_clients1_quote
|
||||
job: section4_clients1_job
|
||||
url: https://social.bund.de/@blnbdi
|
||||
img: 1
|
||||
- name: section4_clients2_name
|
||||
quote: section4_clients2_quote
|
||||
job: section4_clients2_job
|
||||
url: https://edps.europa.eu/press-publications/press-news/press-releases/2022/edps-launches-pilot-phase-two-social-media_en
|
||||
img: 3
|
||||
- name: section4_clients3_name
|
||||
quote: section4_clients3_quote
|
||||
job: section4_clients3_job
|
||||
url: https://bawü.social/@RegierungBW
|
||||
img: 2
|
||||
#~ section5:
|
||||
#~ title: section5_title
|
||||
#~ subtitle: section5_subtitle
|
||||
#~ name: section5_name
|
||||
#~ address: section5_address
|
||||
#~ message: section5_message
|
||||
section6:
|
||||
title: section6_title
|
||||
subtitle: section6_subtitle
|
||||
|
@ -158,21 +91,3 @@ params:
|
|||
links:
|
||||
- text: Sobre a ANSOL
|
||||
link: https://ansol.org/sobre
|
||||
#~ column2:
|
||||
#~ title: "Docs"
|
||||
#~ links:
|
||||
#~ - text: Get started
|
||||
#~ link: /
|
||||
#~ - text: User guides
|
||||
#~ link: /
|
||||
#~ - text: Admin guide
|
||||
#~ link: /
|
||||
#~ - text: Developers
|
||||
#~ link: /
|
||||
#~ column3:
|
||||
#~ title: "Blog"
|
||||
#~ links:
|
||||
#~ - text: Latest news
|
||||
#~ link: /blog/first
|
||||
#~ - text: Tech articles
|
||||
#~ link: /blog/second
|
||||
|
|
150
i18n/en.yaml
150
i18n/en.yaml
|
@ -1,150 +0,0 @@
|
|||
nav1_text:
|
||||
other: Home
|
||||
nav2_text:
|
||||
other: Reasons
|
||||
nav3_text:
|
||||
other: Channels
|
||||
nav4_text:
|
||||
other: Fediverse
|
||||
nav5_text:
|
||||
other: Quotes
|
||||
nav6_text:
|
||||
other: Letter
|
||||
hero_title:
|
||||
other: Federated communication for public authorities
|
||||
hero_subtitle:
|
||||
other: Communicate confidently and respectfully with citizens
|
||||
hero_subtitle2:
|
||||
other: Public institutions (government agencies, broadcasters, educational institutions) predominantly use proprietary platforms such as Twitter, Facebook, Instagram, and YouTube. The companies behind them can decide who communicates on their platforms and how. Furthermore, by prominently linking and using these services, public institutions advertise those services and get citizens to use them.
|
||||
hero_subtitle3:
|
||||
We want to convince public authorities to rethink their use of social media. This is possible with the gradual transition to federated free software solutions.
|
||||
hero_buttontext:
|
||||
other: Take Action
|
||||
hero_button1:
|
||||
other: Fedi... What?!
|
||||
hero_button1_link:
|
||||
other: "#section1_id"
|
||||
section1_title:
|
||||
other: Open Communication
|
||||
section1_subtitle:
|
||||
other: on the Fediverse
|
||||
section1_tiles1_title:
|
||||
other: Mastodon instead of Twitter
|
||||
section1_tiles1_text:
|
||||
other: Microblogging
|
||||
section1_tiles1_buttontext:
|
||||
other: Get started
|
||||
section1_tiles2_title:
|
||||
other: Pixelfed instead of Instagram
|
||||
section1_tiles2_text:
|
||||
other: Photo Sharing
|
||||
section1_tiles2_buttontext:
|
||||
other: Get started
|
||||
section1_tiles3_title:
|
||||
other: Peertube instead of Youtube
|
||||
section1_tiles3_text:
|
||||
other: Video Sharing
|
||||
section1_tiles3_buttontext:
|
||||
other: Get started
|
||||
section2_title:
|
||||
other: Reasons to change
|
||||
section2_subtitle:
|
||||
other: The entry into a ethical communication
|
||||
section2_titles1_title:
|
||||
other: Sovereignty
|
||||
section2_titles1_text:
|
||||
other: Digital sovereignty pursues the goal of enabling the independent and self-determined use and design of digital technologies by the state, organizations and individuals. Decentralized free software solutions give all people and organizations the right to use, understand, distribute and improve them for any purpose. This is a cornerstone for our democracy in an increasingly digitalized society.
|
||||
section2_titles2_title:
|
||||
other: Data Protection
|
||||
section2_titles2_text:
|
||||
other: Citizens should not be forced to give away their data to mega corporations just to be able to communicate with public institutions. The public administration should support citizens in data protection.
|
||||
section2_titles3_title:
|
||||
other: Public Money
|
||||
section2_titles3_text:
|
||||
other: The use of taxpayers' money should be used for the benefit of the population and to fulfill the legal obligations of public authorities, instead of subsidizing dubious business models of international providers.
|
||||
section2_titles4_title:
|
||||
other: Legal Certainity
|
||||
section2_titles4_text:
|
||||
other: The use of social networks by large global digital corporations is difficult to reconcile with the new Swiss data protection law. As a public authority, it is necessary to ensure legally secure communication for citizens.
|
||||
section3_title:
|
||||
other: Fediverse
|
||||
section3_subtitle:
|
||||
other: An ensemble of federated services that are used for social networks, microblogging, blogging, or websites and file hosting.
|
||||
section3_buttontext:
|
||||
other: Explore
|
||||
section4_title:
|
||||
other: Good examples
|
||||
section4_subtitle:
|
||||
other: We stepped into an ad-free, privacy-focused and sovereign communication with citizens.
|
||||
section4_clients1_name:
|
||||
other: Maja Smoltczyk
|
||||
section4_clients1_quote:
|
||||
other: The Berlin Commissioner for Data Protection and Freedom of Information. This is the department for press and public relations work tooting.
|
||||
section4_clients1_job:
|
||||
other: Berlin Commissioner for Data Protection
|
||||
section4_clients2_name:
|
||||
other: Wojciech Wiewiórowski
|
||||
section4_clients2_quote:
|
||||
other: With the pilot launch of EU Voice and EU Video, we want to offer alternative social media platforms that prioritise individuals and their right to privacy and data protection.
|
||||
section4_clients2_job:
|
||||
other: European Data Protection Supervisor
|
||||
section4_clients3_name:
|
||||
other: Stefan Brink
|
||||
section4_clients3_quote:
|
||||
other: The data protection commissioner of Baden-Württemberg says Mastodon is not a complete but nevertheless a good Twitter replacement.
|
||||
section4_clients3_job:
|
||||
other: Data protection commissioner of Baden-Württemberg
|
||||
section5_title:
|
||||
other: Contact Us
|
||||
section5_subtitle:
|
||||
other: If you have any questions, please don't hesitate to contact us.
|
||||
section5_name:
|
||||
other: Enter your name
|
||||
section5_address:
|
||||
other: Enter your email address
|
||||
section5_message:
|
||||
other: Write someting...
|
||||
section6_title:
|
||||
other: Send a letter to your authorities
|
||||
section6_subtitle:
|
||||
other: A letter gets higher attention than an e-mail. Please copy the text below and send a letter to your government agencies.
|
||||
section6_buttontext:
|
||||
other: Otherwise send an e-mail
|
||||
section6_mailto:
|
||||
other: "contact@organization.ch?subject=Use of social media in your authority"
|
||||
section6_text:
|
||||
other: "Address
|
||||
<br/><br/>
|
||||
Subject: Use of social media in your authority
|
||||
<br/><br/>
|
||||
Dear Ms/Mr ...
|
||||
<br/><br/>
|
||||
We welcome the fact that your authority provides various communication channels to get in touch and exchange with their fellow citizens.
|
||||
<br/><br/>
|
||||
In this regard, social media are playing an increasingly important role. However, this is also accompanied by a number of pitfalls. These include, for example, the dependence on international IT corporations and their dominant position with regard to free access to communication platforms. This is also associated with the loss of digital sovereignty.
|
||||
<br/><br/>
|
||||
With great concern, we have recently perceived statements by data protection officers who criticize that these networks do not adhere to legal requirements and that far-reaching regulations would be necessary to protect users in terms of data protection law.
|
||||
<br/><br/>
|
||||
Therefore, it is important that the Public Administration uses distributed Free Software services and strengthens such offers, instead of making citizens further dependent on large companies and their behavior.
|
||||
<br/><br/>
|
||||
We would therefore be pleased if your authority also decides to make a contribution to this and in the future uses decentralized free software solutions, such as Mastodon, for communication with citizens.
|
||||
<br/><br/>
|
||||
Kind regards"
|
||||
section6_mailtext:
|
||||
other: "Dear Ms/Mr ...
|
||||
%0D%0A%0D%0A
|
||||
We appreciate that your agency provides various communication channels to contact and interact with their fellow citizens.
|
||||
%0D%0A%0D%0A
|
||||
Social media are playing an increasingly important role in this regard. However, this is also accompanied by a number of pitfalls. These include, for example, the dependence on international IT corporations and their dominant position with regard to free access to communication platforms. This is also associated with the loss of digital sovereignty.
|
||||
%0D%0A%0D%0A
|
||||
It is with great concern that we have recently heard statements from data protection commissioners criticizing the fact that these networks do not adhere to legal requirements and that far-reaching regulations would be necessary to protect users in terms of data protection.
|
||||
%0D%0A%0D%0A
|
||||
Therefore, it is important that the public administration uses distributed Free Software services and strengthens such offerings instead of making citizens further dependent on large companies and their behavior.
|
||||
%0D%0A%0D%0A
|
||||
We would therefore be pleased if your public authority decides to contribute to this and to use decentralized Free Software solutions, such as Mastodon, to communicate with citizens in the future.
|
||||
%0D%0A%0D%0A
|
||||
Kind regards"
|
||||
footer_sponsorText:
|
||||
other: initiative by
|
||||
footer_translationTitle:
|
||||
other: Translations
|
151
i18n/fr.yaml
151
i18n/fr.yaml
|
@ -1,151 +0,0 @@
|
|||
nav1_text :
|
||||
other : Accueil
|
||||
nav2_text :
|
||||
other : Raisons
|
||||
nav3_text :
|
||||
other : Canaux
|
||||
nav4_text :
|
||||
other : Fediverse
|
||||
nav5_text :
|
||||
other : Citations
|
||||
nav6_text :
|
||||
other : Lettre
|
||||
hero_title :
|
||||
other : Communication fédérée pour les institutions publiques
|
||||
hero_subtitle :
|
||||
other : Communiquer avec les citoyens de manière souveraine et respectueuse
|
||||
hero_subtitle2:
|
||||
other: Les institutions publiques (autorités, radiodiffuseurs, établissements d'enseignement) utilisent principalement des plateformes propriétaires telles que Twitter, Facebook, Instagram et YouTube. Les entreprises qui se trouvent derrière peuvent décider qui communique sur leurs plateformes et comment. En outre, les institutions publiques font de la publicité pour leurs services par le biais de liens proéminents et de l'utilisation de ces services et incitent les citoyens à les utiliser.
|
||||
hero_subtitle3 :
|
||||
other : Nous souhaitons convaincre les pouvoirs publics de repenser leur utilisation des médias sociaux. Cela est possible grâce au passage progressif à des solutions fédérées de logiciels libres.
|
||||
hero_buttontext :
|
||||
other : Agir maintenant
|
||||
hero_button1 :
|
||||
other : Fedi... Quoi ?!
|
||||
hero_button1_link :
|
||||
other : "#section1_id"
|
||||
section1_title :
|
||||
other : Communication ouverte
|
||||
section1_subtitle :
|
||||
other : sur le Fediverse
|
||||
section1_tiles1_title :
|
||||
other : Mastodon au lieu de Twitter
|
||||
section1_tiles1_text :
|
||||
other : Microblogging
|
||||
section1_tiles1_buttontext :
|
||||
other : Lancer
|
||||
section1_tiles2_title :
|
||||
other : Pixelfed au lieu d'Instagram
|
||||
section1_tiles2_text :
|
||||
other : Partager des photos
|
||||
section1_tiles2_buttontext :
|
||||
other : Lancer
|
||||
section1_tiles3_title :
|
||||
other : Peertube au lieu de Youtube
|
||||
section1_tiles3_text :
|
||||
other : Partager des vidéos
|
||||
section1_tiles3_buttontext :
|
||||
other : Lancer
|
||||
section2_title :
|
||||
other : Raisons d'un changement
|
||||
section2_subtitle :
|
||||
other : L'entrée dans une communication éthique.
|
||||
section2_titles1_title :
|
||||
other : Souveraineté
|
||||
section2_titles1_text :
|
||||
other : La souveraineté numérique a pour objectif de permettre l'utilisation et la conception indépendantes et autodéterminées des technologies numériques par l'État, l'économie et les individus. Les solutions décentralisées de logiciels libres donnent à tous les individus et à toutes les organisations le droit de les utiliser, de les comprendre, de les diffuser et de les améliorer dans n'importe quel but. Il s'agit d'une pierre angulaire de notre démocratie dans une société de plus en plus numérisée.
|
||||
section2_titles2_title :
|
||||
other : Protection des données
|
||||
section2_titles2_text :
|
||||
other : Les citoyens ne devraient pas être contraints de transmettre leurs données à de grandes entreprises pour pouvoir communiquer avec les institutions publiques. L'administration publique devrait aider les citoyens à protéger leurs données.
|
||||
section2_titles3_title :
|
||||
other : Les fonds publics
|
||||
section2_titles3_text :
|
||||
other : L'utilisation de l'argent des contribuables devrait en premier lieu servir au bien-être de la population et au respect des obligations légales des pouvoirs publics, au lieu de subventionner des modèles commerciaux douteux de fournisseurs internationaux.
|
||||
section2_titles4_title :
|
||||
other : Sécurité juridique
|
||||
section2_titles4_text :
|
||||
other : L'utilisation des réseaux sociaux par les grands groupes numériques mondiaux est difficilement conciliable avec la nouvelle loi suisse sur la protection des données. En tant qu'autorité publique, il est nécessaire de garantir une communication juridiquement sûre pour les citoyens.
|
||||
section3_title :
|
||||
other : Fediverse
|
||||
section3_subtitle :
|
||||
other : Divers services interconnectés utilisés pour les réseaux sociaux, le microblogging, le blogging ou les sites web et l'hébergement de fichiers.
|
||||
section3_buttontext :
|
||||
other : Découvrir
|
||||
section4_title :
|
||||
other : Exemples positifs
|
||||
section4_subtitle :
|
||||
other : Nous sommes entrés dans une communication sans publicité, respectueuse de la vie privée et souveraine avec les citoyens.
|
||||
section4_clients1_name :
|
||||
other : Maja Smoltczyk
|
||||
section4_clients1_quote :
|
||||
other : La déléguée berlinoise à la protection des données et à la liberté d'information. C'est ici que le service des relations avec les organes, la presse et les relations publiques "toote"
|
||||
section4_clients1_job :
|
||||
other : Commissaire à la protection des données de Berlin
|
||||
section4_clients2_name :
|
||||
other : Wojciech Wiewiórowski
|
||||
section4_clients2_quote :
|
||||
other : Avec le lancement pilote de EU Voice et EU Video, nous voulons proposer des plateformes alternatives pour les médias sociaux qui donnent la priorité aux individus et à leur droit à la vie privée et à la protection des données.
|
||||
section4_clients2_job :
|
||||
other : Superviseur européen de la protection des données
|
||||
section4_clients3_name :
|
||||
other : Stefan Brink
|
||||
section4_clients3_quote :
|
||||
other : Selon le responsable de la protection des données du Bade-Wurtemberg, Mastodon n'est pas un substitut complet de Twitter, mais un bon substitut tout de même.
|
||||
section4_clients3_job :
|
||||
other : Commissaire à la protection des données du Bade-Wurtemberg
|
||||
section5_title :
|
||||
other : Contactez-nous
|
||||
section5_subtitle :
|
||||
other : Si vous avez des questions, n'hésitez pas à nous contacter.
|
||||
section5_name :
|
||||
other : Ton nom
|
||||
section5_address :
|
||||
other : Ton adresse e-mail
|
||||
section5_message :
|
||||
other : Ecris-nous quelque chose...
|
||||
section6_title :
|
||||
other : Envoie une lettre à tes autorités
|
||||
section6_subtitle :
|
||||
other : Une lettre reçoit plus d'attention qu'un e-mail. Veuillez copier le texte et envoyer une lettre aux autorités.
|
||||
section6_buttontext :
|
||||
other : Envoyer par e-mail
|
||||
section6_mailto :
|
||||
other : "contact@autorites.ch?subject=Utilisation des médias sociaux dans votre administration."
|
||||
section6_text :
|
||||
other : "Adresse
|
||||
<br/><br/>
|
||||
Objet : Utilisation des médias sociaux dans votre administration
|
||||
<br/><br/>
|
||||
Cher Monsieur/chère Madame ...
|
||||
<br/><br/>
|
||||
Nous saluons le fait que votre administration mette à disposition différents canaux de communication pour entrer en contact et échanger avec ses concitoyens.
|
||||
<br/><br/>
|
||||
Les médias sociaux jouent un rôle de plus en plus important à cet égard. Mais cela s'accompagne aussi de quelques pièges. On peut citer par exemple la dépendance vis-à-vis des groupes informatiques internationaux et leur position dominante en ce qui concerne le libre accès aux plateformes de communication. La perte de la souveraineté numérique y est également liée.
|
||||
<br/><br/>
|
||||
C'est avec une grande inquiétude que nous avons perçu ces derniers temps les déclarations des responsables de la protection des données qui critiquent le fait que ces réseaux ne respectent pas les prescriptions légales et qu'il serait nécessaire de mettre en place des réglementations étendues afin de protéger les utilisateurs en matière de droit des données.
|
||||
<br/><br/>
|
||||
Il est donc important que l'administration publique utilise des services distribués de logiciels libres et renforce de telles offres au lieu de rendre les citoyens encore plus dépendants des grandes entreprises et de leur comportement.
|
||||
<br/><br/>
|
||||
Nous serions donc heureux que votre administration se décide à apporter sa propre contribution et utilise à l'avenir des solutions décentralisées de logiciels libres, comme par exemple Mastodon, pour communiquer avec les citoyens et citoyennes.
|
||||
<br/><br/>
|
||||
Salutations amicales"
|
||||
section6_mailtext :
|
||||
other: "Cher/chère Madame ...
|
||||
%0D%0A%0D%0A
|
||||
Nous saluons le fait que votre administration mette à disposition différents canaux de communication pour entrer en contact et échanger avec ses concitoyens.
|
||||
%0D%0A%0D%0A
|
||||
Les médias sociaux jouent un rôle de plus en plus important à cet égard. Mais cela s'accompagne aussi de quelques pièges. On peut citer par exemple la dépendance vis-à-vis des groupes informatiques internationaux et leur position dominante en ce qui concerne le libre accès aux plateformes de communication. La perte de la souveraineté numérique y est également liée.
|
||||
%0D%0A%0D%0A
|
||||
C'est avec une grande inquiétude que nous avons perçu ces derniers temps les déclarations des responsables de la protection des données qui critiquent le fait que ces réseaux ne respectent pas les dispositions légales et qu'il faudrait des réglementations étendues pour protéger les utilisateurs en matière de droit des données.
|
||||
%0D%0A%0D%0A
|
||||
Il est donc important que l'administration publique utilise des services distribués de logiciels libres et renforce de telles offres, au lieu de rendre les citoyens encore plus dépendants des grandes entreprises et de leur comportement.
|
||||
%0D%0A%0D%0A
|
||||
Nous serions donc heureux que votre administration décide d'apporter sa propre contribution et utilise à l'avenir des solutions décentralisées de logiciels libres, comme par exemple Mastodon, pour communiquer avec les citoyens et citoyennes.
|
||||
%0D%0A%0D%0A
|
||||
Salutations amicales"
|
||||
footer_sponsorText:
|
||||
other : Une initiative de
|
||||
footer_translationTitle :
|
||||
other : Langues
|
||||
|
151
i18n/it.yaml
151
i18n/it.yaml
|
@ -1,151 +0,0 @@
|
|||
nav1_text:
|
||||
other: Home
|
||||
nav2_text:
|
||||
other: Motivi
|
||||
nav3_text:
|
||||
other: Canali
|
||||
nav4_text:
|
||||
other: Fediverse
|
||||
nav5_text:
|
||||
other: Citazioni
|
||||
nav6_text:
|
||||
other: Lettera
|
||||
hero_title:
|
||||
other: Comunicazione federata per le istituzioni pubbliche
|
||||
hero_subtitle:
|
||||
other: Comunicare con sicurezza e rispetto con i cittadini
|
||||
hero_subtitle2:
|
||||
other: Le istituzioni pubbliche (autorità pubbliche, emittenti, istituzioni educative) utilizzano prevalentemente piattaforme proprietarie come Twitter, Facebook, Instagram e YouTube. Le aziende che ne fanno parte possono decidere chi comunica sulle loro piattaforme e come. Inoltre, le istituzioni pubbliche pubblicizzano i loro servizi attraverso link ben visibili e l'uso dei servizi e incoraggiano i cittadini a utilizzarli.
|
||||
hero_subtitle3:
|
||||
other: Vogliamo convincere le autorità pubbliche a ripensare l'uso dei social media. Questo è possibile grazie alla graduale transizione verso soluzioni federate di software libero.
|
||||
hero_buttontext:
|
||||
other: Agire ora
|
||||
hero_button1:
|
||||
other: Fedi... Cosa?
|
||||
hero_button1_link:
|
||||
other: "#section1_id"
|
||||
section1_title:
|
||||
other: Comunicazione aperta
|
||||
section1_subtitle:
|
||||
other: su fediverse
|
||||
section1_tiles1_title:
|
||||
other: Mastodon al posto di Twitter
|
||||
section1_testi1_text:
|
||||
other: Microblogging
|
||||
section1_tiles1_buttontext:
|
||||
other: Avvio
|
||||
section1_tiles2_title:
|
||||
other: Pixelfed invece di Instagram
|
||||
section1_tiles2_text:
|
||||
other: Condividere le foto
|
||||
section1_tiles2_buttontext:
|
||||
other: Avvio
|
||||
section1_tiles3_title:
|
||||
other: Peertube invece di Youtube
|
||||
section1_tiles3_text:
|
||||
other: Condividere i video
|
||||
section1_tiles3_buttontext:
|
||||
other: Avvio
|
||||
section2_title:
|
||||
other: Motivi per un cambiamento
|
||||
section2_subtitle:
|
||||
other: Iniziare a comunicare in modo etico.
|
||||
section2_titles1_title:
|
||||
other: Sovranità
|
||||
section2_titles1_text:
|
||||
other: La sovranità digitale persegue l'obiettivo di consentire l'uso e la progettazione indipendente e autodeterminata delle tecnologie digitali da parte dello Stato, dell'economia e degli individui. Le soluzioni di software libero decentralizzato danno a tutte le persone e le organizzazioni il diritto di usarle, comprenderle, diffonderle e migliorarle per qualsiasi scopo. Si tratta di una pietra miliare della nostra democrazia in una società sempre più digitalizzata.
|
||||
section2_titles2_title:
|
||||
other: Protezione dei dati
|
||||
section2_titles2_text:
|
||||
other: I cittadini non dovrebbero essere costretti a fornire i propri dati alle grandi aziende per comunicare con le istituzioni pubbliche. La pubblica amministrazione deve sostenere i cittadini nella protezione dei dati.
|
||||
section2_titles3_title:
|
||||
other: Denaro pubblico
|
||||
section2_titles3_text:
|
||||
other: L'uso del denaro dei contribuenti dovrebbe essere utilizzato principalmente a beneficio della popolazione e per adempiere agli obblighi legali del settore pubblico, invece di sovvenzionare modelli commerciali dubbi di fornitori internazionali.
|
||||
section2_titles4_title:
|
||||
other: Certezza giuridica
|
||||
section2_titles4_text:
|
||||
other: L'uso dei social network da parte delle grandi aziende digitali globali è difficile da conciliare con la nuova legge svizzera sulla protezione dei dati. In quanto autorità pubblica, è necessario garantire ai cittadini una comunicazione legalmente sicura.
|
||||
section3_title:
|
||||
other: Fediverse
|
||||
section3_subtitle:
|
||||
other: Vari servizi interconnessi utilizzati per il social networking, il microblogging, il blogging o i siti web e il file hosting.
|
||||
section3_buttontext:
|
||||
other: Scoprire
|
||||
section4_title:
|
||||
other: Esempi positivi
|
||||
section4_subtitle:
|
||||
other: Abbiamo avviato una comunicazione senza pubblicità, orientata alla privacy e sovrana con i cittadini.
|
||||
section4_clients1_name:
|
||||
other: Maja Smoltczyk
|
||||
section4_clients1_quote:
|
||||
other: La Commissaria di Berlino per la protezione dei dati e la libertà d'informazione. Qui "barrita" il dipartimento che si occupa di comitati, stampa e pubbliche relazioni.
|
||||
section4_clients1_job:
|
||||
other: Commissario per la protezione dei dati di Berlino
|
||||
section4_clients2_name:
|
||||
other: Wojciech Wiewiórowski
|
||||
section4_clients2_quote:
|
||||
other: Con il lancio pilota di EU Voice e EU Video, vogliamo offrire piattaforme di social media alternative che diano priorità alle persone e al loro diritto alla privacy e alla protezione dei dati.
|
||||
section4_clients2_job:
|
||||
other: Garante europeo della protezione dei dati
|
||||
section4_clients3_name:
|
||||
other: Stefan Brink
|
||||
section4_clients3_quote:
|
||||
other: Il garante per la protezione dei dati del Baden-Württemberg afferma che Mastodon non è un sostituto completo di Twitter, ma è un buon sostituto.
|
||||
section4_clients3_job:
|
||||
other: Commissario per la protezione dei dati del Baden-Württemberg
|
||||
section5_title:
|
||||
other: Contattaci
|
||||
section5_subtitle:
|
||||
other: Se avete domande, non esitate a contattarci.
|
||||
section5_name:
|
||||
other: il suo nome
|
||||
section5_address:
|
||||
other: il vostro indirizzo e-mail
|
||||
section5_message:
|
||||
other: Scriveteci qualcosa...
|
||||
section6_title:
|
||||
other: Invia una lettera alle autorità pubbliche
|
||||
section6_subtitle:
|
||||
other: Una lettera riceve più attenzione di un'e-mail. Copiate il testo e inviate una lettera alle autorità governative.
|
||||
section6_buttontext:
|
||||
other: Inviare per e-mail
|
||||
section6_mailto:
|
||||
other: "contatto@autorita.ch?subject=Utilizzo dei social media nella vostra autorità pubblica."
|
||||
section6_text:
|
||||
other: "indirizzo
|
||||
<br/><br/>
|
||||
Oggetto: Uso dei social media nella vostra agenzia pubblica
|
||||
<br/><br/>
|
||||
Gentile Signora/Signore ...
|
||||
<br/><br/>
|
||||
Apprezziamo il fatto che la vostra autorità metta a disposizione diversi canali di comunicazione per entrare in contatto e scambiarsi con i propri concittadini.
|
||||
<br/><br/>
|
||||
I social media svolgono un ruolo sempre più importante in questo senso. Ma questo comporta anche una serie di insidie. Tra questi, ad esempio, la dipendenza dalle società informatiche internazionali e la loro posizione dominante per quanto riguarda il libero accesso alle piattaforme di comunicazione. Ciò è anche associato alla perdita di sovranità digitale.
|
||||
<br/><br/>
|
||||
È con grande preoccupazione che di recente abbiamo sentito dichiarazioni di commissari per la protezione dei dati che criticavano il fatto che queste reti non rispettano i requisiti di legge e che sarebbero necessarie norme di ampia portata per proteggere gli utenti in termini di protezione dei dati.
|
||||
<br/><br/>
|
||||
Pertanto, è importante che la pubblica amministrazione utilizzi i servizi distribuiti di software libero e rafforzi tali offerte invece di rendere i cittadini ulteriormente dipendenti dalle grandi aziende e dal loro comportamento.
|
||||
<br/><br/>
|
||||
Saremmo quindi lieti se anche la vostra autorità decidesse di dare un contributo in tal senso e in futuro utilizzasse soluzioni decentralizzate di software libero, come Mastodon, per comunicare con i cittadini.
|
||||
<br/><br/>
|
||||
Cordiali saluti"
|
||||
section6_mailtext:
|
||||
other: "Gentile signora/signore ...
|
||||
%0D%0A%0D%0A
|
||||
Apprezziamo il fatto che la vostra autorità metta a disposizione diversi canali di comunicazione per entrare in contatto e scambiare con i propri concittadini.
|
||||
%0D%0A%0D%0A
|
||||
I social media svolgono un ruolo sempre più importante in questo senso. Ma questo comporta anche una serie di insidie. Tra questi, ad esempio, la dipendenza dalle società informatiche internazionali e la loro posizione dominante per quanto riguarda il libero accesso alle piattaforme di comunicazione. Ciò è anche associato alla perdita di sovranità digitale.
|
||||
%0D%0A%0D%0A
|
||||
È con grande preoccupazione che di recente abbiamo sentito dichiarazioni di commissari per la protezione dei dati che criticavano il fatto che queste reti non rispettano i requisiti di legge e che sarebbero necessarie norme di ampia portata per proteggere gli utenti in termini di protezione dei dati.
|
||||
%0D%0A%0D%0A
|
||||
Pertanto, è importante che la pubblica amministrazione utilizzi i servizi distribuiti di software libero e rafforzi tali offerte invece di rendere i cittadini ulteriormente dipendenti dalle grandi aziende e dal loro comportamento.
|
||||
%0D%0A%0D%0A
|
||||
Saremmo quindi lieti se anche la vostra autorità decidesse di dare un contributo in tal senso e in futuro utilizzasse soluzioni decentralizzate di software libero, come Mastodon, per comunicare con i cittadini.
|
||||
%0D%0A%0D%0A
|
||||
Cordiali saluti"
|
||||
footer_sponsorText:
|
||||
other: Un'iniziativa di
|
||||
footer_translationTitle:
|
||||
other: Lingua
|
||||
|
158
i18n/pt.yaml
158
i18n/pt.yaml
|
@ -7,136 +7,38 @@ nav3_text:
|
|||
nav4_text:
|
||||
other: Fediverso
|
||||
nav5_text:
|
||||
other: Citações
|
||||
other: Casos de sucesso
|
||||
nav6_text:
|
||||
other: Carta
|
||||
hero_title:
|
||||
other: Comunicação federada nas instituições públicas
|
||||
hero_subtitle:
|
||||
other: Comunicar com confiança e respeito com o público
|
||||
hero_subtitle2:
|
||||
other: 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.
|
||||
hero_subtitle3: |
|
||||
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.
|
||||
hero_buttontext:
|
||||
other: Intervir
|
||||
hero_button1:
|
||||
other: Fedi... quê?
|
||||
hero_button1_link:
|
||||
other: "#section1_id"
|
||||
section1_title:
|
||||
other: Comunicação aberta
|
||||
section1_subtitle:
|
||||
other: no Fediverso
|
||||
section1_tiles1_title:
|
||||
other: Mastodon em vez de Twitter
|
||||
section1_tiles1_text:
|
||||
other: Microblogging
|
||||
section1_tiles1_buttontext:
|
||||
other: Começar
|
||||
section1_tiles2_title:
|
||||
other: Pixelfed em vez de Instagram
|
||||
section1_tiles2_text:
|
||||
other: Partilha de fotografias
|
||||
section1_tiles2_buttontext:
|
||||
other: Começar
|
||||
section1_tiles3_title:
|
||||
other: PeerTube em vez de Youtube
|
||||
section1_tiles3_text:
|
||||
other: Partilha de vídeos
|
||||
section1_tiles3_buttontext:
|
||||
other: Começar
|
||||
section3_title:
|
||||
other: Fediverso
|
||||
section3_subtitle:
|
||||
other: Um conjunto de serviços federados usados para publicação na web e alojamento de ficheiros, redes sociais e microblogging.
|
||||
section3_buttontext:
|
||||
other: Explorar
|
||||
section4_title:
|
||||
other: Bons exemplos
|
||||
section4_subtitle:
|
||||
other: Comunicação com o público de forma soberana, sem publicidade e com foco na privacidade.
|
||||
section4_clients1_name:
|
||||
other: Volker Brozio
|
||||
section4_clients1_quote:
|
||||
other: 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.
|
||||
section4_clients1_job:
|
||||
other: Encarregado de protecção de dados de Berlim
|
||||
section4_clients2_name:
|
||||
other: Wojciech Wiewiórowski
|
||||
section4_clients2_quote:
|
||||
other: 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.
|
||||
section4_clients2_job:
|
||||
other: Autoridade Europeia para a Proteção de Dados
|
||||
section4_clients3_name:
|
||||
other: Stefan Brink
|
||||
section4_clients3_quote:
|
||||
other: 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.
|
||||
section4_clients3_job:
|
||||
other: Encarregado de protecção de dados de Baden-Württemberg
|
||||
section5_title:
|
||||
other: Contactos
|
||||
section5_subtitle:
|
||||
other: Bei Fragen, zögere bitte nicht, uns zu kontaktieren.
|
||||
section5_name:
|
||||
other: Dein Name
|
||||
section5_address:
|
||||
other: Deine E-Mail-Adresse
|
||||
section5_message:
|
||||
other: Schreibe uns etwas...
|
||||
section6_title:
|
||||
other: Contacte as instituições públicas
|
||||
section6_subtitle:
|
||||
other: 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.
|
||||
section6_buttontext:
|
||||
other: Alternativamente, envie um email
|
||||
section6_mailto:
|
||||
other: "contacto@ORGANIZACAO.pt?subject=Utilização de redes sociais na vossa instituição"
|
||||
section6_subject:
|
||||
other:
|
||||
Utilização de redes sociais na vossa instituição
|
||||
section6_text:
|
||||
other: "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 à protecção de dados.
|
||||
<br/><br/>
|
||||
É importante que a Administração Pública adopte serviços distribuídos 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 contribuísse para esta causa ao
|
||||
adoptar soluções federadas, como o Mastodon, para comunicar com o público.
|
||||
<br/><br/>
|
||||
Com os melhores cumprimentos"
|
||||
section6_mailtext:
|
||||
other: "Exmo/as. Sr/as.,
|
||||
%0D%0A%0D%0A%0D%0AA vossa instituição providencia vários canais de comunicação para alcançar e
|
||||
interagir com as pessoas.
|
||||
%0D%0A%0D%0A%0D%0AAs 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.
|
||||
%0D%0A%0D%0A%0D%0ATemos 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 à protecção de dados.
|
||||
%0D%0A%0D%0A%0D%0AÉ importante que a Administração Pública adopte serviços distribuidos de
|
||||
Software Livre para comunicar com as pessoas, em vez de os tornar dependentes
|
||||
das vontades e comportamentos destas empresas gigantes tecnológicas.
|
||||
%0D%0A%0D%0A%0D%0A 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.
|
||||
%0D%0A%0D%0A%0D%0ACom os melhores cumprimentos"
|
||||
other: |
|
||||
Exmo/as. Sr/as.,
|
||||
|
||||
A vossa instituição utiliza vários canais de comunicação para interagir com
|
||||
o público.
|
||||
|
||||
As redes sociais têm tomado um papel cada vez mais importante neste
|
||||
contexto. Esta utilização, no entanto, tem as suas 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.
|
||||
|
||||
Há também 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 à protecção
|
||||
de dados.
|
||||
|
||||
É importante que a Administração Pública adopte serviços distribuídos de
|
||||
Software Livre para comunicar com as pessoas, em vez de estarem dependentes
|
||||
das vontades e comportamentos destas empresas gigantes tecnológicas.
|
||||
|
||||
Gostaríamos então que a vossa instituição contribuísse para esta causa ao
|
||||
adoptar soluções federadas, como o Mastodon, para comunicar com o público.
|
||||
|
||||
Com os melhores cumprimentos
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1 +0,0 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
Binary file not shown.
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
After Width: | Height: | Size: 86 KiB |
|
@ -7,149 +7,21 @@
|
|||
justify-content: space-between
|
||||
.navbar
|
||||
background: none
|
||||
.tabs
|
||||
ul
|
||||
border-bottom: none
|
||||
// Colors
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
$color-invert: nth($pair, 2)
|
||||
&.is-#{$name}
|
||||
background-color: $color
|
||||
color: $color-invert
|
||||
a:not(.button):not(.dropdown-item):not(.tag),
|
||||
strong
|
||||
color: inherit
|
||||
.title
|
||||
color: $color-invert
|
||||
.subtitle
|
||||
color: rgba($color-invert, 0.9)
|
||||
a:not(.button),
|
||||
strong
|
||||
color: $color-invert
|
||||
.navbar-menu
|
||||
+touch
|
||||
background-color: $color
|
||||
.navbar-item,
|
||||
.navbar-link
|
||||
color: rgba($color-invert, 0.7)
|
||||
a.navbar-item,
|
||||
.navbar-link
|
||||
&:hover,
|
||||
&.is-active
|
||||
background-color: darken($color, 5%)
|
||||
color: $color-invert
|
||||
.tabs
|
||||
a
|
||||
color: $color-invert
|
||||
opacity: 0.9
|
||||
&:hover
|
||||
opacity: 1
|
||||
li
|
||||
&.is-active a
|
||||
opacity: 1
|
||||
&.is-boxed,
|
||||
&.is-toggle
|
||||
a
|
||||
color: $color-invert
|
||||
&:hover
|
||||
background-color: rgba($black, 0.1)
|
||||
li.is-active a
|
||||
&,
|
||||
&:hover
|
||||
background-color: $color-invert
|
||||
border-color: $color-invert
|
||||
color: $color
|
||||
// Modifiers
|
||||
&.is-bold
|
||||
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
||||
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
+mobile
|
||||
.navbar-menu
|
||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
||||
// Responsiveness
|
||||
// +mobile
|
||||
// .nav-toggle
|
||||
// span
|
||||
// background-color: $color-invert
|
||||
// &:hover
|
||||
// background-color: rgba($black, 0.1)
|
||||
// &.is-active
|
||||
// span
|
||||
// background-color: $color-invert
|
||||
// .nav-menu
|
||||
// .nav-item
|
||||
// border-top-color: rgba($color-invert, 0.2)
|
||||
// Sizes
|
||||
&.is-small
|
||||
.hero-body
|
||||
padding-bottom: 1.5rem
|
||||
padding-top: 1.5rem
|
||||
&.is-medium
|
||||
+tablet
|
||||
.hero-body
|
||||
padding-bottom: 9rem
|
||||
padding-top: 9rem
|
||||
&.is-large
|
||||
+tablet
|
||||
.hero-body
|
||||
padding-bottom: 18rem
|
||||
padding-top: 18rem
|
||||
&.is-halfheight,
|
||||
&.is-fullheight
|
||||
.hero-body
|
||||
align-items: center
|
||||
display: flex
|
||||
& > .container
|
||||
flex-grow: 1
|
||||
flex-shrink: 1
|
||||
&.is-halfheight
|
||||
min-height: 50vh
|
||||
&.is-fullheight
|
||||
min-height: 100vh
|
||||
|
||||
// Components
|
||||
|
||||
.hero-video
|
||||
+overlay
|
||||
overflow: hidden
|
||||
video
|
||||
left: 50%
|
||||
min-height: 100%
|
||||
min-width: 100%
|
||||
position: absolute
|
||||
top: 50%
|
||||
transform: translate3d(-50%, -50%, 0)
|
||||
// Modifiers
|
||||
&.is-transparent
|
||||
opacity: 0.3
|
||||
// Responsiveness
|
||||
+mobile
|
||||
display: none
|
||||
|
||||
.hero-buttons
|
||||
margin-top: 1.5rem
|
||||
// Responsiveness
|
||||
+mobile
|
||||
.button
|
||||
display: flex
|
||||
&:not(:last-child)
|
||||
margin-bottom: 0.75rem
|
||||
+tablet
|
||||
display: flex
|
||||
justify-content: center
|
||||
.button:not(:last-child)
|
||||
margin-right: 1.5rem
|
||||
|
||||
// Containers
|
||||
|
||||
.hero-head,
|
||||
.hero-foot
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
|
||||
.hero-body
|
||||
flex-grow: 1
|
||||
flex-shrink: 0
|
||||
padding: 3rem 1.5rem
|
||||
|
||||
.buttons
|
||||
margin-top: 1.5rem
|
||||
display: flex;
|
||||
justify-content: space-around
|
||||
.button
|
||||
margin: 0
|
||||
|
||||
.hero-body .title,
|
||||
.hero-body .subtitle
|
||||
text-align: center
|
||||
|
||||
|
||||
|
|
|
@ -36,9 +36,6 @@ Responsive Styles
|
|||
.pushed-image {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.testimonial {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -68,13 +65,10 @@ Responsive Styles
|
|||
.pushed-image {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.testimonial {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.is-centered-tablet-portrait {
|
||||
text-align: center !important;
|
||||
.divider {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -65,21 +65,13 @@ img.pushed-image {
|
|||
}
|
||||
|
||||
//Icon box
|
||||
.media.icon-box {
|
||||
border-top: none !important;
|
||||
.media-content .content p {
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
.icon-box-title {
|
||||
color: $blue-grey;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.icon-box-text {
|
||||
color: $title-grey;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
article .icon-box-title {
|
||||
color: $blue-grey;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
article .icon-box-text {
|
||||
color: $title-grey;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
|
|
@ -2,43 +2,48 @@
|
|||
Testimonials Styles
|
||||
========================================================================== */
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.row > * {
|
||||
flex-basis: calc(50% - 15px);
|
||||
gap: 30px 10px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.testimonial {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: 10px auto;
|
||||
min-width: 220px;
|
||||
max-width: 310px;
|
||||
width: 100%;
|
||||
background-color: $smoke-white;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
box-shadow: none !important;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
|
||||
display: grid;
|
||||
grid-template-areas: "face quote" ". author";
|
||||
padding: 30px 30px 30px 30px;
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
grid-area: face;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 60%;
|
||||
align-self: center;
|
||||
}
|
||||
blockquote {
|
||||
grid-area: quote;
|
||||
margin: 0;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
background-color: $smoke-white;
|
||||
padding: 30px 50px 65px 50px;
|
||||
padding: 0px 50px;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
margin: 0 0 -40px;
|
||||
line-height: 1.6em;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
|
||||
align-self: center;
|
||||
}
|
||||
blockquote:before, blockquote:after {
|
||||
font-family: 'FontAwesome';
|
||||
|
@ -49,41 +54,33 @@ Testimonials Styles
|
|||
font-style: normal;
|
||||
}
|
||||
blockquote:before {
|
||||
top: 35px;
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
}
|
||||
blockquote:after {
|
||||
content: "\f10e";
|
||||
right: 20px;
|
||||
bottom: 35px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.author {
|
||||
padding-left: 50px;
|
||||
grid-area: author;
|
||||
margin: 0;
|
||||
height: 80px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
color: $white;
|
||||
padding: 0 35px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
h5, span {
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
h5 {
|
||||
text-transform: capitalize;
|
||||
bottom: 60%;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
font-size: 1.2rem;
|
||||
color: $blue-grey;
|
||||
}
|
||||
span {
|
||||
font-size: 0.8em;
|
||||
color: $white;
|
||||
top: 50%;
|
||||
}
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.row { flex-direction: column; }
|
||||
.testimonial {
|
||||
grid-template-areas: "quote quote" "face author";
|
||||
grid-template-columns: 100px 1fr;
|
||||
|
||||
.author {
|
||||
padding-left: 30px;
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,29 +2,11 @@
|
|||
{{ partial "navbar.html" . }}
|
||||
{{ partial "hero-body.html" . }}
|
||||
|
||||
{{ if .Site.Params.section2 }}
|
||||
{{ partial "section2.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section1 }}
|
||||
{{ partial "section1.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section3 }}
|
||||
{{ partial "section3.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section4 }}
|
||||
{{ partial "section4.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section6 }}
|
||||
{{ partial "section6.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.footer }}
|
||||
{{ partial "footer.html" . }}
|
||||
{{ end }}
|
||||
|
||||
<!-- Back To Top Button -->
|
||||
<div id="backtotop"><a href="#"></a></div>
|
||||
|
|
|
@ -1,47 +1,41 @@
|
|||
{{- $hero := .Site.Params.hero }}
|
||||
{{- $title := i18n (index $hero "title") }}
|
||||
{{- $subtitle := i18n (index $hero "subtitle") }}
|
||||
{{- $subtitle2 := i18n (index $hero "subtitle2") }}
|
||||
{{- $subtitle3 := i18n (index $hero "subtitle3") }}
|
||||
{{- $buttonText := i18n (index $hero "buttontext") }}
|
||||
{{- $buttonLink := index $hero "buttonlink" }}
|
||||
{{- $button1 := i18n (index $hero "button1") }}
|
||||
{{- $button1Link := i18n (index $hero "button1link") }}
|
||||
{{- $image := index $hero "image" }}
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<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 o público com confiança e respeito
|
||||
</h2>
|
||||
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-5 is-offset-1 landing-caption">
|
||||
<h1 class="title is-1 is-bold is-spaced">
|
||||
{{ $title }}
|
||||
</h1>
|
||||
{{ with $subtitle }}
|
||||
<h2 class="subtitle is-5 is-muted">
|
||||
{{ . }}
|
||||
</h2>
|
||||
{{ end }}
|
||||
<p>
|
||||
<a class="button cta rounded primary-btn raised" href="{{ $buttonLink }}">
|
||||
{{ $buttonText }}
|
||||
</a>
|
||||
<a class="button cta rounded primary-btn raised" href="{{ $button1Link }}">
|
||||
{{ $button1 }}
|
||||
</a>
|
||||
<p class="is-6">
|
||||
As instituições públicas usam maioritariamente plataformas
|
||||
proprietárias como Twitter, Facebook, Instagram e Youtube.
|
||||
|
||||
As empresas donas destas plataformas controlam quem as pode utilizar
|
||||
e como podem ser utilizadas.
|
||||
|
||||
Ao promover e utilizar estas serviços, as instituições públicas
|
||||
acabam também por publicitar e incentivar a sua utilização.
|
||||
<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>
|
||||
<br/><br/>
|
||||
{{ with $subtitle2 }}
|
||||
<p class="subtitle is-6 is-muted">
|
||||
{{ . }}
|
||||
{{ end }}
|
||||
<br/><br/>
|
||||
{{ with $subtitle3 }}
|
||||
{{ . }}
|
||||
</p>
|
||||
{{ end }}
|
||||
<div class='buttons'>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-5 is-offset-1">
|
||||
<figure class="image is-4by3">
|
||||
<img src="{{ printf "/images/%s" $image | relURL }}" alt="Description">
|
||||
<img src="/images/illustrations/fedigov1.svg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,36 +1,69 @@
|
|||
{{- $section1 := .Site.Params.section1 }}
|
||||
{{- $title := i18n (index $section1 "title") }}
|
||||
{{- $subtitle := i18n (index $section1 "subtitle") }}
|
||||
{{- $tiles := index $section1 "tiles" }}
|
||||
<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">{{ $title }}</h2>
|
||||
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
|
||||
<h2 class="title">Comunicação aberta no Fediverso</h2>
|
||||
<h3 class="subtitle is-5 is-muted">
|
||||
Um conjunto de serviços federados usados para publicação na web, alojamento de ficheiros, redes sociais, e microblogging.
|
||||
</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="columns">
|
||||
{{- range $tiles }}
|
||||
<div class="column is-one-third">
|
||||
<div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="feature-card is-bordered has-text-centered">
|
||||
<div class="card-title">
|
||||
<h4>{{ i18n .title }}</h4>
|
||||
<h4>Microblogging</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
|
||||
<img src="{{ "/images/illustrations/icons/message-regular.svg" | relURL }}">
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<p>{{ i18n .text }}</p>
|
||||
<p>Mastodon em vez de Twitter</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{{ .url }}" class="button btn-align-md accent-btn raised">{{ i18n .buttonText }}</a>
|
||||
<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">
|
||||
<div class="card-title">
|
||||
<h4>Partilha de fotografias</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ "/images/illustrations/icons/image-regular.svg" | relURL }}">
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<p>Pixelfed em vez de Instagram</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">
|
||||
<div class="card-title">
|
||||
<h4>Partilha de vídeos</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ "/images/illustrations/icons/video-solid.svg" | relURL }}">
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<p>Peertube em vez de Youtube</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>
|
||||
{{- end }}
|
||||
</div>
|
||||
</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 o Fediverso
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -1,7 +1,3 @@
|
|||
{{- $section2 := .Site.Params.section2 }}
|
||||
{{- $title := i18n (index $section2 "title") }}
|
||||
{{- $subtitle := i18n (index $section2 "subtitle") }}
|
||||
{{- $features := index $section2 "features" }}
|
||||
<section id="section2_id" class="section is-medium">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
|
@ -10,74 +6,49 @@
|
|||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="columns">
|
||||
<div class="column is-one-half">
|
||||
<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>
|
||||
</div>
|
||||
<div class="column is-one-half">
|
||||
<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 class="row">
|
||||
<article class="">
|
||||
<h3 class="icon-box-title">Soberania</h3>
|
||||
<p 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.
|
||||
</p>
|
||||
</article>
|
||||
<article class="">
|
||||
<h3 class="icon-box-title">Protecção de Dados</h3>
|
||||
<p 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.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
<div class="row">
|
||||
<article class="icon-box">
|
||||
<h3 class="icon-box-title">Dinheiro público</h3>
|
||||
<p 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.
|
||||
</p>
|
||||
</article>
|
||||
<article class="icon-box">
|
||||
<h3 class="icon-box-title">Certeza legal</h3>
|
||||
<p 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>
|
||||