Update

views/quests.ejs

@@ -0,0 +1,36 @@
+<style>
+  #back {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+  }
+  #div-container {
+    position: absolute;
+    left: 300px;
+    top: 50px;
+  }
+</style>
+
+<script>
+  // Catch url Parameter
+  window.onload = function () {
+    const queryString = window.location.search;
+    const urlParams = new URLSearchParams(queryString);
+    const id = urlParams.get('id');
+    <% quests.forEach(function (quest) { %>
+      if('<%= quest._id %>' == id) {
+        document.getElementById('div-container').innerHTML += '<div id="quest">';
+        document.getElementById('quest').innerHTML += '<h1 class="title"><%= quest.title %></h1>';
+        document.getElementById('quest').innerHTML += '<h2 class="title">Campaign: <%= quest.campaign %></h2>'
+        document.getElementById('quest').innerHTML += '<p class="info">XP: <%= quest.xp %></p>';
+        document.getElementById('quest').innerHTML += '<p class="info">Expires: <%= quest.expiry %></p>';
+        document.getElementById('quest').innerHTML += '<h3 class="info">Instructions: <%= quest.instruction %></h3>';
+      }
+    <% }) %>
+  }
+</script>
+
+<a id='back' href="/dashboard" class="btn btn-secondary">Back to Dashboard</a>
+
+<!-- Quest container -->
+<div id='div-container'></div>