From 0eb3e2e259c1451eb7580014ca73a0d180fa2828 Mon Sep 17 00:00:00 2001
From: Remy Moll <remoll@ethz.ch>
Date: Sun, 31 Oct 2021 07:03:44 +0100
Subject: [PATCH] better

---
 dummy_data.py                                 |  42 +-
 models/event.py                               |  24 +-
 models/travel_route.py                        |  14 +-
 .../travelhistorymap_customer239842123.html   | 404 +++++-------------
 templates/event_card.html                     |   2 +-
 5 files changed, 160 insertions(+), 326 deletions(-)

diff --git a/dummy_data.py b/dummy_data.py
index eba5fe2..8244539 100644
--- a/dummy_data.py
+++ b/dummy_data.py
@@ -8,7 +8,9 @@ def populate_data(Users, Events):
         location_name = 'SPH Zentrum, Zürich',
         location_coordinates = [46.3667, 7.445683],
         date = datetime.date.today() - datetime.timedelta(days=100),
-        description = "Be part of Switzerland's most fun and personal hackathon experience!"
+        description = "Be part of Switzerland's most fun and personal hackathon experience!",
+        activity_duration = datetime.timedelta(hours=20),
+        image_path = "event_id1_image.jpg"
         )
     Events.add_event(
         id = 2,
@@ -16,7 +18,9 @@ def populate_data(Users, Events):
         location_name = 'Zürich',
         location_coordinates = [46.368, 7.445683],
         date = datetime.date.today() - datetime.timedelta(days=80),
-        description = "Explore Switzerland's rich cultural history in the unique collection of the Swiss National Museum."
+        description = "Explore Switzerland's rich cultural history in the unique collection of the Swiss National Museum.",
+        activity_duration = datetime.timedelta(hours=1),
+        image_path = "event_id2_image.jpg"
         )
     Events.add_event(
         id = 3,
@@ -24,7 +28,9 @@ def populate_data(Users, Events):
         location_name = 'Interlaken',
         location_coordinates = [46.68387, 7.86638],
         date = datetime.date.today() - datetime.timedelta(days=100),
-        description = "Fly high between the lakes in Interlaken."
+        description = "Fly high between the lakes in Interlaken.",
+        activity_duration = datetime.timedelta(hours=1),
+        image_path = "event_id3_image.jpg"
         )
     Events.add_event(
         id = 4,
@@ -32,7 +38,9 @@ def populate_data(Users, Events):
         location_name = 'Lugano',
         location_coordinates = [46.01008, 8.96004],
         date = datetime.date.today() - datetime.timedelta(days=100),
-        description = "Explore one of Ticino's gems in the deep south of Switzerland."
+        description = "Explore one of Ticino's gems in the deep south of Switzerland.",
+        activity_duration = datetime.timedelta(hours=1,minutes=30),
+        image_path = "event_id4_image.jpg"
         )
     Events.add_event(
         id = 5,
@@ -40,7 +48,9 @@ def populate_data(Users, Events):
         location_name = 'Lucerne',
         location_coordinates = [47.05048, 8.30635],
         date = datetime.date.today() - datetime.timedelta(days=20),
-        description = "See the iconic bridge of Lucerne and enjoy a boat tour on the Vierwaldstätter Lake."
+        description = "See the iconic bridge of Lucerne and enjoy a boat tour on the Vierwaldstätter Lake.",
+        activity_duration = datetime.timedelta(hours=1),
+        image_path = "event_id5_image.jpg"
         )
     Events.add_event(
         id = 6,
@@ -48,7 +58,9 @@ def populate_data(Users, Events):
         location_name = 'Oeschinen Lake',
         location_coordinates = [46.492331364, 7.722830442],
         date = datetime.date.today(),
-        description = "Take a hike around the beautiful scenery around the Oeschinen Lake."
+        description = "Take a hike around the beautiful scenery around the Oeschinen Lake.",
+        activity_duration = datetime.timedelta(hours=1),
+        image_path = "event_id6_image.jpg"
         )
     Events.add_event(
         id = 7,
@@ -56,7 +68,9 @@ def populate_data(Users, Events):
         location_name = 'Aletschglacier',
         location_coordinates = [46.438664912, 8.072999708],
         date = datetime.date.today(),
-        description = "Be adventurous by hiking the largest Glacier of the Alps."
+        description = "Be adventurous by hiking the largest Glacier of the Alps.",
+        activity_duration = datetime.timedelta(hours=4),
+        image_path = "event_id7_image.jpg"
         )
     Events.add_event(
         id = 8,
@@ -64,7 +78,9 @@ def populate_data(Users, Events):
         location_name = 'Engelberg',
         location_coordinates = [46.82107, 8.40133],
         date = datetime.date.today(),
-        description = "Enjoy a Ski weekend at the Engelberg Ski Resort."
+        description = "Enjoy a Ski weekend at the Engelberg Ski Resort.",
+        activity_duration = datetime.timedelta(hours=4),
+        image_path = "event_id8_image.jpg"
         )
     Events.add_event(
         id = 9,
@@ -72,7 +88,9 @@ def populate_data(Users, Events):
         location_name = 'Davos',
         location_coordinates = [46.80429, 9.83723],
         date = datetime.date.today(),
-        description = "See the winter wonderous municipality Davos in East Switzerland."
+        description = "See the winter wonderous municipality Davos in East Switzerland.",
+        activity_duration = datetime.timedelta(hours=2),
+        image_path = "event_id9_image.jpg"
         )
     Events.add_event(
         id = 10,
@@ -80,7 +98,9 @@ def populate_data(Users, Events):
         location_name = 'Zermatt',
         location_coordinates = [46.11654, 7.445683],
         date = datetime.date.today() - datetime.timedelta(days=10),
-        description = "Enjoy skiing with view on one of Switzerland's most iconic mountain peaks."
+        description = "Enjoy skiing with view on one of Switzerland's most iconic mountain peaks.",
+        activity_duration = datetime.timedelta(hours=2),
+        image_path = "event_id10_image.jpg"
         )
 
     Users.add_user(
@@ -95,6 +115,6 @@ def populate_data(Users, Events):
         )
     u = Users.get_by_id(239842123)
 
