diff --git a/config.ini b/config.ini index d4417f2..e262d44 100644 --- a/config.ini +++ b/config.ini @@ -14,7 +14,7 @@ more = Weiter »»» title = A oder B mail_link = Einreichen! help_link = Hilfe? -help = Hilfe
Wähle die Antworten in beliebiger Reihenfolge durch Klicken/Tippen oder mit der Tastatur (a/b) aus. Sobald alle Antworten ausgewählt wurden, werden nach einer kurzen Wartezeit automatisch neue Fragen geladen.
Möchtest du nicht alle Fragen beantworten, klicke einfach auf die Schaltfläche "Weiter" unten rechts (das klappt auch, während der Countdown läuft).
Klicke/tippe außerhalb dieses Fensters oder bewege die Maus, um fortzufahren.
Diese Webseite zeichnet keine Daten auf und verwendet keine Cookies.
+help = HilfeWähle die Antworten durch Klicken/Tippen oder mit der Tastatur durch Drücken der Tasten "a" bzw. "b" aus (beantwortet die jeweils nächste unbeantwortete Frage). Sobald alle Antworten ausgewählt wurden, werden nach einer kurzen Wartezeit automatisch neue Fragen geladen.
Möchtest du nicht alle Fragen beantworten, klicke einfach auf die Schaltfläche "Weiter" unten rechts oder drücke "F5" (beides klappt auch, während der Countdown läuft).
Klicke/tippe außerhalb dieses Fensters oder bewege die Maus, um fortzufahren.
Diese Webseite zeichnet keine Daten auf und verwendet keine Cookies.
separator = oder questions_prefix = Es gibt derzeit questions_suffix = Fragen. diff --git a/static/css/animations.css b/static/css/animations.css index ca4df9e..5888449 100644 --- a/static/css/animations.css +++ b/static/css/animations.css @@ -1,9 +1,34 @@ -label.a.slide { +label.a.slide1 { animation-duration: 1s; animation-name: slideinfromleft; position: relative; } +label.a.slide2 { + animation-duration: 1.25s; + animation-name: slideinfromleft; + position: relative; +} + +label.a.slide3 { + animation-duration: 1.5s; + animation-name: slideinfromleft; + position: relative; +} + +label.a.slide4 { + animation-duration: 1.75s; + animation-name: slideinfromleft; + position: relative; +} + +label.a.slide5 { + animation-duration: 2s; + animation-name: slideinfromleft; + position: relative; +} + + @keyframes slideinfromleft { from { left: -640px; @@ -14,12 +39,36 @@ label.a.slide { } } -label.b.slide { +label.b.slide1 { animation-duration: 1s; animation-name: slideinfromright; position: relative; } +label.b.slide2 { + animation-duration: 1.25s; + animation-name: slideinfromright; + position: relative; +} + +label.b.slide3 { + animation-duration: 1.5s; + animation-name: slideinfromright; + position: relative; +} + +label.b.slide4 { + animation-duration: 1.75s; + animation-name: slideinfromright; + position: relative; +} + +label.b.slide5 { + animation-duration: 2s; + animation-name: slideinfromright; + position: relative; +} + @keyframes slideinfromright { from { left: 640px; diff --git a/static/css/base.css b/static/css/base.css index c475672..71d5fed 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -30,7 +30,7 @@ a #help { a:hover #help { position: absolute; - top: 65px; + top: 70px; left: 50%; height: auto; width: 50%; diff --git a/templates/index.html b/templates/index.html index 35595cd..479993b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,10 +6,10 @@ {%- set id.value = id.value + 1 %}