hide event countdown for mobile clients

includes/pages/guest_login.php

@@ -328,13 +328,8 @@ function guest_login() {
           div('row', [
               EventConfig_countdown_page($event_config) 
           ]),
-          div('row', []),
           div('row', [
-              div('col-md-4 text-center', [
+              div('col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4', [
-                  heading(register_title(), 2),
-                  get_register_hint() 
-              ]),
-              div('col-md-4', [
                   div('panel panel-primary first', [
                       div('panel-heading', [
                           '<span class="icon-icon_angel"></span> ' . _("Login") 
@@ -354,8 +349,14 @@ function guest_login() {
                           glyph('info-sign') . _("Please note: You have to activate cookies!") 
                       ]) 
                   ]) 
+              ]) 
           ]),
-              div('col-md-4 text-center', [
+          div('row', [
+              div('col-sm-6 text-center', [
+                  heading(register_title(), 2),
+                  get_register_hint() 
+              ]),
+              div('col-sm-6 text-center', [
                   heading(_("What can I do?"), 2),
                   '<p>' . _("Please read about the jobs you can do to help us.") . '</p>',
                   buttons([

includes/view/EventConfig_view.php

@@ -14,39 +14,39 @@ function EventConfig_countdown_page($event_config) {
   $elements = [];
   
   if ($event_config['event_name'] != null) {
-    $elements[] = div('col-md-12 text-center', [
+    $elements[] = div('col-sm-12 text-center', [
         heading(sprintf(_("Welcome to the %s!"), $event_config['event_name'] . ' <span class="icon-icon_angel"></span> ENGELSYSTEM'), 2) 
     ]);
   }
   
-  if ($event_config['buildup_start_date'] != null) {
+  if ($event_config['buildup_start_date'] != null && time() < $event_config['buildup_start_date']) {
-    $elements[] = div('col-md-3 text-center', [
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
-        heading(_("Buildup starts"), 3),
+        heading(_("Buildup starts"), 4),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['buildup_start_date'] . '">%c</h2>',
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['buildup_start_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['buildup_start_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['event_start_date'] != null) {
+  if ($event_config['event_start_date'] != null && time() < $event_config['event_start_date']) {
-    $elements[] = div('col-md-3 text-center', [
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
-        heading(_("Event starts"), 3),
+        heading(_("Event starts"), 4),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['event_start_date'] . '">%c</h2>',
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['event_start_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['event_start_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['event_end_date'] != null) {
+  if ($event_config['event_end_date'] != null && time() < $event_config['event_end_date']) {
-    $elements[] = div('col-md-3 text-center', [
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
-        heading(_("Event ends"), 3),
+        heading(_("Event ends"), 4),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['event_end_date'] . '">%c</h2>',
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['event_end_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['event_end_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['teardown_end_date'] != null) {
+  if ($event_config['teardown_end_date'] != null && time() < $event_config['teardown_end_date']) {
-    $elements[] = div('col-md-3 text-center', [
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
-        heading(_("Teardown ends"), 3),
+        heading(_("Teardown ends"), 4),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['teardown_end_date'] . '">%c</h2>',
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['teardown_end_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['teardown_end_date']) . '</small>' 
     ]);
   }

public/css/theme0.css

@@ -6731,7 +6731,13 @@ body {
   color: #777777;
 }
 .first {
-  margin-top: 20px;
+  margin-top: 30px;
+}
+.text-big {
+  display: block;
+  font-size: 30px;
+  line-height: 30px;
+  margin: 0px;
 }
 .panel-primary .panel-heading a {
   color: #ffffff;

public/css/theme1.css

@@ -6754,7 +6754,13 @@ body {
   color: #888888;
 }
 .first {
-  margin-top: 20px;
+  margin-top: 30px;
+}
+.text-big {
+  display: block;
+  font-size: 30px;
+  line-height: 30px;
+  margin: 0px;
 }
 .panel-primary .panel-heading a {
   color: #ffffff;

public/css/theme2.css

@@ -6731,7 +6731,13 @@ body {
   color: #777777;
 }
 .first {
-  margin-top: 20px;
+  margin-top: 30px;
+}
+.text-big {
+  display: block;
+  font-size: 30px;
+  line-height: 30px;
+  margin: 0px;
 }
 .panel-primary .panel-heading a {
   color: #ffffff;

public/css/theme3.css

@@ -6740,7 +6740,13 @@ body {
   color: #777777;
 }
 .first {
-  margin-top: 20px;
+  margin-top: 30px;
+}
+.text-big {
+  display: block;
+  font-size: 30px;
+  line-height: 30px;
+  margin: 0px;
 }
 .panel-primary .panel-heading a {
   color: #ffffff;

themes/base.less

@@ -11,7 +11,14 @@ body {
 }
 
 .first {
-	margin-top: 20px;
+	margin-top: 30px;
+}
+
+.text-big {
+	display: block;
+	font-size: 30px;
+	line-height: 30px;
+	margin: 0px;
 }
 
 .panel-primary .panel-heading a {