Reformat HTML properly

parent d7e2fa06
......@@ -7,6 +7,7 @@ in progress
-----------
- Wording, Emphasis, Cleanup
- Rename repository gafam-l10n to gafam-poster-translations
- Reformat HTML properly
2018-01-12 0.2.0
----------------
......
......@@ -6,11 +6,13 @@
<meta charset="UTF-8"/>
<title>The GAFAM poster campaign toolkit</title>
<meta name="description" content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community.">
<meta name="description"
content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community.">
<meta name="keywords" content="gafam, poster, sticker, campaign, information, translation, localization, toolkit">
<meta property="og:title" content="The GAFAM poster campaign toolkit"/>
<meta property="og:description" content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community."/>
<meta property="og:description"
content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community."/>
<meta property="og:image" content="https://gafam.info/static/img/gafam-english.jpg"/>
<!-- Let browser know website is optimized for mobile -->
......@@ -32,162 +34,183 @@
<body>
<a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" title="Fork me on GitHub">Fork me on GitHub</a>
<section class="hero is-info site-header">
<div class="hero-body columns">
<div class="column is-9">
<div class="container header-container">
<h1 class="title is-spaced">
The GAFAM poster campaign toolkit
</h1>
<p class="subtitle">
We collect, maintain and care for localization of material from the
<strong><a href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong> campaign.
<br/>
CC0 licensed and a friendly community.
</p>
</div>
</div>
<div class="column is-3">
<img src="static/img/gafam-pictograms.jpg"/>
<a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" title="Fork me on GitHub">Fork me on
GitHub</a>
<section class="hero is-info site-header">
<div class="hero-body columns">
<div class="column is-9">
<div class="container header-container">
<h1 class="title is-spaced">
The GAFAM poster campaign toolkit
</h1>
<p class="subtitle">
We collect, maintain and care for localization of material from the
<strong><a href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong>
campaign.
<br/>
CC0 licensed and a friendly community.
</p>
</div>
</div>
</section>
<section class="section" id="call-for-help">
<div class="container">
<h3 class="title">
A call for help
</h3>
<div class="columns is-variable is-8">
<div class="column is-6">
<p class="content is-spaced">
We wrote down the original French texts and its translations
to the English language from the GAFAM campaign poster texts
<a href="https://twitter.com/laquadrature/status/942764007286591490">published by La Quadrature du Net</a> and
<a href="https://github.com/gafam/gafam-poster-translations">put them on GitHub</a> using the <a href="https://en.wikipedia.org/wiki/Gettext">GNU gettext</a> format.
</p>
<p class="content is-spaced">
<strong>
Now, we are looking for contributors helping out with
translations into more languages.
</strong>
</p>
<p>
We really appreciate your help. Thanks in advance!
</p>
</div>
<div class="column is-6">
<img src="static/img/gafam-english.jpg"/>
</div>
<div class="column is-3">
<img src="static/img/gafam-pictograms.jpg"/>
</div>
</div>
</section>
<section class="section" id="call-for-help">
<div class="container">
<h3 class="title">
A call for help
</h3>
<div class="columns is-variable is-8">
<div class="column is-6">
<p class="content is-spaced">
We wrote down the original French texts and its translations
to the English language from the GAFAM campaign poster texts
<a href="https://twitter.com/laquadrature/status/942764007286591490">published by La Quadrature du
Net</a> and
<a href="https://github.com/gafam/gafam-poster-translations">put them on GitHub</a> using the <a
href="https://en.wikipedia.org/wiki/Gettext">GNU gettext</a> format.
</p>
<p class="content is-spaced">
<strong>
Now, we are looking for contributors helping out with
translations into more languages.
</strong>
</p>
<p>
We really appreciate your help. Thanks in advance!
</p>
</div>
<div class="column is-6">
<img src="static/img/gafam-english.jpg"/>
</div>
</div>
</section>
<section class="section" id="resources">
<div class="container">
<h3 class="title">
Resources
</h3>
<p class="content is-spaced">
The resources and materials we have collected so far.
On the left side, you will find the PDF file originally
published by LQDN. On the right side, all translation
files from the <a href="https://github.com/gafam/gafam-poster-translations">GitHub repository</a> will be displayed.
As of now, we have French, English and German so there
are many languages to go for!
</p>
</div>
</section>
<section class="section" id="resources">
<div class="container">
<h3 class="title">
Resources
</h3>
<p class="content is-spaced">
The resources and materials we have collected so far.
On the left side, you will find the PDF file originally
published by LQDN. On the right side, all translation
files from the <a href="https://github.com/gafam/gafam-poster-translations">GitHub repository</a> will be
displayed.
As of now, we have French, English and German so there
are many languages to go for!
</p>
<div class="columns">
<div class="column is-4">
<div class="card">
<header class="card-header">
<div class="card-header-title">
<div class="columns" style="width: 100%">
<div class="column is-7">
<div class="tags has-addons">
<span class="tag is-medium is-primary">Language</span>
<span class="tag is-medium">French</span>
<div class="column is-4">
<div class="card">
<header class="card-header">
<div class="card-header-title">
<div class="columns" style="width: 100%">
<div class="column is-7">
<div class="tags has-addons">
<span class="tag is-medium is-primary">Language</span>
<span class="tag is-medium">French</span>
</div>
</div>
<div class="column is-5">
<div class="tags has-addons">
<span class="tag is-medium is-link">Format</span>
<span class="tag is-medium">PDF</span>
</div>
</div>
</div>
</div>
</header>
<div class="card-image">
<figure class="image">
<a class="level-right"
href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf"><img
src="static/img/gafam-french.jpg"/></a>
</figure>
</div>
</div>
<div class="column is-5">
<div class="tags has-addons">
<span class="tag is-medium is-link">Format</span>
<span class="tag is-medium">PDF</span>
</div>
</div>
</div>
</div>
</header>
<div class="card-image">
<figure class="image">
<a class="level-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf"><img src="static/img/gafam-french.jpg"/></a>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="static/img/lqdn-logo.jpg"/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">La Quadrature du Net</p>
<p class="subtitle is-6"><a href="https://twitter.com/laquadrature">@laquadrature</a></p>
</div>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="static/img/lqdn-logo.jpg"/>
</figure>
</div>
<div class="media-content">
<p class="title is-4">La Quadrature du Net</p>
<div class="content">
By popular demand, the PDFs of the campaign posters.
LQDN has already covered Paris and counts on you to cover the rest of the country and the world!
The posters were printed on A3 colored paper, but do as you please! CC0
<br/><br/>
<a class="level-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">Download as PDF</a>
<br/>
Source: <a href="https://twitter.com/laquadrature/status/942764007286591490"><time datetime="2017-12-18">6:30 AM - 18 Dec 2017</time></a>
</div>
</div>
</div>
</div>
<p class="subtitle is-6"><a href="https://twitter.com/laquadrature">@laquadrature</a>
</p>
</div>
</div>
<div class="column is-8">
<div class="card">
<header class="card-header">
<div class="card-header-title">
<div class="columns" style="width: 100%">
<div class="column is-7">
<div class="tags has-addons2">
<span class="tag is-medium is-primary">Languages</span>
<span class="tag is-medium">French</span>
<span class="tag is-medium">English</span>
<span class="tag is-medium">German</span>
<div class="content">
By popular demand, the PDFs of the campaign posters.
LQDN has already covered Paris and counts on you to cover the rest of the country and the
world!
The posters were printed on A3 colored paper, but do as you please! CC0
<br/><br/>
<a class="level-right"
href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">Download as
PDF</a>
<br/>
Source: <a href="https://twitter.com/laquadrature/status/942764007286591490">
<time datetime="2017-12-18">6:30 AM - 18 Dec 2017</time>
</a>
</div>
</div>
</div>
<div class="column is-5">
<div class="tags has-addons">
<span class="tag is-medium is-link">Format</span>
<span class="tag is-medium">gettext PO</span>
</div>
<div class="column is-8">
<div class="card">
<header class="card-header">
<div class="card-header-title">
<div class="columns" style="width: 100%">
<div class="column is-7">
<div class="tags has-addons2">
<span class="tag is-medium is-primary">Languages</span>
<span class="tag is-medium">French</span>
<span class="tag is-medium">English</span>
<span class="tag is-medium">German</span>
</div>
</div>
<div class="column is-5">
<div class="tags has-addons">
<span class="tag is-medium is-link">Format</span>
<span class="tag is-medium">gettext PO</span>
</div>
</div>
</div>
</div>
</header>
<div class="card-content">
<div class="github-gafam-poster-translations"></div>
</div>
</div>
</div>
</div>
</header>
<div class="card-content">
<div class="github-gafam-poster-translations"></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="section" id="contribute">
<div class="container">
<h3 class="title">
Contribute
</h3>
<section class="section" id="contribute">
<div class="container">
<h3 class="title">
Contribute
</h3>
<div class="columns">
<div class="column is-6">
......@@ -208,8 +231,10 @@
Rename the file using the language code of choice,
e.g. "pt.po" for translating into the Portuguese language.
<p class="is-size-7">
You might want to have a look at the
list of <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639-1 codes</a> and the <a href="https://en.wikipedia.org/wiki/ISO_639_macrolanguage">ISO 639 macrolanguage</a> as a reference.
You might want to have a look at the
list of <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639-1 codes</a>
and the <a href="https://en.wikipedia.org/wiki/ISO_639_macrolanguage">ISO 639
macrolanguage</a> as a reference.
</p>
</li>
<li class="content is-spaced">
......@@ -217,7 +242,8 @@
translation by assigning appropriate values to all
"msgstr" variables.
You might want to use either the
<a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/fr.po">French original</a>
<a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/fr.po">French
original</a>
or the
<a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/en.po">English</a>
or
......@@ -225,16 +251,19 @@
translations
as reference.
<br/>
<p class="is-size-7">
Please use the UTF-8 character encoding when editing
the translation file.
Please use the UTF-8 character encoding when editing
the translation file.
</p>
</li>
<li class="content is-spaced">
Send the file containing the translated texts to <a href="mailto:translators@gafam.info?subject=[GAFAM] New translation for ...">translators@gafam.info</a>.
Send the file containing the translated texts to <a
href="mailto:translators@gafam.info?subject=[GAFAM] New translation for ...">translators@gafam.info</a>.
<br/><br/>
If you know your way around Git, we also appreciate receiving
pull requests to the translation file repository on GitHub, <a href="https://github.com/gafam/gafam-poster-translations">gafam-poster-translations</a>.
pull requests to the translation file repository on GitHub, <a
href="https://github.com/gafam/gafam-poster-translations">gafam-poster-translations</a>.
</li>
<li class="content is-spaced">
Thank you so much for helping to spread the word.
......@@ -245,21 +274,22 @@
</div>
</div>
</section>
</section>
<footer class="footer">
<div class="container">
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
<strong>The GAFAM poster campaign toolkit</strong> by <a href="mailto:hello@gafam.info">The GAFAM tech collective</a>.
<br/>
The website content is licensed
<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>
and <a href="https://github.com/gafam/www.gafam.info">available on GitHub</a>.
</p>
<p>
<strong>The GAFAM poster campaign toolkit</strong> by <a href="mailto:hello@gafam.info">The GAFAM tech
collective</a>.
<br/>
The website content is licensed
<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>
and <a href="https://github.com/gafam/www.gafam.info">available on GitHub</a>.
</p>
</div>
</div>
</footer>
</div>
</footer>
</body>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment