DTux/dtux__avion-poeme
Archived
1
0
Fork 0
Code Activity

feat: add donation block in about page

Browse Source
This commit is contained in:
mberard
2021-10-26 23:53:51 +02:00
parent 79c241eb27
commit f911853410
3 changed files with 104 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app.css
View File

@@ -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;
}
}

21
src/translation.js
View File

@@ -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) {