Add English PDFs to "resources" section. Split "collected translations" from "resources" section.

parent 73df6686
......@@ -13,6 +13,7 @@ in progress
- Run a local webserver
- Upgrade instance running on production
- Add English PDFs to "resources" section. Split "collected translations" from "resources" section.
2018-01-12 0.2.0
----------------
......
......@@ -94,6 +94,7 @@
</div>
</section>
<!-- Resources -->
<section class="section" id="resources">
<div class="container">
<h3 class="title">
......@@ -102,16 +103,12 @@
<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!
These are PDF files published by LQDN.
</p>
<div class="columns">
<!-- French -->
<div class="column is-4">
<div class="card">
<header class="card-header">
......@@ -142,6 +139,7 @@
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
......@@ -156,48 +154,83 @@
</div>
</div>
<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 class="content resource-card-content">
<p class="resource-card-description">
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
</p>
<a class="button is-link pull-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">
Download as PDF
</a>
<a class="button is-dark pull-left" href="https://twitter.com/laquadrature/status/942764007286591490">
<time datetime="2017-12-18">Source: 18 Dec 2017</time>
</a>
</div>
</div>
</div>
</div>
<div class="column is-8">
<!-- English -->
<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-addons2">
<span class="tag is-medium is-primary">Languages</span>
<span class="tag is-medium">French</span>
<div class="tags has-addons">
<span class="tag is-medium is-primary">Language</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>
<span class="tag is-medium">PDF</span>
</div>
</div>
</div>
</div>
</header>
<div class="card-image">
<figure class="image">
<a href="https://wiki.laquadrature.net/Fichier:LQDNgafamEN.pdf">
<img class="resource-card-image" src="static/img/gafam-english-card.gif"/>
</a>
</figure>
</div>
<div class="card-content">
<div class="github-gafam-poster-translations"></div>
<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="content resource-card-content">
<p class="resource-card-description">
After 7 weeks of an intensive campaign, LQDN reached 66% of their goal.
Thanks to all of you who support LQDN and have shared their calls for donations.
The posters were shared on social networks so they translated them into English.
<br/>
Files in SVG format will be added soon! ;)
</p>
<a class="button is-link pull-right" href="https://wiki.laquadrature.net/images/f/f2/LQDNgafamEN.pdf">
Download as PDF
</a>
<a class="button is-dark pull-left" href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">
<time datetime="2018-01-03">Source: 3 Jan 2018</time>
</a>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
......@@ -206,6 +239,7 @@
</div>
</section>
<!-- Contribute -->
<section class="section" id="contribute">
<div class="container">
<h3 class="title">
......@@ -277,6 +311,65 @@
</div>
</section>
<!-- Translations collected -->
<section class="section" id="translations">
<div class="container">
<h3 class="title">
Collected translations
</h3>
<p class="content is-spaced">
The translations collected so far.
Using the embedded view below, you can switch between the languages already translated
and display the translation files in <a
href="https://en.wikipedia.org/wiki/Gettext">GNU gettext</a> format.
If you want to dig deeper, you are welcome to have a look at the underlying
<a href="https://github.com/gafam/gafam-poster-translations">GitHub repository</a>.
We encourage you to <a href="#contribute">contribute</a>
a translation if you feel it is missing from the list.
As of now, we have French, English and German so there
are many languages to go for!
</p>
<div class="columns is-variable is-8">
<div class="column is-8">
<div class="card translations-details">
<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">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 github-embed-container">
<div class="github-gafam-poster-translations"></div>
</div>
</div>
</div>
<div class="column is-6">
<img src="static/img/gafam-poster-pillar.jpg" class="translations-details"/>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
......
......@@ -13,11 +13,37 @@
line-height: 1.6em;
}
.github-gafam-poster-translations {
.translations-details {
height: 44em;
}
.github-embed-container {
height: 100%;
}
.github-gafam-poster-translations {
height: 90%;
}
.resource-card-image {
width: 75% !important;
margin-left: 3em;
}
.resource-card-content {
height: 13em;
}
.resource-card-description {
height: 10em;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.clearfix {
clear: both;
}
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