pp-covidcert

Vaccination Certificate fpor the EU
git clone https://src.jayvii.de/pub/pp-covidcert.git
Log | Files | Refs

commit 0c9d5866b166519a87ed9735c10c2586562f7809
parent 19df30f8d998939a24f03d82530f2baebb05849a
Author: JayVii <jayvii@posteo.de>
Date:   Mon,  4 Oct 2021 14:41:04 +0200

rename install script; layout optimisations

Diffstat:
Mindex.html | 54++++++++++++++++++++++--------------------------------
Rmake_install.sh -> install.sh | 0
2 files changed, 22 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html @@ -11,7 +11,7 @@ <body> - <h1>Certificates</h1> + <h1><a href="./index.html">❮ Certificates</a></h1> <div id="certinfo"> <h2>Digital COVID-Zertificate for the EU</h2> @@ -28,10 +28,12 @@ <!--<a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a>--> <div style="text-align:center"> + <a class="prev" onclick="plusSlides(-1)">❮</a> <span class="dot active" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> + <a class="next" onclick="plusSlides(1)">❯</a> </div> - <p style="text-align:center;">Full Vaccination protection</p> + <p style="text-align:center;">✓ Full Vaccination protection</p> </div> <h3>Name, Vorname / Name, First Name</h3> <p style="color: #DDD;"><!--NAME--></p> @@ -47,6 +49,11 @@ <style> + a { + text-decoration: inherit; + color: inherit; + } + body { width: 100%; max-width: 720px; @@ -56,10 +63,15 @@ color: #000; } + body > h1 { + padding-left: 20px; + padding-top: 10px; + } + #certinfo { background-image: linear-gradient(135deg, #4674bf, #1550b5); color: #fff; - border-radius: 10px; + border-radius: 25px; border: 2px solid #222; width: 98%; margin-left: auto; @@ -78,10 +90,10 @@ background: #fff; padding-left: 10px; padding-right: 10px; - padding-top: 5px; + padding-top: 15px; padding-bottom: 5px; color: #666; - border-radius: 10px; + border-radius: 20px; box-shadow: 3px 3px 5px #000; } @@ -103,29 +115,21 @@ /* Next & previous buttons */ .prev, .next { + color: #000; cursor: pointer; - position: absolute; - top: 50%; width: auto; - margin-top: -22px; padding: 16px; - color: #fff; font-weight: bold; font-size: 18px; transition: 0.5s ease; - border-radius: 0 3px 3px 0; + border-radius: 3px; user-select: none; } - /* Position the "next button" to the right */ - .next { - right: 20; - border-radius: 3px 0 0 3px; - } - /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { - background-color: rgba(0,0,0,0.6); + background-color: #1650b5CC; + color: #fff; } /* Caption text */ @@ -139,20 +143,6 @@ text-align: center; } - .text > a { - color: #fff; - } - - /* Number text (1/3 etc) */ - .numbertext { - color: #fff; - font-size: 1.5em; - padding: 8px 12px; - position: absolute; - top: 0; - display: none; - } - /* The dots/bullets/indicators */ .dot { cursor: pointer; @@ -166,7 +156,7 @@ } .active, .dot:hover { - background-color: #e4b660; + background-color: #1650b5; } /* Fading animation */ diff --git a/make_install.sh b/install.sh