-    for e in Events[2:5]:
+    for e in Events:
         e.add_review(text="Nice view, good weather. Would recommend.", rating=random.randint(0,5))
         u.travel_history.append(e)
\ No newline at end of file
diff --git a/models/event.py b/models/event.py
index c5358ce..dca2562 100644
--- a/models/event.py
+++ b/models/event.py
@@ -1,3 +1,4 @@
+from .travel_route import TravelRoute
 
 class Event:
     id = 0
@@ -10,9 +11,9 @@ class Event:
     weather_requirements = 0
     date = ""
     image_path = "fallback.jpg"
-    duration = "" # datetime object
-    trip_to = "" # Trip object
-    trip_back = ""
+    activity_duration = "" # datetime object
+    trip_to = TravelRoute(0,0)
+    trip_back = TravelRoute(0,0)
 
     def __init__(self, **kwargs):
         self.id = kwargs.pop("id")
@@ -21,6 +22,8 @@ class Event:
         self.location_coordinates = kwargs.pop("location_coordinates")
         self.date = kwargs.pop("date")
         self.description = kwargs.pop("description")
+        self.activity_duration = kwargs.pop("activity_duration")
+        self.image_path = kwargs.pop("image_path")
 
     
     def find_optimal_trip(self):
@@ -36,10 +39,8 @@ class Event:
 
     @property
     def co2_savings(self):
-        try:
-            return self.trip_to.co2_savings + self.trip_back.co2_savings
-        except:
-            return 5
+        return self.trip_to.co2_savings + self.trip_back.co2_savings
+        
     @property
     def rating(self):
         return int(sum([r.rating for r in self.reviews]) / len(self.reviews))
@@ -48,6 +49,15 @@ class Event:
     def nreviews(self):
         return len(self.reviews)
 
+    @property
+    def total_duration(self):
+        s = (self.activity_duration + self.trip_back.duration + self.trip_to.duration).seconds
+        hours, remainder = divmod(s, 3600)
+        minutes, seconds = divmod(remainder, 60)
+        return '{:02} h {:02}'.format(int(hours), int(minutes))
+
+
+
 
 class Review:
     text = ""
diff --git a/models/travel_route.py b/models/travel_route.py
index 8d3a696..86685d6 100644
--- a/models/travel_route.py
+++ b/models/travel_route.py
@@ -1,17 +1,21 @@
+# TBD API interaction
+
+import datetime
 
 
 class TravelRoute:
-    def __init__(self, start_coords, end_coords, ) -> None:
+    def __init__(self, start_coords, end_coords) -> None:
         pass
     
     @property
     def duration(self):
-        pass
+        return datetime.timedelta(hours=2)
 
     @property
     def wait_time(self):
-        pass
+        return datetime.timedelta(minutes=10)
+        
 
     @property
-    def eco_score(self):
-        pass
\ No newline at end of file
+    def co2_savings(self):
+        return 15
\ No newline at end of file
diff --git a/static/travelhistorymap_customer239842123.html b/static/travelhistorymap_customer239842123.html
index 1c67e23..9e00f13 100644
--- a/static/travelhistorymap_customer239842123.html
+++ b/static/travelhistorymap_customer239842123.html
@@ -23,7 +23,7 @@
             <meta name="viewport" content="width=device-width,
                 initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
             <style>
-                #map_5c89db71ff08437bac051cd20fd424c2 {
+                #map_4d5df68455c74bc8b919c511fe0315a2 {
                     position: relative;
                     width: 100.0%;
                     height: 100.0%;
@@ -35,13 +35,13 @@
 </head>
 <body>    
     
-            <div class="folium-map" id="map_5c89db71ff08437bac051cd20fd424c2" ></div>
+            <div class="folium-map" id="map_4d5df68455c74bc8b919c511fe0315a2" ></div>
         
 </body>
 <script>    
     
