Merge pull request 'Better localization and little graphics optimization' (#8) from loviuz/fedigov:main into main

Reviewed-on: https://git.fsfe.org/FSFE/fedigov/pulls/8

site/config.yaml

@@ -29,6 +29,10 @@ languages:
     weight: 4
     languageName: Italiano
     contentDir: content/it
+  uk:
+    weight: 5
+    languageName: Українська
+    contentDir: content/uk
 
 params:
   # Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable

site/content/uk/about.md

@@ -0,0 +1,5 @@
+---
+title: "Start"
+---
+
+Привіт люди!

site/content/uk/imprint.md

@@ -0,0 +1,8 @@
+---
+title: imprint
+sidebar: false
+sidebarlogo: fresh-white-alt # From (static/images/logo/)
+include_footer: true
+---
+
+Text imprint

site/i18n/it.yaml

@@ -15,11 +15,11 @@ hero_title:
 hero_subtitle:
   other: Comunicare con sicurezza e rispetto con i cittadini
 hero_subtitle2:
-  other: Le istituzioni pubbliche (autorità governative, emittenti, istituzioni educative) utilizzano prevalentemente piattaforme proprietarie come Twitter, Facebook, Instagram e YouTube. Le aziende che vi sono dietro hanno molta influenza su chi comunica sulle loro piattaforme e come. Inoltre, le istituzioni pubbliche fanno loro pubblicità attraverso link ai loro servizi ed un significativo utilizzo degli stessi, incoraggiando i cittadini ad utilizzarli.
+  other: Le istituzioni pubbliche (autorità governative, emittenti, istituzioni educative) utilizzano prevalentemente piattaforme proprietarie come Twitter, Facebook, Instagram e YouTube. Le aziende che vi sono dietro hanno molta influenza su chi comunica sulle loro piattaforme e come. Inoltre, le istituzioni pubbliche fanno loro pubblicità attraverso collegamenti ai loro servizi ed un significativo utilizzo degli stessi, incoraggiando i cittadini ad utilizzarli.
 hero_subtitle3:
   other: Vogliamo convincere le autorità pubbliche a ripensare il loro uso dei social media. Questo è possibile grazie ad una graduale transizione verso soluzioni federate di software libero.
 hero_buttontext:
-  other: Agire ora
+  other: Agisci ora
 hero_button1:
   other: Fedi... cosa?!
 hero_button1_link:
@@ -33,27 +33,27 @@ section1_tiles1_title:
 section1_testi1_text:
   other: Microblogging
 section1_tiles1_buttontext:
-  other: Iniziare
+  other: Inizia
 section1_tiles2_title:
   other: Pixelfed invece di Instagram
 section1_tiles2_text:
-  other: Condividere le foto
+  other: Condivisione di foto
 section1_tiles2_buttontext:
-  other: Iniziare
+  other: Inizia
 section1_tiles3_title:
   other: Peertube invece di Youtube
 section1_tiles3_text:
-  other: Condividere i video
+  other: Condivisione di video
 section1_tiles3_buttontext:
-  other: Iniziare
+  other: Inizia
 section2_title:
   other: Motivi per cambiare
 section2_subtitle:
-  other: Iniziare a comunicare in modo etico
+  other: L'inizio di una comunicazione etica
 section2_titles1_title:
-  other: Pieno controllo
+  other: Sovranità
 section2_titles1_text:
-  other: Il pieno controllo digitale persegue l'obiettivo di consentire l'uso indipendente e autodeterminato delle tecnologie digitali da parte dello Stato, dell'economia e delle persone. Le soluzioni decentralizzate di software libero danno a tutte le persone e a tutte le organizzazioni il diritto di usarle, comprenderle, diffonderle e migliorarle per qualsiasi scopo. Si tratta delle fondamenta della della nostra democrazia in una società sempre più digitalizzata.
+  other: La sovranità digitale persegue l'obiettivo di consentire l'uso indipendente e autodeterminato delle tecnologie digitali da parte dello Stato, dell'economia e delle persone. Le soluzioni decentralizzate di software libero danno a tutte le persone e a tutte le organizzazioni il diritto di usarle, comprenderle, diffonderle e migliorarle per qualsiasi scopo. Si tratta delle fondamenta della della nostra democrazia in una società sempre più digitalizzata.
 section2_titles2_title:
   other: Protezione dei dati
 section2_titles2_text:
@@ -61,7 +61,7 @@ section2_titles2_text:
 section2_titles3_title:
   other: Fondi pubblici
 section2_titles3_text:
-  other: Quando si utilizza il denaro dei contribuenti, bisogna fare attenzione a garantirne un uso efficiente ed efficace. L'acquisto, la fornitura e l'utilizzo di soluzioni di software libero devono quindi essere al centro della digitalizzazione.
+  other: Quando si utilizza il denaro dei contribuenti, bisogna fare attenzione a garantirne un uso efficiente ed efficacie. L'acquisto, la fornitura e l'utilizzo di soluzioni di software libero devono quindi essere al centro della digitalizzazione.
 section2_titles4_title:
   other: Certezza legale
 section2_titles4_text:
@@ -69,9 +69,9 @@ section2_titles4_text:
 section3_title:
   other: Fediverso
 section3_subtitle:
-  other: Vari servizi interconnessi utilizzati per il social networking, per il microblogging, per il blogging o per i siti web e per il file hosting.
+  other: Vari servizi interconnessi utilizzati per interagire con i social network, per il microblogging, per il blogging o per i siti web e per l'archiviazione di file.
 section3_buttontext:
-  other: Scoprire
+  other: Scopri ora
 section4_title:
   other: Esempi positivi
 section4_subtitle:
@@ -149,7 +149,7 @@ Restiamo a vostra disposizione per qualsiasi domanda e saremo lieti di ricevere
 %0D%0A%0D%0A
 Cordiali saluti"
 section6_text_flyer:
-  other: "Potete sostenere la campagna! Stampate il volantino e distribuitelo alle autorità locali e ai vostri rappresentanti politici."
+  other: "Sostieni la campagna! Stampa il volantino e distribuiscilo alle autorità locali e ai tuoi rappresentanti politici."
 footer_sponsorText:
   other: Un'iniziativa di
 footer_translationTitle:

site/i18n/uk.yaml

@@ -0,0 +1,156 @@
+nav1_text:
+  other: Головна
+nav2_text:
+  other: Причини
+nav3_text:
+  other: Канали
+nav4_text:
+  other: Федіверс
+nav5_text:
+  other: Цитати
+nav6_text:
+  other: Лист
+hero_title:
+  other: Федеративні комунікації для публічних організацій
+hero_subtitle:
+  other: Спілкуйтеся з громадськістю впевнено та з повагою
+hero_subtitle2:
+  other: Громадські організації (урядові установи, телерадіокомпанії, навчальні заклади) переважно використовують приватні платформи, такі як Twitter, Facebook, Instagram та YouTube. Компанії, що стоять за ними, мають великий вплив на те, хто і як спілкується на їхніх платформах. Крім того, за допомогою посилань і використання цих сервісів громадські організації рекламують їх і заохочують громадськість користуватися ними.
+hero_subtitle3:  
+  Ми хочемо переконати органи державної влади переосмислити своє використання соціальних мереж. Це можливо за умови поступового переходу на федеративні вільні програмні рішення.
+hero_buttontext:
+  other: Діяти
+hero_button1:
+  other: Федівер... Що?
+hero_button1_link:
+  other: "#section1_id"
+section1_title:
+  other: Відкрита комунікація
+section1_subtitle:
+  other: в Федіверс
+section1_tiles1_title:
+  other: Mastodon замість Twitter
+section1_tiles1_text:
+  other: Мікроблогінг
+section1_tiles1_buttontext:
+  other: Почнемо
+section1_tiles2_title:
+  other: Pixelfed замість Instagram
+section1_tiles2_text:
+  other: Обмін фото
+section1_tiles2_buttontext:
+  other: Почнемо
+section1_tiles3_title:
+  other: Peertube замість Youtube
+section1_tiles3_text:
+  other: Обмін відео
+section1_tiles3_buttontext:
+  other: Почнемо
+section2_title:
+  other: Причини для переходу
+section2_subtitle:
+  other: Вступ до етичного спілкування
+section2_titles1_title:
+  other: Незалежність
+section2_titles1_text:
+  other: Цифрова незалежність має на меті забезпечити незалежне і самостійне використання та розробку цифрових технологій державою, економікою та окремими особами. Децентралізоване вільне програмне забезпечення дає всім людям та організаціям право використовувати, розуміти, поширювати та вдосконалювати його з будь-якою метою. Це запорука нашої демократії в суспільстві, що дедалі більше оцифровується.
+section2_titles2_title:
+  other: Приватність
+section2_titles2_text:
+  other: Громадяни не повинні бути змушені передавати свої дані великим корпораціям, щоб мати можливість спілкуватися з громадськими установами. Громадські установи повинні підтримувати людей у питаннях захисту даних, а отже, пропонувати альтернативи.
+section2_titles3_title:
+  other: Громадські кошти
+section2_titles3_text:
+  other: Використовуючи гроші платників податків, необхідно подбати про те, щоб вони використовувалися ефективно та раціонально. Тому закупівля, надання та використання вільного програмного забезпечення має бути в основі цифровізації.
+section2_titles4_title:
+  other: Юридична визначеність
+section2_titles4_text:
+  other: Використання соціальних мереж великими, глобально активними цифровими корпораціями важко узгодити з європейським законодавством про захист даних. Як орган державної влади, необхідно забезпечити комунікацію з громадськістю, що відповідає законодавству. Тому в сфері соціальних мереж державні установи та органи влади також повинні покладатися на федеративні рішення з вільним програмним забезпеченням!
+section3_title:
+  other: Федіверс
+section3_subtitle:
+  other: Сукупність об'єднаних сервісів, які використовуються для соціальних мереж, мікроблогів, блогів, веб-сайтів та файлового хостингу.
+section3_buttontext:
+  other: Дослідити
+section4_title:
+  other: Хороший приклад
+section4_subtitle:
+  other: Ми зробили крок до свободи від реклами, зосередившись на приватності та незалежної комунікації з громадськістю.
+section4_clients1_name:
+  other: Фолькер Брозіо
+section4_clients1_quote:
+  other: За допомогою нашого нового профілю Mastodon ми хочемо показати, що соціальні мережі також можна використовувати з дотриманням конфіденційності.
+section4_clients1_job:
+  other: Берлінський комісар із захисту даних
+section4_clients2_name:
+  other: Войцех Вівіуровський
+section4_clients2_quote:
+  other: З пілотним запуском "Голосу ЄС" та "Відео ЄС" ми хочемо запропонувати альтернативні соціальні медіа-платформи, які ставлять на перше місце людину та її право на приватність і захист даних.
+section4_clients2_job:
+  other: Європейський інспектор з питань захисту даних
+section4_clients3_name:
+  other: Штефан Брінк
+section4_clients3_quote:
+  other: У мережі Mastodon ми залишаємося в жвавому цифровому обміні з людьми, не передаючи наші дані або дані користувачів в руки комерційної компанії, яка займається бізнесом з персональними даними.
+section4_clients3_job:
+  other: Комісар із захисту даних землі Баден-Вюртемберг
+section5_title:
+  other: Контакти
+section5_subtitle:
+  other: Якщо у вас виникли запитання, будь ласка, звертайтеся до нас.
+section5_name:
+  other: Ваше імʼя
+section5_address:
+  other: Введіть вашу адресу електронної пошти
+section5_message:
+  other: Напишіть що-небудь...
+section6_title:
+  other: Надішліть листа до ваших органів влади
+section6_subtitle:
+  other: Лист привертає більше уваги, ніж електронна пошта. Будь ласка, скопіюйте наведений нижче текст і надішліть листа до ваших державних установ.
+section6_buttontext:
+  other: В іншому випадку надішліть електронний лист
+section6_mailto:
+  other: "contact@organization.ch?subject=Використання соціальних мереж у вашій державній діяльності"
+section6_text:
+  other: "Адреса
+<br/><br/>
+Тема: Використання соціальних мереж у вашій державній діяльності
+<br/><br/>
+Шановний(-на) пані/пане ...
+<br/><br/>
+Ми раді, що ваша влада надає різні канали зв'язку для контакту та обміну інформацією з громадськістю.
+<br/><br/>
+Соціальні медіа відіграють тут дедалі важливішу роль. Але це також супроводжується низкою підводних каменів. Це, наприклад, залежність від міжнародних ІТ-корпорацій та їхнє домінуюче становище щодо вільного доступу до комунікаційних платформ. Це також пов'язано з втратою цифрової незалежності.
+<br/><br/>
+Нещодавно ми з великим занепокоєнням відзначали заяви офіцерів із захисту даних, які критикували той факт, що ці мережі не відповідають законодавчим вимогам і що вимоги щодо захисту даних не дотримуються. Але ці послуги також слід розглядати критично з точки зору самостійного використання технологій.
+<br/><br/>
+Тому важливо, щоб державна адміністрація використовувала об'єднані служби вільного програмного забезпечення та зміцнювала такі пропозиції.
+<br/><br/>
+Тому ми будемо раді, якщо ваша установа також вирішить зробити свій внесок у цю справу і використовуватиме децентралізоване вільне програмне забезпечення, таке як Mastodon, для комунікації з громадськістю в майбутньому.
+<br/><br/>
+Ми завжди готові відповісти на будь-які запитання і чекаємо на ваші пропозиції.
+<br/><br/>
+З найкращими побажаннями"
+section6_mailtext:
+  other: "Шановний(-на) пані/пане ...
+%0D%0A%0D%0A
+Ми раді, що ваша влада надає різні канали зв'язку для контакту та обміну інформацією з громадськістю.
+%0D%0A%0D%0A
+Соціальні медіа відіграють тут дедалі важливішу роль. Але це також супроводжується низкою підводних каменів. Це, наприклад, залежність від міжнародних ІТ-корпорацій та їхнє домінуюче становище щодо вільного доступу до комунікаційних платформ. Це також пов'язано з втратою цифрової незалежності.
+%0D%0A%0D%0A
+Нещодавно ми з великим занепокоєнням відзначали заяви офіцерів із захисту даних, які критикували той факт, що ці мережі не відповідають законодавчим вимогам і що вимоги щодо захисту даних не дотримуються. Але ці послуги також слід розглядати критично з точки зору самостійного використання технологій.
+%0D%0A%0D%0A
+Тому важливо, щоб державна адміністрація використовувала об'єднані служби вільного програмного забезпечення та зміцнювала такі пропозиції.
+%0D%0A%0D%0A
+Тому ми будемо раді, якщо ваша установа також вирішить зробити свій внесок у цю справу і використовуватиме децентралізоване вільне програмне забезпечення, таке як Mastodon, для комунікації з громадськістю в майбутньому.
+%0D%0A%0D%0A
+Ми завжди готові відповісти на будь-які запитання і чекаємо на ваші пропозиції.
+%0D%0A%0D%0A
+З найкращими побажаннями"
+section6_text_flyer:
+  other: "Ви можете підтримати кампанію! Роздрукуйте листівку та розповсюдьте її серед місцевих органів влади та своїх політичних представників."
+footer_sponsorText:
+  other: за ініціативою
+footer_translationTitle:
+  other: Переклади

site/themes/hugo-fresh/assets/fresh/partials/_testimonials.scss

@@ -67,7 +67,7 @@ Testimonials Styles
         position: relative;
         z-index: 0;
         h5, span {
-            left: 50%;
+            left: 38%;
             position: absolute;
             opacity: 0.8;
             padding: 3px 5px;

site/themes/hugo-fresh/layouts/partials/css.html

@@ -16,3 +16,4 @@
 <link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
 {{- end }}
 <link rel="stylesheet" type="text/css" href="{{ "css/icons.css" | relURL }}">
+<link rel="stylesheet" type="text/css" href="{{ "css/custom.css" | relURL }}">

site/themes/hugo-fresh/layouts/partials/section6.html

@@ -47,13 +47,13 @@
 		<span class="icon-box-text">{{ $text_flyer | markdownify }}</span>
       </p>
       <p>
-        <a href="/images/illustrations/fedigov_flyer.png">
-        <img src="/images/illustrations/fedigov_flyer.png" alt="Fedigov Flyer" width="400" height="285"></a>
+        <a href="/images/illustrations/fedigov_flyer_{{ .Site.Language.Lang }}.png">
+        <img src="/images/illustrations/fedigov_flyer_{{ .Site.Language.Lang }}.png" alt="Fedigov Flyer" width="400" height="285"></a>
       </p>
       <p>
-        <a href="/images/illustrations/fedigov_flyer.pdf">PDF</a>
+        <a href="/images/illustrations/fedigov_flyer_{{ .Site.Language.Lang }}.pdf">PDF</a>
          - 
-        <a href="/images/illustrations/fedigov_flyer.svg">Inkscape SVG</a>
+        <a href="/images/illustrations/fedigov_flyer_{{ .Site.Language.Lang }}.svg">Inkscape SVG</a>
       </p>
 	</div>
 	</div>