Ajout du header

3 years ago · 0c92d3a78e
9 changed files with 36 additions and 11 deletions
--- a/0
+++ b/0
--- a/README.md
+++ b/README.md
@ -1,3 +1,4 @@
-# qr
-
-Un générateur de codes QR en PHP pour le Web.
+# Présentation
+Un générateur de codes QR pour le Web créé par Miraty basé sur la bibliothèque [phpqrcode](https://github.com/t0k4rt/phpqrcode).
+# Démo
+Une instance de ce service est disponible à l'adresse [https://qr.antopie.org](https://qr.antopie.org).
--- a/aide.png
+++ b/aide.png
--- a/aide.svg
+++ b/aide.svg
--- a/favicon.png
+++ b/favicon.png
--- a/index.php
+++ b/index.php
@ -10,6 +10,10 @@
  </head>

  <body lang="fr">
+    <header>
+      <h1>Générateur de codes QR</h1>
+      <a href="https://code.antopie.org/miraty/qr">Code source</a>
+    </header>
    <form method="post" action="index.php">

      <div class="param">
@ -85,8 +89,9 @@

        </select>
      </div>
+      <br/>

-        <input type="submit" class="bouton" value="Générer" />
+      <input type="submit" value="Générer" />



@ -109,7 +114,4 @@
  }
    ?>

-
-
-
  </body>
--- a/phpqrcode/temp/test.png
+++ b/phpqrcode/temp/test.png
--- a/phpqrcode/temp/test9d9859ebb4e825179a00a36b2d734ca0.png
+++ b/phpqrcode/temp/test9d9859ebb4e825179a00a36b2d734ca0.png
--- a/style.css
+++ b/style.css
@ -31,13 +31,13 @@

 }

-.bouton {
+input[type=submit] {
  background-color: #31363B;
  border: 2px #616569 solid;
  color: white;
  padding: 3px 10px 3px 10px;
  border-radius: 3px;
-  font-size: 1em;
+  font-size: 1.2em;
  text-decoration: none;
  display: inline;
 }
@ -54,6 +54,8 @@ form {
  display: flex;
  flex-direction: column;
  display: inline;
+  padding: 0px;
+  margin: 0px;
 }

 body {
@ -72,12 +74,32 @@ label {
  margin-bottom: 100px;
 }

-a[href] {
-  color: white;
+
+header a {
+  color: #868686;
+  font-size: 12px;
+  margin-bottom: -20px;
+  text-align: right;
+
+}
+
+header {
+  text-align: right;
+}
+
+h1 {
+  text-align: left;
+  padding: 0px;
+  margin: 0px;
+  font-size: 40px;
 }

 .param {
  padding: 10px;
+  padding-left: 0px;
+  margin-left: 0px;
+  padding-right: 0px;
+  margin-right: 0px;

 }