diff --git a/apis/weather.py b/apis/weather.py
index 15d4ee2..18031af 100644
--- a/apis/weather.py
+++ b/apis/weather.py
@@ -33,16 +33,18 @@ class WeatherScoreCalculator:
         location_string = f'{location[0]}'+f','+f'{location[1]}'
 
         weather = WeatherWrapper()
-        raw_weather_data = weather.wrapper.get( now + 'ZP1D:PT3H/weather_code_6h:idx/'+ location_string + '/json')
-        raw_extracted_weather = raw_weather_data['data'][0]['coordinates'][0]['dates']
-
-        # Weather Score Calculation
-        weather_score = []
-        for weather_dict in raw_extracted_weather:
-            weather_score.append(weather_dict['value'])
-        weather_score = np.array(weather_score)
-        mean_weather_score = weather_score.mean()
+        try:
+            raw_weather_data = weather.wrapper.get( now + 'ZP1D:PT3H/weather_code_6h:idx/'+ location_string + '/json')
+            raw_extracted_weather = raw_weather_data['data'][0]['coordinates'][0]['dates']
 
+            # Weather Score Calculation
+            weather_score = []
+            for weather_dict in raw_extracted_weather:
+                weather_score.append(weather_dict['value'])
+            weather_score = np.array(weather_score)
+            mean_weather_score = weather_score.mean()
+        except:
+            mean_weather_score = 20
         return mean_weather_score
 
 
diff --git a/dummy_data.py b/dummy_data.py
index 5cbf39b..eba5fe2 100644
--- a/dummy_data.py
+++ b/dummy_data.py
@@ -50,7 +50,7 @@ def populate_data(Users, Events):
         date = datetime.date.today(),
         description = "Take a hike around the beautiful scenery around the Oeschinen Lake."
         )
