diff --git a/lang/about.json b/lang/about.json index 08d0edb..7a11f07 100644 --- a/lang/about.json +++ b/lang/about.json @@ -1,7 +1,7 @@ [ { - "fr": "

Cher·e·s semblables

Nous ne sommes pas comme vos milles et un prétendants

Si d’autres que nous vous offrent l’instantané,
Nous vous offrirons le temps et l’attente

S’ils vous offrent une lettre
Nous vous offrirons un poème

S’ils vous offrent une certitude
Nous vous offrirons les aléas et l’inconnu

S’ils vous offrent l’abondance
Nous vous offrirons le partage

Et s’ils vous offrent un message
Nous vous offrirons le voyage

Librement,

L’équipe d’avion-poe.me



En quelques mots


N’hésitez pas à nous faire part de vos commentaires et vos idées à contact@avion-poe.me.

", - "en": "

Dear fellow,

We do not resemble your sycophants and suitors

Should others offer you the instant,
We shall offer you the time and the wait

Should they offer you a letter
We shall offer you a poem

Should they offer you certainty
We shall offer you the vagaries and the unknown

Should they offer you abundance
We shall offer you sharing

And should they offer you a valley
We shall offer you the journey

Freely,

The team of avion-poe.me



In a few words :


Please feel free to share your comments and ideas with us at contact@avion-poe.me.

", - "de": "

Liebe Freunde

Wir gleichen euren Liebhabern nicht.

Bieten sie euch das Unmittelbare an
Schenken wir euch Zeit und Warten

Schreiben sie euch einen Brief
Überreichen wir euch ein Gedicht

Geben sie euch Gewissheit
bieten wir euch Launen und das Unbekannte

Überhäufen sie euch mit Überfluss
Lehren wir euch das Teilen

Und schicken sie euch eine Nachricht,
Dann schenken wir euch eine Reise.

Frei,

Das Team von avion-poe.me



In wenigen Worten:


Bitte zögern Sie nicht, uns Ihre Kommentare und Ideen an contact@avion-poe.me zu senden.

" + "fr": "

Cher·e·s semblables

Nous ne sommes pas comme vos milles et un prétendants

Si d’autres que nous vous offrent l’instantané,
Nous vous offrirons le temps et l’attente

S’ils vous offrent une lettre
Nous vous offrirons un poème

S’ils vous offrent une certitude
Nous vous offrirons les aléas et l’inconnu

S’ils vous offrent l’abondance
Nous vous offrirons le partage

Et s’ils vous offrent un message
Nous vous offrirons le voyage

Librement,

L’équipe d’avion-poe.me



En quelques mots


N’hésitez pas à nous faire part de vos commentaires et vos idées à contact@avion-poe.me.

", + "en": "

Dear fellow,

We do not resemble your sycophants and suitors

Should others offer you the instant,
We shall offer you the time and the wait

Should they offer you a letter
We shall offer you a poem

Should they offer you certainty
We shall offer you the vagaries and the unknown

Should they offer you abundance
We shall offer you sharing

And should they offer you a valley
We shall offer you the journey

Freely,

The team of avion-poe.me



In a few words :


Please feel free to share your comments and ideas with us at contact@avion-poe.me.

", + "de": "

Liebe Freunde

Wir gleichen euren Liebhabern nicht.

Bieten sie euch das Unmittelbare an
Schenken wir euch Zeit und Warten

Schreiben sie euch einen Brief
Überreichen wir euch ein Gedicht

Geben sie euch Gewissheit
bieten wir euch Launen und das Unbekannte

Überhäufen sie euch mit Überfluss
Lehren wir euch das Teilen

Und schicken sie euch eine Nachricht,
Dann schenken wir euch eine Reise.

Frei,

Das Team von avion-poe.me



In wenigen Worten:


Bitte zögern Sie nicht, uns Ihre Kommentare und Ideen an contact@avion-poe.me zu senden.

" } ] \ No newline at end of file diff --git a/src/app.css b/src/app.css index dfebd43..156cf1f 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,10 @@ +:root { + /** Colors **/ + --primary: #007bff; + --primary-rgb: 0, 123, 255; + --primary-hover: #0056b3; +} + html, body { overflow-x: hidden; @@ -72,12 +79,12 @@ body { /* Anthology */ #anthology { - margin-top: 30px; + margin-top: 56px; z-index: 1029; padding-top: 66px; padding-bottom: 35px; - padding-left: 30%; - padding-right: 30%; + padding-left: 25%; + padding-right: 25%; overflow-x: hidden; width: 100vw; background-color: rgba(255, 255, 255, 0.9); @@ -85,12 +92,12 @@ body { /* About */ #about { - margin-top: 30px; + margin-top: 56px; z-index: 1029; padding-top: 66px; padding-bottom: 35px; - padding-left: 30%; - padding-right: 30%; + padding-left: 25%; + padding-right: 25%; overflow-x: hidden; width: 100vw; background-color: rgba(255, 255, 255, 0.9); @@ -254,3 +261,78 @@ a#navbarDropdownLang.nav-link.dropdown-toggle::after { padding-right: 5% !important; } } + +/* About donation */ +#donationElt { + background: rgba(var(--primary-rgb), 0.2); + margin-bottom: 50px; + padding: 5%; + display: grid; + grid-template-columns: fit-content(370px) auto; + column-gap: 8%; + align-items: center; +} + +#donationElt #donationButton { + text-align: right; +} + +#donationElt #donationButton .btn { + background: white; +} + +#donationElt #donationButton .btn:before { + font-family: "Font Awesome 5 Pro"; + display: inline-block; + margin-right: 10px; + font-weight: 300; +} + +#donationElt #donationButton .btn.fr:before { + content: "\f5ce"; +} + +#donationElt #donationButton .btn.en:before, +#donationElt #donationButton .btn.de:before, +#donationElt #donationButton .btn.pt:before, +#donationElt #donationButton .btn.es:before { + content: "\f0fc"; +} + +#donationElt #donationButton .btn.ar:before, +#donationElt #donationButton .btn.bg:before { + content: "\f875"; +} + +#donationElt #donationButton .btn.zh:before, +#donationElt #donationButton .btn.ja:before { + content: "\f7a0"; + font-size: 13px; + font-weight: normal; +} + +#donationElt #donationButton .btn:hover { + color: var(--primary-hover); + border-color: var(--primary-hover); +} + +@media screen and (max-width: 990px) { + #donationElt { + grid-template-columns: 1fr; + grid-row-gap: 25px; + } + + #donationElt #donationButton { + text-align: left; + } +} + +@media screen and (max-width: 600px) { + #donationElt { + text-align: center; + } + + #donationElt #donationButton { + text-align: center; + } +} diff --git a/src/translation.js b/src/translation.js index fe8c57a..10f489e 100644 --- a/src/translation.js +++ b/src/translation.js @@ -46,7 +46,7 @@ var dictionnary = [] function translateUI(l){ $.getJSON("lang/"+l+"", function(s){ - //console.log(s) + console.log(s) dictionnary = s //if arabic : display left to right (ltr) + troubleshooting a lot of individual elements if (lang == "ar"){ @@ -150,17 +150,22 @@ function translateUI(l){ else{ $("#aboutText").html(e[0][lang]) } + $("#donationText").html(s.AvionPoeme_free_independent) + $("#donationButtonText").html(s.Soutenez_avionpoeme) + $("#donationButtonText").addClass(lang) }) //plane limit tooltip - if (nbPlane && nbPlane > 99){ - $("#planeLimitTooltip").attr("title", s.AvionPoeme_epuise).tooltip("_fixTitle"); + if (typeof nbPlane !== 'undefined') { + if (nbPlane > 99){ + $("#planeLimitTooltip").attr("title", s.AvionPoeme_epuise).tooltip("_fixTitle"); + } + else{ + var remainingPlanes = 100 - nbPlane; + s.NB_AvionPoeme_restant = s.NB_AvionPoeme_restant.replace('$NB_avion_poeme',remainingPlanes) + $("#planeLimitTooltip").attr("title", s.NB_AvionPoeme_restant).tooltip("_fixTitle"); + } } - else{ - var remainingPlanes = 100 - nbPlane; - s.NB_AvionPoeme_restant = s.NB_AvionPoeme_restant.replace('$NB_avion_poeme',remainingPlanes) - $("#planeLimitTooltip").attr("title", s.NB_AvionPoeme_restant).tooltip("_fixTitle"); - } }) .always(function(callback) {