= $loc['label_bgColor'] ?>
-
= $loc['label_mainColor'] ?>
-
-
+
@@ -248,33 +248,33 @@ if (badQuery()) {
QRcode::png($_GET['txt'], $cheminImage, $_GET['redondancy'], $_GET['size'], $_GET['margin'], false, hexdec($_GET['bgColor']), hexdec($_GET['mainColor']));
?>
-
diff --git a/locales/en.php b/locales/en.php
index 43b2abf..8c84e83 100644
--- a/locales/en.php
+++ b/locales/en.php
@@ -35,12 +35,16 @@ $loc = array(
'title_showOnlyQR' => "Show this QR code only",
+ 'alt_help' => "Help",
+ 'alt_QR_before' => 'QR code meaning "',
+ 'alt_QR_after' => '"',
+
'metaText_qr' => "
What's a QR code?
A QR code is a 2 dimensions barcode in which a text is written in binary. It can be decoded with a device equipped with a photo sensor and an adequate software.
QR code on Wikipedia
",
- 'metaText_legal' => "LibreQR 1.2.0 is a free software whose
source code is available under the terms of the
AGPLv3 +.",
+ 'metaText_legal' => "LibreQR " . $libreqrVersion . " is a free software whose
source code is available under the terms of the
AGPLv3 +.",
'opensearch_description' => "Generate QR codes from your search or address bar",
'opensearch_actionName' => "Generate QR codes from your search or address bar",
diff --git a/locales/fr.php b/locales/fr.php
index 680aadc..3ff10ca 100644
--- a/locales/fr.php
+++ b/locales/fr.php
@@ -35,12 +35,16 @@ $loc = array(
'title_showOnlyQR' => "Afficher uniquement ce code QR",
+ 'alt_help' => "Aide",
+ 'alt_QR_before' => "Code QR signifiant « ",
+ 'alt_QR_after' => " »",
+
'metaText_qr' => "
Qu'est-ce qu'un code QR ?
Un code QR est un code-barres en 2 dimensions dans lequel du texte est inscrit en binaire. Il peut être décodé avec un appareil muni d'un capteur photo et d'un logiciel adéquat.
Code QR sur Wikipédia
",
- 'metaText_legal' => "LibreQR 1.2.0 est un logiciel libre dont le
code source est disponible selon les termes de l'
AGPLv3 +.",
+ 'metaText_legal' => "LibreQR " . $libreqrVersion . " est un logiciel libre dont le
code source est disponible selon les termes de l'
AGPLv3 +.",
'opensearch_description' => "Générez des codes QR depuis votre barre de recherche ou d'adresse",
'opensearch_actionName' => "Générez des codes QR depuis votre barre de recherche ou d'adresse",
diff --git a/locales/template.php b/locales/template.php
index 9082c92..05e1f10 100644
--- a/locales/template.php
+++ b/locales/template.php
@@ -1,6 +1,8 @@
"subtitle",
+ 'description' => "description",
+
'label_content' => "label_content",
'label_redondancy' => "label_redondancy",
'label_margin' => "label_margin",
@@ -22,6 +24,13 @@ $loc = array(
'title_showOnlyQR' => "title_showOnlyQR",
+ 'alt_help' => "alt_help",
+ 'alt_QR_before' => "alt_QR_before",
+ 'alt_QR_after' => "alt_QR_after",
+
'metaText_qr' => "metaText_qr",
'metaText_legal' => "metaText_legal",
+
+ 'opensearch_description' => "opensearch_description",
+ 'opensearch_actionName' => "opensearch_actionName",
);
diff --git a/style.less b/style.less
index 5b23384..fafe26a 100755
--- a/style.less
+++ b/style.less
@@ -34,7 +34,7 @@ a {
}
p {
- margin: 0px;
+ margin: 10px;
}
#firstWrapper {
@@ -55,7 +55,7 @@ p {
text-align: center;
}
-.bouton {
+.button {
padding: 3px 10px 3px 10px;
text-decoration: none;
}
@@ -99,7 +99,7 @@ header {
height: 64px;
}
-#titres {
+#titles {
margin-left: 20px;
}
@@ -116,7 +116,7 @@ h2 {
font-size: 22px;
}
-#lienTitres {
+#linkTitles {
text-align: left;
justify-content: center;
text-decoration: none;
@@ -128,11 +128,6 @@ h2 {
margin-top: 30px;
}
-#titre {
- text-align: center;
- justify-content: center;
-}
-
.param {
padding: 10px;
padding-left: 0px;
@@ -141,7 +136,7 @@ h2 {
margin-right: 0px;
}
-.conteneurInputColor {
+.inputColorContainer {
display: flex;
flex-direction: row;
justify-content: center;
@@ -173,33 +168,29 @@ label[for=txt] {
.metaText {
color: @secondaryText;
- text-align: left;
transition: color 0.12s cubic-bezier(0.42, 0.0, 1.0, 1.0);
+ padding: 6px;
- & a:link {
+ & a, a:visited {
transition: color 0.12s cubic-bezier(0.42, 0.0, 1.0, 1.0);
color: @secondaryText;
text-decoration: underline;
}
- &:hover, &:hover a:link {
+ &:hover, &:hover a {
color: @text;
}
}
-#metaTexts {
- padding-top: 50px;
-}
-
-header, #metaTexts {
- flex-shrink: 0;
-}
-
footer {
font-size: 14px;
padding-top: 20px;
+ text-align: left;
+}
+header, footer {
+ flex-shrink: 0;
}
#info {
@@ -217,7 +208,7 @@ footer {
/* Inputs */
-#redondancy, #margin, #txt, #size, input[type=color], input[type=submit], .bouton {
+#redondancy, #margin, #txt, #size, input[type=color], input[type=submit], .button {
border: 2px @border solid;
border-radius: 10px;
font-size: 20px;
@@ -285,7 +276,7 @@ input[type=color] {
margin-left: 5px;
}
-.boutonAide {
+.helpButton {
height: 0px;
width: 0px;
color: @secondaryText;
@@ -293,7 +284,7 @@ input[type=color] {
font-size: 0.8em;
}
-.conteneurAide .contenuAide {
+.helpContainer .helpContent {
position: absolute;
transform: scale(0) rotate(-12deg);
color: @text;
@@ -317,7 +308,7 @@ input[type=color] {
}
}
-.conteneurAide:hover .contenuAide, .conteneurAide:focus-within .contenuAide {
+.helpContainer:hover .helpContent, .helpContainer:focus-within .helpContent {
transform: scale(1) rotate(0);
opacity: 1;
}
diff --git a/style.min.css b/style.min.css
index 949919f..9c9c027 100644
--- a/style.min.css
+++ b/style.min.css
@@ -1 +1 @@
-*{font-family:"Ubuntu", sans-serif;scrollbar-color:white #2a2a2a;scrollbar-width:auto;}a{color:white;text-decoration:underline;}a:hover{text-decoration:none;}p{margin:0px;}#firstWrapper{display:flex;flex-direction:row;}#menusDeroulants{text-align:center;margin-left:20px;}#qrCode{max-width:480px;}.centered{text-align:center;}.bouton{padding:3px 10px 3px 10px;text-decoration:none;}form{flex-grow:1;margin-bottom:30px;}main{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:814px;height:99%;}body{margin:18px;background-color:#2a2a2a;color:white;font-weight:normal;font-size:20px;height:99%;}html{height:97%;}header{text-align:center;padding:0px;margin:0px;height:64px;}#logo{width:64px;height:64px;}#titres{margin-left:20px;}h1,h2,h3,h4,h5,h6{margin:0px;font-weight:normal;}h1{font-size:33px;}h2{font-size:22px;}#lienTitres{text-align:left;justify-content:center;text-decoration:none;display:flex;flex-direction:row;}#showOnlyQR{margin-top:30px;}#titre{text-align:center;justify-content:center;}.param{padding:10px;padding-left:0px;margin-left:0px;padding-right:0px;margin-right:0px;}.conteneurInputColor{display:flex;flex-direction:row;justify-content:center;}::selection{color:#2a2a2a;background-color:white;}label[for=txt]{padding-left:22px;}#colors{display:flex;flex-direction:row;justify-content:space-between;text-align:center;}#colors .param{text-align:center;display:flex;justify-content:center;flex-direction:column;width:100%;}.metaText{color:#bababa;text-align:left;transition:color 0.12s cubic-bezier(0.42,0.0,1.0,1.0);}.metaText a:link{transition:color 0.12s cubic-bezier(0.42,0.0,1.0,1.0);color:#bababa;text-decoration:underline;}.metaText:hover,.metaText:hover a:link{color:white;}#metaTexts{padding-top:50px;}header,#metaTexts{flex-shrink:0;}footer{font-size:14px;padding-top:20px;}#info{font-size:16px;bottom:20px;right:20px;margin:0px;}#info h3{font-size:20px;font-weight:normal;padding-bottom:10px;}#redondancy,#margin,#txt,#size,input[type=color],input[type=submit],.bouton{border:2px #5f5f5f solid;border-radius:10px;font-size:20px;padding-left:10px;font-weight:normal;color:white;transition:border 0.1s linear;background-color:#31363b;margin-top:8px;}#redondancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.bouton:hover{border:2px #808080 solid;}#redondancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.bouton:focus{border:2px white solid;outline:none;}#redondancy,#size,#margin{background-color:#31363b;width:250px;height:40px;}#txt{background-color:#232629;color:white;padding:10px;margin:10px;width:500px;scrollbar-color:white #232629;scrollbar-width:auto;}input[type=submit]{font-size:28px;padding:10px;padding-left:14px;padding-right:14px;}#txt::placeholder{color:#bababa;opacity:1;font-family:"Ubuntu", sans-serif;font-weight:normal;font-size:1em;}input[type=color]{height:60px;width:84px;padding:5px;border:2px #5f5f5f solid;}.helpImg{width:20px;height:20px;margin-bottom:-3px;margin-left:5px;}.boutonAide{height:0px;width:0px;color:#bababa;cursor:help;font-size:0.8em;}.conteneurAide .contenuAide{position:absolute;transform:scale(0) rotate(-12deg);color:white;background:#151616;padding:15px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);margin-top:23px;margin-left:-35px;transition:all .25s;opacity:0;max-width:500px;font-size:20px;text-align:left;}@media (max-width: 500px){.conteneurAide .contenuAide{position:fixed;margin:5px;left:0px;top:0px;}}.conteneurAide:hover .contenuAide,.conteneurAide:focus-within .contenuAide{transform:scale(1) rotate(0);opacity:1;}@media (max-width: 1050px){#info{color:white;margin-bottom:20px;padding-top:30px;font-size:20px;}#info a:link{color:white;}}@media (max-width: 850px){main{width:auto;}#firstWrapper{flex-direction:column;}body{margin:10px;}#txt{width:92%;}}@media (max-width: 500px){#colors{flex-direction:column;}h1{font-size:28px;padding-top:6px;}#txt{width:85%;}#qrCode{max-width:94%;}}@media (max-width: 415px){h1{padding:0px;}}
\ No newline at end of file
+*{font-family:"Ubuntu", sans-serif;scrollbar-color:white #2a2a2a;scrollbar-width:auto;}a{color:white;text-decoration:underline;}a:hover{text-decoration:none;}p{margin:10px;}#firstWrapper{display:flex;flex-direction:row;}#menusDeroulants{text-align:center;margin-left:20px;}#qrCode{max-width:480px;}.centered{text-align:center;}.button{padding:3px 10px 3px 10px;text-decoration:none;}form{flex-grow:1;margin-bottom:30px;}main{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:814px;height:99%;}body{margin:18px;background-color:#2a2a2a;color:white;font-weight:normal;font-size:20px;height:99%;}html{height:97%;}header{text-align:center;padding:0px;margin:0px;height:64px;}#logo{width:64px;height:64px;}#titles{margin-left:20px;}h1,h2,h3,h4,h5,h6{margin:0px;font-weight:normal;}h1{font-size:33px;}h2{font-size:22px;}#linkTitles{text-align:left;justify-content:center;text-decoration:none;display:flex;flex-direction:row;}#showOnlyQR{margin-top:30px;}.param{padding:10px;padding-left:0px;margin-left:0px;padding-right:0px;margin-right:0px;}.inputColorContainer{display:flex;flex-direction:row;justify-content:center;}::selection{color:#2a2a2a;background-color:white;}label[for=txt]{padding-left:22px;}#colors{display:flex;flex-direction:row;justify-content:space-between;text-align:center;}#colors .param{text-align:center;display:flex;justify-content:center;flex-direction:column;width:100%;}.metaText{color:#bababa;transition:color 0.12s cubic-bezier(0.42,0.0,1.0,1.0);padding:6px;}.metaText a,.metaText a:visited{transition:color 0.12s cubic-bezier(0.42,0.0,1.0,1.0);color:#bababa;text-decoration:underline;}.metaText:hover,.metaText:hover a{color:white;}footer{font-size:14px;padding-top:20px;text-align:left;}header,footer{flex-shrink:0;}#info{font-size:16px;bottom:20px;right:20px;margin:0px;}#info h3{font-size:20px;font-weight:normal;padding-bottom:10px;}#redondancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{border:2px #5f5f5f solid;border-radius:10px;font-size:20px;padding-left:10px;font-weight:normal;color:white;transition:border 0.1s linear;background-color:#31363b;margin-top:8px;}#redondancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border:2px #808080 solid;}#redondancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border:2px white solid;outline:none;}#redondancy,#size,#margin{background-color:#31363b;width:250px;height:40px;}#txt{background-color:#232629;color:white;padding:10px;margin:10px;width:500px;scrollbar-color:white #232629;scrollbar-width:auto;}input[type=submit]{font-size:28px;padding:10px;padding-left:14px;padding-right:14px;}#txt::placeholder{color:#bababa;opacity:1;font-family:"Ubuntu", sans-serif;font-weight:normal;font-size:1em;}input[type=color]{height:60px;width:84px;padding:5px;border:2px #5f5f5f solid;}.helpImg{width:20px;height:20px;margin-bottom:-3px;margin-left:5px;}.helpButton{height:0px;width:0px;color:#bababa;cursor:help;font-size:0.8em;}.helpContainer .helpContent{position:absolute;transform:scale(0) rotate(-12deg);color:white;background:#151616;padding:15px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);margin-top:23px;margin-left:-35px;transition:all .25s;opacity:0;max-width:500px;font-size:20px;text-align:left;}@media (max-width: 500px){.helpContainer .helpContent{position:fixed;margin:5px;left:0px;top:0px;}}.helpContainer:hover .helpContent,.helpContainer:focus-within .helpContent{transform:scale(1) rotate(0);opacity:1;}@media (max-width: 1050px){#info{color:white;margin-bottom:20px;padding-top:30px;font-size:20px;}#info a:link{color:white;}}@media (max-width: 850px){main{width:auto;}#firstWrapper{flex-direction:column;}body{margin:10px;}#txt{width:92%;}}@media (max-width: 500px){#colors{flex-direction:column;}h1{font-size:28px;padding-top:6px;}#txt{width:85%;}#qrCode{max-width:94%;}}@media (max-width: 415px){h1{padding:0px;}}
\ No newline at end of file