-        Events.add_event(
+    Events.add_event(
         id = 7,
         name = "Hike at Aletschglacier",
         location_name = 'Aletschglacier',
@@ -58,7 +58,7 @@ def populate_data(Users, Events):
         date = datetime.date.today(),
         description = "Be adventurous by hiking the largest Glacier of the Alps."
         )
-        Events.add_event(
+    Events.add_event(
         id = 8,
         name = "Ski at Engelberg",
         location_name = 'Engelberg',
@@ -66,7 +66,7 @@ def populate_data(Users, Events):
         date = datetime.date.today(),
         description = "Enjoy a Ski weekend at the Engelberg Ski Resort."
         )
-        Events.add_event(
+    Events.add_event(
         id = 9,
         name = "City Tour Davos",
         location_name = 'Davos',
@@ -74,7 +74,7 @@ def populate_data(Users, Events):
         date = datetime.date.today(),
         description = "See the winter wonderous municipality Davos in East Switzerland."
         )
-        Events.add_event(
+    Events.add_event(
         id = 10,
         name = "Zermatt",
         location_name = 'Zermatt',
@@ -95,7 +95,6 @@ def populate_data(Users, Events):
         )
     u = Users.get_by_id(239842123)
 
-    for e in Events:
+    for e in Events[2:5]:
         e.add_review(text="Nice view, good weather. Would recommend.", rating=random.randint(0,5))
-        u.travel_history.append(e)
-    
+        u.travel_history.append(e)
\ No newline at end of file
diff --git a/models/event.py b/models/event.py
index 62373ae..c5358ce 100644
--- a/models/event.py
+++ b/models/event.py
@@ -63,6 +63,7 @@ class Review:
     def add_photo(self, photo):
         pass
 
+
 class Events:
     _events = []
 
diff --git a/server.py b/server.py
index efc2d55..aa521f2 100644
--- a/server.py
+++ b/server.py
@@ -25,11 +25,13 @@ app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'
 def index():
     session["user_id"] = 239842123 # a perfectly safe login, hem hem
     wscore = WEATHERCALCULATOR.calc_weather_score(EVENTBASE.get_by_id(1))
-    print(wscore)
+    wscore = 10 # hard coded for positive pitch experience
     weather_icon = ["☀️","🌥️","🌧️","⛈️"][int(wscore/25)]
-    print(weather_icon)
+    weather_string = ["looks great!", "could be better..."][int(wscore/50)]
     context = {
-        "user" : USERBASE.get_by_id(session["user_id"]).name
+        "user" : USERBASE.get_by_id(session["user_id"]).name,
+        "weather_emoji" : weather_icon,
+        "weather_string" : weather_string
     }
     return render_template("event_overview.html", context=context)
 
@@ -54,6 +56,9 @@ def profile():
         plot_bgcolor='rgba(0,0,0,0)',
         colorway=["#D50505", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"]
     )
+    fig.update_yaxes(
+        title_text = "g of CO2 saved",
+        title_standoff = 5)
     fig.add_trace(go.Bar(x=days, y=co2_savings))
     plot_div = plot(fig, output_type='div', include_plotlyjs=False)
 
@@ -82,7 +87,17 @@ def event_detail(event_id):
     else:
         abort(404)
 
+@app.route("/event/<event_id>/booked")
+def event_booked_view(event_id):
+    uid = session["user_id"]
+    event = EVENTBASE.get_by_id(int(event_id))
+    user = USERBASE.get_by_id(int(uid))
+    user.travel_history.append(event)
+    if event:
+        return render_template("event_booked.html", event=event)
+    else:
+        abort(404)
 
 #############################
 ## And, liftoff!
-app.run(port=8000, debug=True)
\ No newline at end of file
+app.run(host="0.0.0.0",port=8000, debug=True)
\ No newline at end of file
diff --git a/static/bettmeralp_weg.png b/static/bettmeralp_weg.png
new file mode 100644
index 0000000..dfaf49f
Binary files /dev/null and b/static/bettmeralp_weg.png differ
diff --git a/static/custom-bootstrap-override.css b/static/custom-bootstrap-override.css
index 12d9304..d507ba8 100644
--- a/static/custom-bootstrap-override.css
+++ b/static/custom-bootstrap-override.css
@@ -12,6 +12,10 @@
 .content {
     margin-top: 5rem;
 }
+
+.fa-star{
+  color: #D50505;
+}
 /*
 *
 * ==========================================
@@ -62,8 +66,10 @@
 
 .ml4 .letters {
     position: absolute;
-    margin: auto;
+    margin-left: 0.8rem;
+    margin-top: 0.12rem;
+    /* margin: auto;
     left: 6.7em;
-    top: 0.75em;
+    top: 0.75em; */
     opacity: 0; 
 }
\ No newline at end of file
diff --git a/static/index.js b/static/index.js
index 2bfc774..18d65fd 100644
--- a/static/index.js
+++ b/static/index.js
@@ -22,7 +22,7 @@ $(window).on("scroll", function () {
 function callData(counter) {
     $.ajax({
         type: "GET",
-        url: "http://localhost:8000/get_event?id=" + counter,
+        url: "/get_event?id=" + counter,
         dataType: "html",
         success: function (result) {
             //alert(result[0]);
diff --git a/static/travelhistorymap_customer235.html b/static/travelhistorymap_customer235.html
deleted file mode 100644
index 3ed95f1..0000000
--- a/static/travelhistorymap_customer235.html
+++ /dev/null
@@ -1,113 +0,0 @@
-<!DOCTYPE html>
-<head>    
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-    
-        <script>
-            L_NO_TOUCH = false;
-            L_DISABLE_3D = false;
-        </script>
-    
-    <style>html, body {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
-    <style>#map {position:absolute;top:0;bottom:0;right:0;left:0;}</style>
-    <script src="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.js"></script>
-    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.css"/>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"/>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
-    
-            <meta name="viewport" content="width=device-width,
-                initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-            <style>
-                #map_13bfc02c19da45a3a3baef1997c1ade5 {
-                    position: relative;
-                    width: 100.0%;
-                    height: 100.0%;
-                    left: 0.0%;
-                    top: 0.0%;
-                }
-            </style>
-        
-</head>
-<body>    
-    
-            <div class="folium-map" id="map_13bfc02c19da45a3a3baef1997c1ade5" ></div>
-        
-</body>
-<script>    
-    
-            var map_13bfc02c19da45a3a3baef1997c1ade5 = L.map(
-                "map_13bfc02c19da45a3a3baef1997c1ade5",
-                {
-                    center: [46.8132, 8.2242],
-                    crs: L.CRS.EPSG3857,
-                    zoom: 7.6,
-                    zoomControl: true,
-                    preferCanvas: false,
-                }
-            );
-
-            
-
-        
-    
-            var tile_layer_7371904fbde240ff9d0114f1783edaaf = 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_13bfc02c19da45a3a3baef1997c1ade5);
-        
-    
-            var marker_a276875cec9846ff92da0a5ee8d2e284 = L.marker(
-                [46.8132, 8.2242],
-                {}
-            ).addTo(map_13bfc02c19da45a3a3baef1997c1ade5);
-        
-    
-            var icon_a53cfad355d24550b9c721ec3c437bd8 = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_a276875cec9846ff92da0a5ee8d2e284.setIcon(icon_a53cfad355d24550b9c721ec3c437bd8);
-        
-    
-        var popup_e08c5f0dbdfd40c0aa0806c91d8e929a = L.popup({"maxWidth": "100%"});
-
-        
-            var html_ada76b3a4d1f4ae6a815d86fa3ec79e1 = $(`<div id="html_ada76b3a4d1f4ae6a815d86fa3ec79e1" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_e08c5f0dbdfd40c0aa0806c91d8e929a.setContent(html_ada76b3a4d1f4ae6a815d86fa3ec79e1);
-        
-
-        marker_a276875cec9846ff92da0a5ee8d2e284.bindPopup(popup_e08c5f0dbdfd40c0aa0806c91d8e929a)
-        ;
-
-        
-    
-    
-            var marker_8a21cbd766c448beb6b9ea117ce00be0 = L.marker(
-                [46.11654, 7.445683],
-                {}
-            ).addTo(map_13bfc02c19da45a3a3baef1997c1ade5);
-        
-    
-            var icon_09a316166eb142ea8cd18e321ffd6412 = L.AwesomeMarkers.icon(
-                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
-            );
-            marker_8a21cbd766c448beb6b9ea117ce00be0.setIcon(icon_09a316166eb142ea8cd18e321ffd6412);
-        
-    
-        var popup_5dcef77f81e84e1bb45fa6b725c3a8df = L.popup({"maxWidth": "100%"});
-
-        
-            var html_da9e1a0c86f64ea6aeb82084fc7e7d5e = $(`<div id="html_da9e1a0c86f64ea6aeb82084fc7e7d5e" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
-            popup_5dcef77f81e84e1bb45fa6b725c3a8df.setContent(html_da9e1a0c86f64ea6aeb82084fc7e7d5e);
-        
-
-        marker_8a21cbd766c448beb6b9ea117ce00be0.bindPopup(popup_5dcef77f81e84e1bb45fa6b725c3a8df)
-        ;
-
-        
-    
-</script>
\ No newline at end of file
diff --git a/static/travelhistorymap_customer239842123.html b/static/travelhistorymap_customer239842123.html
index 8e4ab46..1c67e23 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_2b19214dbaf846488f2433d621b9a708 {
+                #map_5c89db71ff08437bac051cd20fd424c2 {
                     position: relative;
                     width: 100.0%;
                     height: 100.0%;
@@ -35,13 +35,13 @@
 </head>
 <body>    
     
-            <div class="folium-map" id="map_2b19214dbaf846488f2433d621b9a708" ></div>
+            <div class="folium-map" id="map_5c89db71ff08437bac051cd20fd424c2" ></div>
         
 </body>
 <script>    
     
-            var map_2b19214dbaf846488f2433d621b9a708 = L.map(
-                "map_2b19214dbaf846488f2433d621b9a708",
+            var map_5c89db71ff08437bac051cd20fd424c2 = L.map(
+                "map_5c89db71ff08437bac051cd20fd424c2",
                 {
                     center: [46.8132, 8.2242],
                     crs: L.CRS.EPSG3857,
@@ -55,157 +55,507 @@
 
         
     
-            var tile_layer_5d96e6c02c1c4683b41982c3300a820b = L.tileLayer(
+            var tile_layer_be54db67513744bcaf27f0c4185b31e3 = 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_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var marker_ca63f695315f4bb6b671d25118151e99 = L.marker(
-                [46.8132, 8.2242],
+            var marker_fd6f0d05e2714af589922a1bbf95755d = L.marker(
+                [46.3667, 7.445683],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_2ad62ef64ac64cf88189dc11eed7cdf5 = L.AwesomeMarkers.icon(
+            var icon_2986e987ec52447ba2dbe3352f91c943 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_ca63f695315f4bb6b671d25118151e99.setIcon(icon_2ad62ef64ac64cf88189dc11eed7cdf5);
+            marker_fd6f0d05e2714af589922a1bbf95755d.setIcon(icon_2986e987ec52447ba2dbe3352f91c943);
         
     
-        var popup_65fa70c1d5c044b0846c404db6263d30 = L.popup({"maxWidth": "100%"});
+        var popup_c39c5947ceab4792bfbafefc17341c69 = L.popup({"maxWidth": "100%"});
 
         
-            var html_5ec8c647dc83447b832427368990bda9 = $(`<div id="html_5ec8c647dc83447b832427368990bda9" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_65fa70c1d5c044b0846c404db6263d30.setContent(html_5ec8c647dc83447b832427368990bda9);
+            var html_408acbe9d7b24573a4a3435bb00dc4e4 = $(`<div id="html_408acbe9d7b24573a4a3435bb00dc4e4" style="width: 100.0%; height: 100.0%;">Polyhack</div>`)[0];
+            popup_c39c5947ceab4792bfbafefc17341c69.setContent(html_408acbe9d7b24573a4a3435bb00dc4e4);
         
 
-        marker_ca63f695315f4bb6b671d25118151e99.bindPopup(popup_65fa70c1d5c044b0846c404db6263d30)
+        marker_fd6f0d05e2714af589922a1bbf95755d.bindPopup(popup_c39c5947ceab4792bfbafefc17341c69)
         ;
 
         
     
     
-            var marker_72f25b8a481b4aecb66a56c1cce6db63 = L.marker(
-                [46.0, 8.0],
+            var marker_5003d92b0e86466aa1bd9adb0768838e = L.marker(
+                [46.368, 7.445683],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_d04bab6dbd2a4f93bcd2229321fecd08 = L.AwesomeMarkers.icon(
+            var icon_e31686a602eb474596d6fdcd7d8bba9d = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_72f25b8a481b4aecb66a56c1cce6db63.setIcon(icon_d04bab6dbd2a4f93bcd2229321fecd08);
+            marker_5003d92b0e86466aa1bd9adb0768838e.setIcon(icon_e31686a602eb474596d6fdcd7d8bba9d);
         
     
-        var popup_2476bd5ce0394663bd5a68557e6da3f2 = L.popup({"maxWidth": "100%"});
+        var popup_cbcb68e3b2f24a4a82969aa9b14a5da4 = L.popup({"maxWidth": "100%"});
 
         
-            var html_459d0ba54a8a4667bb3f2782a2976e3c = $(`<div id="html_459d0ba54a8a4667bb3f2782a2976e3c" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_2476bd5ce0394663bd5a68557e6da3f2.setContent(html_459d0ba54a8a4667bb3f2782a2976e3c);
+            var html_68445cf773254298a7b8c7c951f0c816 = $(`<div id="html_68445cf773254298a7b8c7c951f0c816" style="width: 100.0%; height: 100.0%;">Zürich</div>`)[0];
+            popup_cbcb68e3b2f24a4a82969aa9b14a5da4.setContent(html_68445cf773254298a7b8c7c951f0c816);
         
 
-        marker_72f25b8a481b4aecb66a56c1cce6db63.bindPopup(popup_2476bd5ce0394663bd5a68557e6da3f2)
+        marker_5003d92b0e86466aa1bd9adb0768838e.bindPopup(popup_cbcb68e3b2f24a4a82969aa9b14a5da4)
         ;
 
         
     
     
-            var marker_1e5d760167f845eb8dbc5b1968eddb13 = L.marker(
-                [46.8132, 9.0],
+            var marker_59195027b8ab41ec920d504e6aacfc28 = L.marker(
+                [46.68387, 7.86638],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_ebad70bed4ff4660a48f2727d711b3fa = L.AwesomeMarkers.icon(
+            var icon_43414ec316a74a52b3960ee1bbd0fa4d = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_1e5d760167f845eb8dbc5b1968eddb13.setIcon(icon_ebad70bed4ff4660a48f2727d711b3fa);
+            marker_59195027b8ab41ec920d504e6aacfc28.setIcon(icon_43414ec316a74a52b3960ee1bbd0fa4d);
         
     
-        var popup_63700943084f4c08a9dd512565c9a140 = L.popup({"maxWidth": "100%"});
+        var popup_dedd2e8d6bba4ef8965195bb7191f3dd = L.popup({"maxWidth": "100%"});
 
         
-            var html_a3c39fae2c8b46a2b75d947f4c613c9a = $(`<div id="html_a3c39fae2c8b46a2b75d947f4c613c9a" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_63700943084f4c08a9dd512565c9a140.setContent(html_a3c39fae2c8b46a2b75d947f4c613c9a);
+            var html_94cc6b7c18424f90b68c89bfc3692c64 = $(`<div id="html_94cc6b7c18424f90b68c89bfc3692c64" style="width: 100.0%; height: 100.0%;">Interlaken</div>`)[0];
+            popup_dedd2e8d6bba4ef8965195bb7191f3dd.setContent(html_94cc6b7c18424f90b68c89bfc3692c64);
         
 
-        marker_1e5d760167f845eb8dbc5b1968eddb13.bindPopup(popup_63700943084f4c08a9dd512565c9a140)
+        marker_59195027b8ab41ec920d504e6aacfc28.bindPopup(popup_dedd2e8d6bba4ef8965195bb7191f3dd)
         ;
 
         
     
     
-            var marker_ff2f599e863c46f2bc6bd924a13464e9 = L.marker(
-                [47.0, 8.2242],
+            var marker_039d1534920a41b3beca0e2f995fe33b = L.marker(
+                [46.01008, 8.96004],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_766cef5e5b954f739795dc7a0e2a47e0 = L.AwesomeMarkers.icon(
+            var icon_7204f163828a4ac4a4adba5422767af1 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_ff2f599e863c46f2bc6bd924a13464e9.setIcon(icon_766cef5e5b954f739795dc7a0e2a47e0);
+            marker_039d1534920a41b3beca0e2f995fe33b.setIcon(icon_7204f163828a4ac4a4adba5422767af1);
         
     
-        var popup_402264ea1bab4f3fb5fab2f065e8e2df = L.popup({"maxWidth": "100%"});
+        var popup_8c4a0318868c4c5b8f918de64515c4d7 = L.popup({"maxWidth": "100%"});
 
         
-            var html_9131a36e8c3c49e0bfd59ef28d9be5cb = $(`<div id="html_9131a36e8c3c49e0bfd59ef28d9be5cb" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_402264ea1bab4f3fb5fab2f065e8e2df.setContent(html_9131a36e8c3c49e0bfd59ef28d9be5cb);
+            var html_5ad53b89299b4878b946b9fe13a3cdb9 = $(`<div id="html_5ad53b89299b4878b946b9fe13a3cdb9" style="width: 100.0%; height: 100.0%;">Lugano</div>`)[0];
+            popup_8c4a0318868c4c5b8f918de64515c4d7.setContent(html_5ad53b89299b4878b946b9fe13a3cdb9);
         
 
-        marker_ff2f599e863c46f2bc6bd924a13464e9.bindPopup(popup_402264ea1bab4f3fb5fab2f065e8e2df)
+        marker_039d1534920a41b3beca0e2f995fe33b.bindPopup(popup_8c4a0318868c4c5b8f918de64515c4d7)
         ;
 
         
     
     
-            var marker_3f88a80516a94c3583fc411b99719178 = L.marker(
-                [40.8132, 8.2242],
+            var marker_abd92a4a9ffe4673b04f938024373d24 = L.marker(
+                [47.05048, 8.30635],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_2c84ed4b8f154af4bd365d584ec2a082 = L.AwesomeMarkers.icon(
+            var icon_e96eb9d8ee7641e3a71259f2cb4f3f05 = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_3f88a80516a94c3583fc411b99719178.setIcon(icon_2c84ed4b8f154af4bd365d584ec2a082);
+            marker_abd92a4a9ffe4673b04f938024373d24.setIcon(icon_e96eb9d8ee7641e3a71259f2cb4f3f05);
         
     
-        var popup_846c9cd927fd4d80a9ce464dad2ab2c3 = L.popup({"maxWidth": "100%"});
+        var popup_c3d91c5bc9f549b295816f16bae34ab4 = L.popup({"maxWidth": "100%"});
 
         
-            var html_578e7e7d0d91472d970b4a1cdc32f30e = $(`<div id="html_578e7e7d0d91472d970b4a1cdc32f30e" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
-            popup_846c9cd927fd4d80a9ce464dad2ab2c3.setContent(html_578e7e7d0d91472d970b4a1cdc32f30e);
+            var html_4f1aeb195e684fc0ae3972097cf93405 = $(`<div id="html_4f1aeb195e684fc0ae3972097cf93405" style="width: 100.0%; height: 100.0%;">Lucerne</div>`)[0];
+            popup_c3d91c5bc9f549b295816f16bae34ab4.setContent(html_4f1aeb195e684fc0ae3972097cf93405);
         
 
-        marker_3f88a80516a94c3583fc411b99719178.bindPopup(popup_846c9cd927fd4d80a9ce464dad2ab2c3)
+        marker_abd92a4a9ffe4673b04f938024373d24.bindPopup(popup_c3d91c5bc9f549b295816f16bae34ab4)
         ;
 
         
     
     
-            var marker_b134bea0a19642428ea1441073f96dfb = L.marker(
-                [46.11654, 10.445683],
+            var marker_7407abf4b12c4cf99975339675106233 = L.marker(
+                [46.492331364, 7.722830442],
                 {}
-            ).addTo(map_2b19214dbaf846488f2433d621b9a708);
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
         
     
-            var icon_2a49b7f0516a4018be4142fc7297dfb0 = L.AwesomeMarkers.icon(
+            var icon_cd54b27c807845e5b36d91118ff0d08e = L.AwesomeMarkers.icon(
                 {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
             );
-            marker_b134bea0a19642428ea1441073f96dfb.setIcon(icon_2a49b7f0516a4018be4142fc7297dfb0);
+            marker_7407abf4b12c4cf99975339675106233.setIcon(icon_cd54b27c807845e5b36d91118ff0d08e);
         
     
-        var popup_d4d40d6cd05b4956892dc6d70a997b05 = L.popup({"maxWidth": "100%"});
+        var popup_d567dcabea2e46dfbd3ceded1dc12a45 = L.popup({"maxWidth": "100%"});
 
         
-            var html_88e1de9e53184c4285695742f599624f = $(`<div id="html_88e1de9e53184c4285695742f599624f" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
-            popup_d4d40d6cd05b4956892dc6d70a997b05.setContent(html_88e1de9e53184c4285695742f599624f);
+            var html_7d2ac5c0bd614fd3abebcbe2051fe5af = $(`<div id="html_7d2ac5c0bd614fd3abebcbe2051fe5af" style="width: 100.0%; height: 100.0%;">Oeschinen Lake</div>`)[0];
+            popup_d567dcabea2e46dfbd3ceded1dc12a45.setContent(html_7d2ac5c0bd614fd3abebcbe2051fe5af);
         
 
-        marker_b134bea0a19642428ea1441073f96dfb.bindPopup(popup_d4d40d6cd05b4956892dc6d70a997b05)
+        marker_7407abf4b12c4cf99975339675106233.bindPopup(popup_d567dcabea2e46dfbd3ceded1dc12a45)
+        ;
+
+        
+    
+    
+            var marker_6293ee409a8545f9a60148a1a29d6d4a = L.marker(
+                [46.438664912, 8.072999708],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_c892e78977f24669af87831e999c73aa = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_6293ee409a8545f9a60148a1a29d6d4a.setIcon(icon_c892e78977f24669af87831e999c73aa);
+        
+    
+        var popup_47a9330ea7264e3b9179c4442dc66b6f = 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);
+        
+
+        marker_6293ee409a8545f9a60148a1a29d6d4a.bindPopup(popup_47a9330ea7264e3b9179c4442dc66b6f)
+        ;
+
+        
+    
+    
+            var marker_da89f006dceb446d83a26beca91331d7 = L.marker(
+                [46.82107, 8.40133],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_8578794ef15f4998af37b1b025a4148a = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_da89f006dceb446d83a26beca91331d7.setIcon(icon_8578794ef15f4998af37b1b025a4148a);
+        
+    
+        var popup_ea615f9c2295401c9e6acb329045363c = 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);
+        
+
+        marker_da89f006dceb446d83a26beca91331d7.bindPopup(popup_ea615f9c2295401c9e6acb329045363c)
+        ;
+
+        
+    
+    
+            var marker_c630866470da4b36a461a1b13d9addf3 = L.marker(
+                [46.80429, 9.83723],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_82d9155b6aab436499dc69da89fadee1 = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_c630866470da4b36a461a1b13d9addf3.setIcon(icon_82d9155b6aab436499dc69da89fadee1);
+        
+    
+        var popup_382529dece6a47d29e51c315f6b1719e = 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);
+        
+
+        marker_c630866470da4b36a461a1b13d9addf3.bindPopup(popup_382529dece6a47d29e51c315f6b1719e)
+        ;
+
+        
+    
+    
+            var marker_8474b5b345774e88b0e6b531d7b46f55 = L.marker(
+                [46.11654, 7.445683],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_b2c743d5942a44f698d825445402647b = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_8474b5b345774e88b0e6b531d7b46f55.setIcon(icon_b2c743d5942a44f698d825445402647b);
+        
+    
+        var popup_b2bc10b20a1a4f2ab1f30a2742445b43 = 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);
+        
+
+        marker_8474b5b345774e88b0e6b531d7b46f55.bindPopup(popup_b2bc10b20a1a4f2ab1f30a2742445b43)
+        ;
+
+        
+    
+    
+            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(
+                [46.438664912, 8.072999708],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_b8c814b568024cf292c26a0add76c8fd = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_eada9ce21a01428183a500ccac074de8.setIcon(icon_b8c814b568024cf292c26a0add76c8fd);
+        
+    
+        var popup_94772f01f44b4947bb790316cc9cf606 = 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);
+        
+
+        marker_eada9ce21a01428183a500ccac074de8.bindPopup(popup_94772f01f44b4947bb790316cc9cf606)
+        ;
+
+        
+    
+    
+            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(
+                [46.11654, 7.445683],
+                {}
+            ).addTo(map_5c89db71ff08437bac051cd20fd424c2);
+        
+    
+            var icon_f57168a8270a4e5e83b375a0c229109c = L.AwesomeMarkers.icon(
+                {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
+            );
+            marker_070ee75298684461a60d159d2a4d6914.setIcon(icon_f57168a8270a4e5e83b375a0c229109c);
+        
+    
+        var popup_ca83d9ae318846d78ac0f8c01bb02461 = 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);
+        
+
+        marker_070ee75298684461a60d159d2a4d6914.bindPopup(popup_ca83d9ae318846d78ac0f8c01bb02461)
         ;
 
         
diff --git a/static/trip_back.jpg b/static/trip_back.jpg
new file mode 100644
index 0000000..5f7f681
Binary files /dev/null and b/static/trip_back.jpg differ
diff --git a/static/trip_to.jpg b/static/trip_to.jpg
new file mode 100644
index 0000000..7aecafb
Binary files /dev/null and b/static/trip_to.jpg differ
diff --git a/templates/event_booked.html b/templates/event_booked.html
new file mode 100644
index 0000000..0652cad
--- /dev/null
+++ b/templates/event_booked.html
@@ -0,0 +1,53 @@
+{# emulate a booking overview which shows the connection#}
+{% extends "base.html" %}
+{% block content %}
+<script>
+    $( document ).ready(function() {     
+    $('#booking-info').delay(1500).show(0);
+    $('#loading-animation').delay(1500).hide(0);  
+
+    }); 
+</script>
+
+
+<div class="position-relative" style="height: 100vh;" id="loading-animation">
+    <div class="position-absolute top-50 start-50 translate-middle">
+        <div class="spinner-grow text-danger" role="status">
+            <span class="visually-hidden">Loading...</span>
+          </div>
+          
+    </div>
+</div>
+
+<div id="booking-info" style="display:none;">
+<h1 class="display-2">{{ event.name }}</h1>
+
+<div class="card mb-4 shadow">
+    <div class="card-body">
+        <h1 class="card-title">Trip outbound</h1>
+        <img src="/static/trip_to.jpg" width="100%">
+    </div>
+</div>
+
+<div class="card mb-4 shadow">
+    <div class="card-body">
+        <h1 class="card-title">Activity</h1>
+        <img src="/static/bettmeralp_weg.png" width="100%">
+        <ul class="list-group list-group-flush">
+            <li class="list-group-item"><b>Coordinates:</b> 46.386321, 8.057643</li>
+            <li class="list-group-item"><b>Start:</b> Bettmeralp, Bergstation Luftseilbahn</li>
+            <li class="list-group-item"><b>Route:</b> Bergstation Luftseilbahn Bettmeralp – Bettmersee – Blausee – Biel – Hohbalm – Roti Chumma – Märjelensee – Obers Tälli (Tunnel) – Fiescheralp - Bettmeralp</li>
+            <li class="list-group-item"><b>Goal:</b> Bettmeralp, Bergstation Luftseilbahn</li>
+        </ul>
+    </div>
+</div>
+
+<div class="card mb-4 shadow">
+    <div class="card-body">
+        <h1 class="card-title">Trip inbound</h1>
+        <img src="/static/trip_back.jpg" width="100%">
+    </div>
+</div>
+</div>
+
+{% endblock %}
diff --git a/templates/event_detail.html b/templates/event_detail.html
index 6cbf45f..6e0fb5a 100644
--- a/templates/event_detail.html
+++ b/templates/event_detail.html
@@ -13,7 +13,7 @@
         <li class="list-group-item"><i class="far fa-map"></i> {{ event.location_name }}</li>
         <li class="list-group-item">{{ event.description }}</li>
     </ul>
-    <span class="d-flex flex-row-reverse"><a href="" class="btn btn-primary">Book now</a></span>
+    <span class="d-flex flex-row-reverse"><a href="{{event.id}}/booked" class="btn btn-primary">Book now</a></span>
     </div>
 </div>
 <h1 class="display-4">Reviews:</h1>
diff --git a/templates/event_overview.html b/templates/event_overview.html
index 8564659..c6e6102 100644
--- a/templates/event_overview.html
+++ b/templates/event_overview.html
@@ -20,9 +20,15 @@
                 </div>
               </div>
             <div class="card-body">
-                <h5 class="card-title">The weather today is:</h5>
+              <!-- <div class="d-flex justify-content-between align-items-center"> -->
+                <h5 class="card-title text-center">Today's weather {{ context.weather_string }} <span class="badge bg-light">{{ context.weather_emoji }}</span></h5>
+              </div>
+              <!-- <p class="card-text">We .</p> -->
+
             </div>
+
         </div>
+        <h1 class="display-4">Recommended for you:</h1>
         <div class="list"></div>
     </div>     
 </div>
diff --git a/templates/sidebar.html b/templates/sidebar.html
index 7636c72..66985d4 100644
--- a/templates/sidebar.html
+++ b/templates/sidebar.html
@@ -1,13 +1,14 @@
-<nav class="navbar navbar-dark navbar-custom fixed-top">
+<nav class="navbar navbar-dark navbar-custom fixed-top shadow">
     <div class="container-fluid">
         <a class="navbar-brand" href="/">
             <img src="/static/sbb.png" alt="SBB" width="30px">
-            <span class="font-monospace fw-bold">Click & 
+            <span class="font-monospace fw-bold position-relative ml-1">
+                Click & 
                 <span class="ml4">
-                <span class="letters letters-1">Hike</span>
-                <span class="letters letters-2">Bike</span>
-                <span class="letters letters-3">Culture</span>
-                <span class="letters letters-4">Jodel</span>
+                    <span class="letters letters-1">Hike</span>
+                    <span class="letters letters-2">Bike</span>
+                    <span class="letters letters-3">Culture</span>
+                    <span class="letters letters-4">Jodel</span>
                 </span>
             </span>
               
@@ -82,7 +83,7 @@
 
         <form class="d-flex">
             <a href="/profile" style="color: inherit; text-decoration: none;">
-                <i class="fas fa-user"></i>
+                <i class="fas fa-user" style="background-color: transparent; color: white;"></i>
             </a>
         </form>
         
diff --git a/templates/user_detail.html b/templates/user_detail.html
index 703ca01..438076d 100644
--- a/templates/user_detail.html
+++ b/templates/user_detail.html
@@ -7,9 +7,9 @@
     <div class="card-body">
       <h5 class="card-title">{{ user.name }} - Profile overview</h5>
       <ul class="list-group list-group-flush">
-        <li class="list-group-item">id: {{user.id }}</li>
-        <li class="list-group-item">total trips: {{ user.number_of_trips }}</li>
-        <li class="list-group-item">total CO2 saved: {{ user.total_co2_savings }}</li>
+        <li class="list-group-item"><b>id</b>: {{user.id }}</li>
+        <li class="list-group-item"><b>total trips:</b> {{ user.number_of_trips }}</li>
+        <li class="list-group-item"><b>g of CO2 saved (total):</b> {{ user.total_co2_savings }}</li>
       </ul>
     </div>
 </div>