From 1530ae87046d44f8c1753ff8ebce87815b019978 Mon Sep 17 00:00:00 2001
From: Julian <j.r@wiuwiu.de>
Date: Thu, 12 Sep 2019 18:19:30 +0200
Subject: [PATCH] Fixed some little UI Bugs and reformated code

---
 css/ds19.css |   3 ++
 index.html   | 110 +++++++++++++++++++++++++--------------------------
 2 files changed, 58 insertions(+), 55 deletions(-)
diff --git a/css/ds19.css b/css/ds19.css
index 3127f80..111e852 100644
--- a/css/ds19.css
+++ b/css/ds19.css
@@ -15,3 +15,6 @@ body{
     padding-bottom: 5px;
 }
 
+.h-60 {
+    height: 60% !important;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 1ba9861..14cde4a 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 <!doctype html>
 <html lang="de">
-  <head>
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
@@ -10,94 +10,94 @@
     <script type="text/javascript" src="js/Schedule.js"></script>
 
     <title>Konferenz Wegweiser</title>
-  </head>
-  <body>
-    <div class="container-fluid">
-      <div class="row">
+</head>
+<body>
+<div class="container-fluid">
+    <div class="row">
         <div class="col">
-          <h1>Konferenz Wegweiser</h1>
+            <h1>Konferenz Wegweiser</h1>
         </div>
         <div class="col">
-          <h1>
-            <span class="conf_title">loading schedule..</span>
-            <small>(<span class="conf_start"></span> - <span class="conf_end"></span>)</small>
-          </h1>
+            <h1>
+                <span class="conf_title">loading schedule..</span>
+                <small>(<span class="conf_start"></span> - <span class="conf_end"></span>)</small>
+            </h1>
         </div>
-      </div>
-      <div class="row">
-        <div class="col">
-          <h3>demnächst stattfindende Talks</h3>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col">
-          <div class="card-deck talks">
-
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-sm">
-          <h2>Plan</h2>
-          <img class="img-fluid h-75" alt="Grundriss" src="img/zw.png" />
-        </div>
-        <div class="col-sm">
-          <img class="img-fluid patch h-75" src="img/patchgehabt.svg" />
-        </div>
-      </div>
     </div>
+    <div class="row">
+        <div class="col">
+            <h3>demnächst stattfindende Talks</h3>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="card-deck talks">
+
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-sm">
+            <h2>Plan</h2>
+            <img class="img-fluid" alt="Grundriss" src="img/zw.png"/>
+        </div>
+        <div class="col-sm">
+            <img class="img-fluid patch float-right" src="img/patchgehabt.svg"/>
+        </div>
+    </div>
+</div>
 
 
-    <script>
-      $.when( $.ready ).then(function() {
+<script>
+    $.when($.ready).then(function () {
         let path = "./src/schedule.xml";
-        $.get( path, function( data ) {
+        $.get(path, function (data) {
             this.xml = new XMLSerializer().serializeToString(data);
             //console.log(xml2json(this.xml));
 
             // load your schedule
-            var scheduleXml = $( $.parseXML(this.xml) );
+            var scheduleXml = $($.parseXML(this.xml));
             var s = new Schedule(scheduleXml);
 
             // for testing purposes
             // Example: ?faketime=2018-09-22T19:29:00
             let faketime = new URL(window.location.href).searchParams.get("faketime");
-            if (faketime != null){
-              s.setTimeTo(new Date(faketime));
+            if (faketime != null) {
+                s.setTimeTo(new Date(faketime));
             }
 
             // output part of the schedule
-            $('.conf_title').html( s.getScheduleTitle() );
-            $('.conf_start').html( s.getScheduleStart());
-            $('.conf_end').html( s.getScheduleEnd());
+            $('.conf_title').html(s.getScheduleTitle());
+            $('.conf_start').html(s.getScheduleStart());
+            $('.conf_end').html(s.getScheduleEnd());
 
             var events = s.getNextEvents();
-            for ( var i = 0; i < events.length; i++ ) {
-              console.log(events[i]);
-              event = ` <div class="card">
+            for (var i = 0; i < events.length; i++) {
+                console.log(events[i]);
+                event = ` <div class="card">
                                 <div class="card-title">
                                     <h2> ${events[i].title} </h2>
                                 </div>
 			                    <div class="card-body">
 			                        <p> ${events[i].abstract} </p>
-			                        <p>
+			                    </div>
+                                <div class="card-footer">
+                                    <p class="ml-1">${(events[i].persons !== "\n") ? events[i].persons : "<br>"}</p>
+                                    <p>
 				                        <span class="float-left ml-1">${events[i].start}Uhr</span>
 				                        <span class="float-right mr-2">${events[i].duration}h</span>
 			                        </p>
-			                    </div>
-                                <div class="card-footer">
-                                    ${events[i].persons}
                                 </div>
                             </div>`;
-              $('.talks').append(event);
-              if (i >= 2){
-                break;
-              }
+                $('.talks').append(event);
+                if (i >= 2) {
+                    break;
+                }
             }
 
         });
 
-      })
-    </script>
-  </body>
+    })
+</script>
+</body>
 </html>