-            var map_5c89db71ff08437bac051cd20fd424c2 = L.map(
-                "map_5c89db71ff08437bac051cd20fd424c2",
+            var map_4d5df68455c74bc8b919c511fe0315a2 = L.map(
+                "map_4d5df68455c74bc8b919c511fe0315a2",
                 {
                     center: [46.8132, 8.2242],
                     crs: L.CRS.EPSG3857,
@@ -55,507 +55,307 @@
 
         
     
-            var tile_layer_be54db67513744bcaf27f0c4185b31e3 = L.tileLayer(
+            var tile_layer_12367b4532a240e9a717454c38245125 = L.tileLayer(
                 "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                 {"attribution": "Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 12, "maxZoom": 12, "minZoom": 6, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var marker_fd6f0d05e2714af589922a1bbf95755d = L.marker(
+            var marker_82229e2776bc4647a32265915f1486ad = L.marker(
                 [46.3667, 7.445683],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_2986e987ec52447ba2dbe3352f91c943 = L.AwesomeMarkers.icon(
+            var icon_09207b8ad7034525b6060d75de8bd0de = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_fd6f0d05e2714af589922a1bbf95755d.setIcon(icon_2986e987ec52447ba2dbe3352f91c943);
+            marker_82229e2776bc4647a32265915f1486ad.setIcon(icon_09207b8ad7034525b6060d75de8bd0de);
         
     
-        var popup_c39c5947ceab4792bfbafefc17341c69 = L.popup({"maxWidth": "100%"});
+        var popup_a783967e974c42d68166b691cb1fff49 = L.popup({"maxWidth": "100%"});
 
         
-            var html_408acbe9d7b24573a4a3435bb00dc4e4 = $(`<div id="html_408acbe9d7b24573a4a3435bb00dc4e4" style="width: 100.0%; height: 100.0%;">Polyhack</div>`)[0];
-            popup_c39c5947ceab4792bfbafefc17341c69.setContent(html_408acbe9d7b24573a4a3435bb00dc4e4);
+            var html_c23dc87478e94114a9a71ff0b2ec63a8 = $(`<div id="html_c23dc87478e94114a9a71ff0b2ec63a8" style="width: 100.0%; height: 100.0%;">SPH Zentrum, Zürich</div>`)[0];
+            popup_a783967e974c42d68166b691cb1fff49.setContent(html_c23dc87478e94114a9a71ff0b2ec63a8);
         
 
-        marker_fd6f0d05e2714af589922a1bbf95755d.bindPopup(popup_c39c5947ceab4792bfbafefc17341c69)
+        marker_82229e2776bc4647a32265915f1486ad.bindPopup(popup_a783967e974c42d68166b691cb1fff49)
         ;
 
         
     
     
-            var marker_5003d92b0e86466aa1bd9adb0768838e = L.marker(
+            var marker_b3fadfa7839f4f09a350dd0859f618f1 = L.marker(
                 [46.368, 7.445683],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_e31686a602eb474596d6fdcd7d8bba9d = L.AwesomeMarkers.icon(
+            var icon_404529ceac4c4c908c48b69e0f85380f = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_5003d92b0e86466aa1bd9adb0768838e.setIcon(icon_e31686a602eb474596d6fdcd7d8bba9d);
+            marker_b3fadfa7839f4f09a350dd0859f618f1.setIcon(icon_404529ceac4c4c908c48b69e0f85380f);
         
     
-        var popup_cbcb68e3b2f24a4a82969aa9b14a5da4 = L.popup({"maxWidth": "100%"});
+        var popup_4208e9abf8804d5a9acb3c6108ea101e = L.popup({"maxWidth": "100%"});
 
         
-            var html_68445cf773254298a7b8c7c951f0c816 = $(`<div id="html_68445cf773254298a7b8c7c951f0c816" style="width: 100.0%; height: 100.0%;">Zürich</div>`)[0];
-            popup_cbcb68e3b2f24a4a82969aa9b14a5da4.setContent(html_68445cf773254298a7b8c7c951f0c816);
+            var html_82a9a17bf26b4dce94be31965aa2059a = $(`<div id="html_82a9a17bf26b4dce94be31965aa2059a" style="width: 100.0%; height: 100.0%;">Zürich</div>`)[0];
+            popup_4208e9abf8804d5a9acb3c6108ea101e.setContent(html_82a9a17bf26b4dce94be31965aa2059a);
         
 
-        marker_5003d92b0e86466aa1bd9adb0768838e.bindPopup(popup_cbcb68e3b2f24a4a82969aa9b14a5da4)
+        marker_b3fadfa7839f4f09a350dd0859f618f1.bindPopup(popup_4208e9abf8804d5a9acb3c6108ea101e)
         ;
 
         
     
     
-            var marker_59195027b8ab41ec920d504e6aacfc28 = L.marker(
+            var marker_38a3a159aa414767b4036e075342b970 = L.marker(
                 [46.68387, 7.86638],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_43414ec316a74a52b3960ee1bbd0fa4d = L.AwesomeMarkers.icon(
+            var icon_aa5a069372ff451d914043f24e9cbeb7 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_59195027b8ab41ec920d504e6aacfc28.setIcon(icon_43414ec316a74a52b3960ee1bbd0fa4d);
+            marker_38a3a159aa414767b4036e075342b970.setIcon(icon_aa5a069372ff451d914043f24e9cbeb7);
         
     
-        var popup_dedd2e8d6bba4ef8965195bb7191f3dd = L.popup({"maxWidth": "100%"});
+        var popup_bebb049091a94d70adca4ccf4f4e225a = L.popup({"maxWidth": "100%"});
 
         
-            var html_94cc6b7c18424f90b68c89bfc3692c64 = $(`<div id="html_94cc6b7c18424f90b68c89bfc3692c64" style="width: 100.0%; height: 100.0%;">Interlaken</div>`)[0];
-            popup_dedd2e8d6bba4ef8965195bb7191f3dd.setContent(html_94cc6b7c18424f90b68c89bfc3692c64);
+            var html_e559a37a7dac4c359e71b00c8538a424 = $(`<div id="html_e559a37a7dac4c359e71b00c8538a424" style="width: 100.0%; height: 100.0%;">Interlaken</div>`)[0];
+            popup_bebb049091a94d70adca4ccf4f4e225a.setContent(html_e559a37a7dac4c359e71b00c8538a424);
         
 
-        marker_59195027b8ab41ec920d504e6aacfc28.bindPopup(popup_dedd2e8d6bba4ef8965195bb7191f3dd)
+        marker_38a3a159aa414767b4036e075342b970.bindPopup(popup_bebb049091a94d70adca4ccf4f4e225a)
         ;
 
         
     
     
-            var marker_039d1534920a41b3beca0e2f995fe33b = L.marker(
+            var marker_df78cd9ce01e479e96b779c90faef9aa = L.marker(
                 [46.01008, 8.96004],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_7204f163828a4ac4a4adba5422767af1 = L.AwesomeMarkers.icon(
+            var icon_c96d91cae58d4079b30cd218527bb027 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_039d1534920a41b3beca0e2f995fe33b.setIcon(icon_7204f163828a4ac4a4adba5422767af1);
+            marker_df78cd9ce01e479e96b779c90faef9aa.setIcon(icon_c96d91cae58d4079b30cd218527bb027);
         
     
-        var popup_8c4a0318868c4c5b8f918de64515c4d7 = L.popup({"maxWidth": "100%"});
+        var popup_a70fd0ac8200477fa86aaee76c56ea65 = L.popup({"maxWidth": "100%"});
 
         
-            var html_5ad53b89299b4878b946b9fe13a3cdb9 = $(`<div id="html_5ad53b89299b4878b946b9fe13a3cdb9" style="width: 100.0%; height: 100.0%;">Lugano</div>`)[0];
-            popup_8c4a0318868c4c5b8f918de64515c4d7.setContent(html_5ad53b89299b4878b946b9fe13a3cdb9);
+            var html_7009edcb711246879165609a925455de = $(`<div id="html_7009edcb711246879165609a925455de" style="width: 100.0%; height: 100.0%;">Lugano</div>`)[0];
+            popup_a70fd0ac8200477fa86aaee76c56ea65.setContent(html_7009edcb711246879165609a925455de);
         
 
-        marker_039d1534920a41b3beca0e2f995fe33b.bindPopup(popup_8c4a0318868c4c5b8f918de64515c4d7)
+        marker_df78cd9ce01e479e96b779c90faef9aa.bindPopup(popup_a70fd0ac8200477fa86aaee76c56ea65)
         ;
 
         
     
     
-            var marker_abd92a4a9ffe4673b04f938024373d24 = L.marker(
+            var marker_3c3dea74d4464f3f8b47cfc19c23d2c8 = L.marker(
                 [47.05048, 8.30635],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_e96eb9d8ee7641e3a71259f2cb4f3f05 = L.AwesomeMarkers.icon(
+            var icon_855beba2b2a6452bb069c6aea988266d = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_abd92a4a9ffe4673b04f938024373d24.setIcon(icon_e96eb9d8ee7641e3a71259f2cb4f3f05);
+            marker_3c3dea74d4464f3f8b47cfc19c23d2c8.setIcon(icon_855beba2b2a6452bb069c6aea988266d);
         
     
-        var popup_c3d91c5bc9f549b295816f16bae34ab4 = L.popup({"maxWidth": "100%"});
+        var popup_f97c6caf790d46329a75b8bdf3a1ef01 = L.popup({"maxWidth": "100%"});
 
         
-            var html_4f1aeb195e684fc0ae3972097cf93405 = $(`<div id="html_4f1aeb195e684fc0ae3972097cf93405" style="width: 100.0%; height: 100.0%;">Lucerne</div>`)[0];
-            popup_c3d91c5bc9f549b295816f16bae34ab4.setContent(html_4f1aeb195e684fc0ae3972097cf93405);
+            var html_40e0a29e89e245debe35053aaab163c2 = $(`<div id="html_40e0a29e89e245debe35053aaab163c2" style="width: 100.0%; height: 100.0%;">Lucerne</div>`)[0];
+            popup_f97c6caf790d46329a75b8bdf3a1ef01.setContent(html_40e0a29e89e245debe35053aaab163c2);
         
 
-        marker_abd92a4a9ffe4673b04f938024373d24.bindPopup(popup_c3d91c5bc9f549b295816f16bae34ab4)
+        marker_3c3dea74d4464f3f8b47cfc19c23d2c8.bindPopup(popup_f97c6caf790d46329a75b8bdf3a1ef01)
         ;
 
         
     
     
-            var marker_7407abf4b12c4cf99975339675106233 = L.marker(
+            var marker_856b59e8d3d84cbab0a3a5793f504616 = L.marker(
                 [46.492331364, 7.722830442],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_cd54b27c807845e5b36d91118ff0d08e = L.AwesomeMarkers.icon(
+            var icon_24840121a4374c38b687eed06680dbed = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_7407abf4b12c4cf99975339675106233.setIcon(icon_cd54b27c807845e5b36d91118ff0d08e);
+            marker_856b59e8d3d84cbab0a3a5793f504616.setIcon(icon_24840121a4374c38b687eed06680dbed);
         
     
-        var popup_d567dcabea2e46dfbd3ceded1dc12a45 = L.popup({"maxWidth": "100%"});
+        var popup_0c9e6c1b73fc4b83a06592a3048581b3 = L.popup({"maxWidth": "100%"});
 
         
-            var html_7d2ac5c0bd614fd3abebcbe2051fe5af = $(`<div id="html_7d2ac5c0bd614fd3abebcbe2051fe5af" style="width: 100.0%; height: 100.0%;">Oeschinen Lake</div>`)[0];
-            popup_d567dcabea2e46dfbd3ceded1dc12a45.setContent(html_7d2ac5c0bd614fd3abebcbe2051fe5af);
+            var html_438070f49ff3408db7d2ab3dd2d1e4f3 = $(`<div id="html_438070f49ff3408db7d2ab3dd2d1e4f3" style="width: 100.0%; height: 100.0%;">Oeschinen Lake</div>`)[0];
+            popup_0c9e6c1b73fc4b83a06592a3048581b3.setContent(html_438070f49ff3408db7d2ab3dd2d1e4f3);
         
 
-        marker_7407abf4b12c4cf99975339675106233.bindPopup(popup_d567dcabea2e46dfbd3ceded1dc12a45)
+        marker_856b59e8d3d84cbab0a3a5793f504616.bindPopup(popup_0c9e6c1b73fc4b83a06592a3048581b3)
         ;
 
         
     
     
-            var marker_6293ee409a8545f9a60148a1a29d6d4a = L.marker(
+            var marker_9870ea5a7b6341b3bee0984b4f96ace3 = L.marker(
                 [46.438664912, 8.072999708],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_c892e78977f24669af87831e999c73aa = L.AwesomeMarkers.icon(
+            var icon_22bf71366e3146b08b0b14edd1f4f061 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_6293ee409a8545f9a60148a1a29d6d4a.setIcon(icon_c892e78977f24669af87831e999c73aa);
+            marker_9870ea5a7b6341b3bee0984b4f96ace3.setIcon(icon_22bf71366e3146b08b0b14edd1f4f061);
         
     
-        var popup_47a9330ea7264e3b9179c4442dc66b6f = L.popup({"maxWidth": "100%"});
+        var popup_c69624b7285f41c9a4d5cccfe253d453 = L.popup({"maxWidth": "100%"});
 
         
-            var html_9d4f51d8aa444cd38414ecfde30f9d35 = $(`<div id="html_9d4f51d8aa444cd38414ecfde30f9d35" style="width: 100.0%; height: 100.0%;">Aletschglacier</div>`)[0];
-            popup_47a9330ea7264e3b9179c4442dc66b6f.setContent(html_9d4f51d8aa444cd38414ecfde30f9d35);
+            var html_12e374db59ae4c7ab7e755cd4f780b18 = $(`<div id="html_12e374db59ae4c7ab7e755cd4f780b18" style="width: 100.0%; height: 100.0%;">Aletschglacier</div>`)[0];
+            popup_c69624b7285f41c9a4d5cccfe253d453.setContent(html_12e374db59ae4c7ab7e755cd4f780b18);
         
 
-        marker_6293ee409a8545f9a60148a1a29d6d4a.bindPopup(popup_47a9330ea7264e3b9179c4442dc66b6f)
+        marker_9870ea5a7b6341b3bee0984b4f96ace3.bindPopup(popup_c69624b7285f41c9a4d5cccfe253d453)
         ;
 
         
     
     
-            var marker_da89f006dceb446d83a26beca91331d7 = L.marker(
+            var marker_07b0515505a243e08ac8f2cd3c06b7eb = L.marker(
                 [46.82107, 8.40133],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_8578794ef15f4998af37b1b025a4148a = L.AwesomeMarkers.icon(
+            var icon_91e83e658ed84823b8a2d8a3d6f96686 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_da89f006dceb446d83a26beca91331d7.setIcon(icon_8578794ef15f4998af37b1b025a4148a);
+            marker_07b0515505a243e08ac8f2cd3c06b7eb.setIcon(icon_91e83e658ed84823b8a2d8a3d6f96686);
         
     
-        var popup_ea615f9c2295401c9e6acb329045363c = L.popup({"maxWidth": "100%"});
+        var popup_b7e72ca815774549bd194053674bbdb4 = L.popup({"maxWidth": "100%"});
 
         
-            var html_1d13c9f516024f668315160ad0290638 = $(`<div id="html_1d13c9f516024f668315160ad0290638" style="width: 100.0%; height: 100.0%;">Engelberg</div>`)[0];
-            popup_ea615f9c2295401c9e6acb329045363c.setContent(html_1d13c9f516024f668315160ad0290638);
+            var html_9f834551dfdc4462a4b9006ff1ea63d8 = $(`<div id="html_9f834551dfdc4462a4b9006ff1ea63d8" style="width: 100.0%; height: 100.0%;">Engelberg</div>`)[0];
+            popup_b7e72ca815774549bd194053674bbdb4.setContent(html_9f834551dfdc4462a4b9006ff1ea63d8);
         
 
-        marker_da89f006dceb446d83a26beca91331d7.bindPopup(popup_ea615f9c2295401c9e6acb329045363c)
+        marker_07b0515505a243e08ac8f2cd3c06b7eb.bindPopup(popup_b7e72ca815774549bd194053674bbdb4)
         ;
 
         
     
     
-            var marker_c630866470da4b36a461a1b13d9addf3 = L.marker(
+            var marker_2c22ece083814334b4607b1fe484da71 = L.marker(
                 [46.80429, 9.83723],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_82d9155b6aab436499dc69da89fadee1 = L.AwesomeMarkers.icon(
+            var icon_471eaf30cab448688dffc57e0e880fb3 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_c630866470da4b36a461a1b13d9addf3.setIcon(icon_82d9155b6aab436499dc69da89fadee1);
+            marker_2c22ece083814334b4607b1fe484da71.setIcon(icon_471eaf30cab448688dffc57e0e880fb3);
         
     
-        var popup_382529dece6a47d29e51c315f6b1719e = L.popup({"maxWidth": "100%"});
+        var popup_2b77e6f8c8064a36b67530e07b3dd7f3 = L.popup({"maxWidth": "100%"});
 
         
-            var html_c945d1b914b9414baa218bcae98c99c5 = $(`<div id="html_c945d1b914b9414baa218bcae98c99c5" style="width: 100.0%; height: 100.0%;">Davos</div>`)[0];
-            popup_382529dece6a47d29e51c315f6b1719e.setContent(html_c945d1b914b9414baa218bcae98c99c5);
+            var html_41e8ad860fa444d0ae24af12fb486dbd = $(`<div id="html_41e8ad860fa444d0ae24af12fb486dbd" style="width: 100.0%; height: 100.0%;">Davos</div>`)[0];
+            popup_2b77e6f8c8064a36b67530e07b3dd7f3.setContent(html_41e8ad860fa444d0ae24af12fb486dbd);
         
 
-        marker_c630866470da4b36a461a1b13d9addf3.bindPopup(popup_382529dece6a47d29e51c315f6b1719e)
+        marker_2c22ece083814334b4607b1fe484da71.bindPopup(popup_2b77e6f8c8064a36b67530e07b3dd7f3)
         ;
 
         
     
     
-            var marker_8474b5b345774e88b0e6b531d7b46f55 = L.marker(
+            var marker_a0193887dd2543a59c9c4e48ba787723 = L.marker(
                 [46.11654, 7.445683],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_b2c743d5942a44f698d825445402647b = L.AwesomeMarkers.icon(
+            var icon_0bd08d372fe64a67a88722ad63b7d033 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_8474b5b345774e88b0e6b531d7b46f55.setIcon(icon_b2c743d5942a44f698d825445402647b);
+            marker_a0193887dd2543a59c9c4e48ba787723.setIcon(icon_0bd08d372fe64a67a88722ad63b7d033);
         
     
-        var popup_b2bc10b20a1a4f2ab1f30a2742445b43 = L.popup({"maxWidth": "100%"});
+        var popup_548121ced5c9493787a5a8050a474b5d = L.popup({"maxWidth": "100%"});
 
         
-            var html_e5870d91486b4a519db8110b210c06cb = $(`<div id="html_e5870d91486b4a519db8110b210c06cb" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
-            popup_b2bc10b20a1a4f2ab1f30a2742445b43.setContent(html_e5870d91486b4a519db8110b210c06cb);
+            var html_ed2c1d3ac17d4966a2c6b4ad2ff687e0 = $(`<div id="html_ed2c1d3ac17d4966a2c6b4ad2ff687e0" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
+            popup_548121ced5c9493787a5a8050a474b5d.setContent(html_ed2c1d3ac17d4966a2c6b4ad2ff687e0);
         
 
-        marker_8474b5b345774e88b0e6b531d7b46f55.bindPopup(popup_b2bc10b20a1a4f2ab1f30a2742445b43)
+        marker_a0193887dd2543a59c9c4e48ba787723.bindPopup(popup_548121ced5c9493787a5a8050a474b5d)
         ;
 
         
     
     
-            var marker_7da877b4793942b9a5afaa045aa5b604 = L.marker(
-                [46.3667, 7.445683],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_a2122c2e61244ea696b9e9df1092a82c = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_7da877b4793942b9a5afaa045aa5b604.setIcon(icon_a2122c2e61244ea696b9e9df1092a82c);
-        
-    
-        var popup_31a08b4539c04d6784dff09bae1bfca3 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_874277ac54fb4fc194b11c4c0b81ca66 = $(`<div id="html_874277ac54fb4fc194b11c4c0b81ca66" style="width: 100.0%; height: 100.0%;">Polyhack</div>`)[0];
-            popup_31a08b4539c04d6784dff09bae1bfca3.setContent(html_874277ac54fb4fc194b11c4c0b81ca66);
-        
-
-        marker_7da877b4793942b9a5afaa045aa5b604.bindPopup(popup_31a08b4539c04d6784dff09bae1bfca3)
-        ;
-
-        
-    
-    
-            var marker_1d1e81ed968c4c62aa73f71c06f5cf8e = L.marker(
-                [46.368, 7.445683],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_9f0e056f0c2144fab8711bfaca12b684 = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_1d1e81ed968c4c62aa73f71c06f5cf8e.setIcon(icon_9f0e056f0c2144fab8711bfaca12b684);
-        
-    
-        var popup_41b898a7364748f4853b50ca9412694f = L.popup({"maxWidth": "100%"});
-
-        
-            var html_de41807f04584a4cb6151630fc4e4118 = $(`<div id="html_de41807f04584a4cb6151630fc4e4118" style="width: 100.0%; height: 100.0%;">Zürich</div>`)[0];
-            popup_41b898a7364748f4853b50ca9412694f.setContent(html_de41807f04584a4cb6151630fc4e4118);
-        
-
-        marker_1d1e81ed968c4c62aa73f71c06f5cf8e.bindPopup(popup_41b898a7364748f4853b50ca9412694f)
-        ;
-
-        
-    
-    
-            var marker_d2f0ad7554774bae8a5118c26a094219 = L.marker(
-                [46.68387, 7.86638],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_2e08acfbb2584d4881b15a1d97be9d0e = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_d2f0ad7554774bae8a5118c26a094219.setIcon(icon_2e08acfbb2584d4881b15a1d97be9d0e);
-        
-    
-        var popup_81265f4f2a2a4a9983867087f87531e7 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_37b5a87104de4f608c6e7ec566b582b0 = $(`<div id="html_37b5a87104de4f608c6e7ec566b582b0" style="width: 100.0%; height: 100.0%;">Interlaken</div>`)[0];
-            popup_81265f4f2a2a4a9983867087f87531e7.setContent(html_37b5a87104de4f608c6e7ec566b582b0);
-        
-
-        marker_d2f0ad7554774bae8a5118c26a094219.bindPopup(popup_81265f4f2a2a4a9983867087f87531e7)
-        ;
-
-        
-    
-    
-            var marker_5ad58b5cd9354d19bb15122ff7a3e8c9 = L.marker(
-                [46.01008, 8.96004],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_252beaf202da4b4fa6e4e99f59ae684b = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_5ad58b5cd9354d19bb15122ff7a3e8c9.setIcon(icon_252beaf202da4b4fa6e4e99f59ae684b);
-        
-    
-        var popup_e70d290662864c49b18b3f2da6dd1e86 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_79cba883b09c49f89243d59ef4e78c40 = $(`<div id="html_79cba883b09c49f89243d59ef4e78c40" style="width: 100.0%; height: 100.0%;">Lugano</div>`)[0];
-            popup_e70d290662864c49b18b3f2da6dd1e86.setContent(html_79cba883b09c49f89243d59ef4e78c40);
-        
-
-        marker_5ad58b5cd9354d19bb15122ff7a3e8c9.bindPopup(popup_e70d290662864c49b18b3f2da6dd1e86)
-        ;
-
-        
-    
-    
-            var marker_7c29e78763b54a1eaa497344e3ac97f7 = L.marker(
-                [47.05048, 8.30635],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_ab2afefd2e734c56b73d6edafb141b1f = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_7c29e78763b54a1eaa497344e3ac97f7.setIcon(icon_ab2afefd2e734c56b73d6edafb141b1f);
-        
-    
-        var popup_9a227b1d00be44a5b4ec3eef3cda0b7e = L.popup({"maxWidth": "100%"});
-
-        
-            var html_1480d9fb9f034a26a3acd16b091210da = $(`<div id="html_1480d9fb9f034a26a3acd16b091210da" style="width: 100.0%; height: 100.0%;">Lucerne</div>`)[0];
-            popup_9a227b1d00be44a5b4ec3eef3cda0b7e.setContent(html_1480d9fb9f034a26a3acd16b091210da);
-        
-
-        marker_7c29e78763b54a1eaa497344e3ac97f7.bindPopup(popup_9a227b1d00be44a5b4ec3eef3cda0b7e)
-        ;
-
-        
-    
-    
-            var marker_61554db415d2435e9d830bacff300553 = L.marker(
-                [46.492331364, 7.722830442],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_59214c4778134624abfeaa3858dafd1f = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_61554db415d2435e9d830bacff300553.setIcon(icon_59214c4778134624abfeaa3858dafd1f);
-        
-    
-        var popup_11e53b938faa422f9750beaec695a9f7 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_1704ff8741be4de68410118bd4bb20c9 = $(`<div id="html_1704ff8741be4de68410118bd4bb20c9" style="width: 100.0%; height: 100.0%;">Oeschinen Lake</div>`)[0];
-            popup_11e53b938faa422f9750beaec695a9f7.setContent(html_1704ff8741be4de68410118bd4bb20c9);
-        
-
-        marker_61554db415d2435e9d830bacff300553.bindPopup(popup_11e53b938faa422f9750beaec695a9f7)
-        ;
-
-        
-    
-    
-            var marker_eada9ce21a01428183a500ccac074de8 = L.marker(
+            var marker_ca3b9c2558264ada842a83803605b7a4 = L.marker(
                 [46.438664912, 8.072999708],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_b8c814b568024cf292c26a0add76c8fd = L.AwesomeMarkers.icon(
+            var icon_5cde2c679c2f413ca3f25a29a8843739 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_eada9ce21a01428183a500ccac074de8.setIcon(icon_b8c814b568024cf292c26a0add76c8fd);
+            marker_ca3b9c2558264ada842a83803605b7a4.setIcon(icon_5cde2c679c2f413ca3f25a29a8843739);
         
     
-        var popup_94772f01f44b4947bb790316cc9cf606 = L.popup({"maxWidth": "100%"});
+        var popup_41a15bb1538c408ababf492935335fb3 = L.popup({"maxWidth": "100%"});
 
         
-            var html_ce2b605a8b004d5a8247aa3559a4f3d6 = $(`<div id="html_ce2b605a8b004d5a8247aa3559a4f3d6" style="width: 100.0%; height: 100.0%;">Aletschglacier</div>`)[0];
-            popup_94772f01f44b4947bb790316cc9cf606.setContent(html_ce2b605a8b004d5a8247aa3559a4f3d6);
+            var html_d2734e001d8b4cd38243c4e57eb0f9f3 = $(`<div id="html_d2734e001d8b4cd38243c4e57eb0f9f3" style="width: 100.0%; height: 100.0%;">Aletschglacier</div>`)[0];
+            popup_41a15bb1538c408ababf492935335fb3.setContent(html_d2734e001d8b4cd38243c4e57eb0f9f3);
         
 
-        marker_eada9ce21a01428183a500ccac074de8.bindPopup(popup_94772f01f44b4947bb790316cc9cf606)
+        marker_ca3b9c2558264ada842a83803605b7a4.bindPopup(popup_41a15bb1538c408ababf492935335fb3)
         ;
 
         
     
     
-            var marker_2dd4c67024544da9afc6ee1f4bedb66c = L.marker(
-                [46.82107, 8.40133],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_908cb406ffb54cfca0df70edddfee70d = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_2dd4c67024544da9afc6ee1f4bedb66c.setIcon(icon_908cb406ffb54cfca0df70edddfee70d);
-        
-    
-        var popup_35fde91c89354062a4a5b3699e7fb5c3 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_a9e161f996ca4949b4571842f30ace1c = $(`<div id="html_a9e161f996ca4949b4571842f30ace1c" style="width: 100.0%; height: 100.0%;">Engelberg</div>`)[0];
-            popup_35fde91c89354062a4a5b3699e7fb5c3.setContent(html_a9e161f996ca4949b4571842f30ace1c);
-        
-
-        marker_2dd4c67024544da9afc6ee1f4bedb66c.bindPopup(popup_35fde91c89354062a4a5b3699e7fb5c3)
-        ;
-
-        
-    
-    
-            var marker_d7bcddb0be3e48cd83f7b86bea3b7480 = L.marker(
-                [46.80429, 9.83723],
-                {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
-        
-    
-            var icon_085da85c78f049678f7e83c93158d5c8 = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_d7bcddb0be3e48cd83f7b86bea3b7480.setIcon(icon_085da85c78f049678f7e83c93158d5c8);
-        
-    
-        var popup_3bfdc293735c4a5cb9f49c438121c522 = L.popup({"maxWidth": "100%"});
-
-        
-            var html_eb1500da37a846a0aad0bbb05c8bf3c2 = $(`<div id="html_eb1500da37a846a0aad0bbb05c8bf3c2" style="width: 100.0%; height: 100.0%;">Davos</div>`)[0];
-            popup_3bfdc293735c4a5cb9f49c438121c522.setContent(html_eb1500da37a846a0aad0bbb05c8bf3c2);
-        
-
-        marker_d7bcddb0be3e48cd83f7b86bea3b7480.bindPopup(popup_3bfdc293735c4a5cb9f49c438121c522)
-        ;
-
-        
-    
-    
-            var marker_070ee75298684461a60d159d2a4d6914 = L.marker(
+            var marker_a076a27977f94495b85ef3613cc4f96c = L.marker(
                 [46.11654, 7.445683],
                 {}
-            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+            ).addTo(map_4d5df68455c74bc8b919c511fe0315a2);
         
     
-            var icon_f57168a8270a4e5e83b375a0c229109c = L.AwesomeMarkers.icon(
+            var icon_7cfce7c37b6c49a3994d49fff94e63fc = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_070ee75298684461a60d159d2a4d6914.setIcon(icon_f57168a8270a4e5e83b375a0c229109c);
+            marker_a076a27977f94495b85ef3613cc4f96c.setIcon(icon_7cfce7c37b6c49a3994d49fff94e63fc);
         
     
-        var popup_ca83d9ae318846d78ac0f8c01bb02461 = L.popup({"maxWidth": "100%"});
+        var popup_82f02b6390674046877289fbfb0e5699 = L.popup({"maxWidth": "100%"});
 
         
-            var html_f79f65a9d88244b69139f0657d01229d = $(`<div id="html_f79f65a9d88244b69139f0657d01229d" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
-            popup_ca83d9ae318846d78ac0f8c01bb02461.setContent(html_f79f65a9d88244b69139f0657d01229d);
+            var html_d2821821a41d4bfa984a50927b423cdc = $(`<div id="html_d2821821a41d4bfa984a50927b423cdc" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
+            popup_82f02b6390674046877289fbfb0e5699.setContent(html_d2821821a41d4bfa984a50927b423cdc);
         
 
-        marker_070ee75298684461a60d159d2a4d6914.bindPopup(popup_ca83d9ae318846d78ac0f8c01bb02461)
+        marker_a076a27977f94495b85ef3613cc4f96c.bindPopup(popup_82f02b6390674046877289fbfb0e5699)
         ;
 
         
diff --git a/templates/event_card.html b/templates/event_card.html
index 0b99ab9..2c5c9b0 100644
--- a/templates/event_card.html
+++ b/templates/event_card.html
@@ -7,7 +7,7 @@
         <div class="card-body">
         <h5 class="card-title ">{{ event.name }}</h5>
         <ul class="list-group list-group-flush">
-            <li class="list-group-item"><i class="far fa-clock"></i> Total duration: {{event.duration }}</li>
+            <li class="list-group-item"><i class="far fa-clock"></i> Total duration: {{ event.total_duration }}</li>
             <li class="list-group-item"><i class="far fa-map"></i> {{ event.location_name }}</li>
             <ul class="list-group-item d-flex justify-content-between align-items-center">
                 <span>