Also split up app/infoscreen CSS, add transition notice to landing page

3 files changed, 10 insertions, 10 deletions

diff --git a/templates/app.html.ep b/templates/app.html.ep
index 3c36965..88e6586 100644
--- a/templates/app.html.ep
+++ b/templates/app.html.ep
@@ -1,10 +1,10 @@
 % if (@{$departures}) {
 
 % if (param('dark')) {
-<div class="displayclean displaycleandark">
+<div class="app appdark">
 % }
 % else {
-<div class="displayclean displaycleanlight">
+<div class="app applight">
 % }
 <ul>
 % my $i = 0;
@@ -266,7 +266,7 @@
 % }
 
   </ul>
-  </div> <!-- displayclean -->
+  </div> <!-- app -->
 
 % }
 % else {
diff --git a/templates/infoscreen.html.ep b/templates/infoscreen.html.ep
index 3c36965..9c244a0 100644
--- a/templates/infoscreen.html.ep
+++ b/templates/infoscreen.html.ep
@@ -1,10 +1,10 @@
 % if (@{$departures}) {
 
 % if (param('dark')) {
-<div class="displayclean displaycleandark">
+<div class="infoscreen infoscreendark">
 % }
 % else {
-<div class="displayclean displaycleanlight">
+<div class="infoscreen infoscreenlight">
 % }
 <ul>
 % my $i = 0;
@@ -266,7 +266,7 @@
 % }
 
   </ul>
-  </div> <!-- displayclean -->
+  </div> <!-- infoscreen -->
 
 % }
 % else {
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 78a962f..d7d6e70 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -210,10 +210,10 @@ nur Züge via Bochum oder Hamm)</li>
 <span class="notes">Developers Developers Developers Developers:</span>
 <ul>
 <li>Diese Seite kann gerne als iframe in eigene Infoscreens o.ä. eingebunden werden.
-	Das App/Infoscreen-Template kann dazu (falls nötig) mit
-	<span style="font-family: monospace;">force_mobile=1</span> bzw.
-	<span style="font-family: monospace;">force_mobile=0</span> auf die mobile
-	bzw. die Desktopversion festgelegt werden.</li>
+	Für eine kleine Ansicht (z.B. iframe in einer normalen Website) bitte das
+	"App"-Frontend verwenden (und vorerst den Parameter <span style="font-family: monospace;">force_mobile=1</span>
+	hinzufügen, das ist bald aber nicht mehr nötig). Für eine große Ansicht
+	(z.B. als alleinstehender Infoscreen) gibt es das "Infoscreen"-Frontend.</li>
 <li>Die Parameter <span style="font-family: monospace;">mode=marudor&amp;version=3</span>
 	liefern ein JSON-Interface. Die route-Elemente können zusätzlich
 	die Felder "isAdditional" oder "isCancelled" enthalten, der Rest sollte