diff --git a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTale.java b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTale.java
index 38843cd857ceb295cfe825dd73cb9e52b194c16d..c83257f683812efd8633eeb2fdfc78dafe973777 100644
--- a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTale.java
+++ b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTale.java
@@ -5,6 +5,10 @@ import Team5.SmartTowns.landmarks.Landmarks;
 import java.util.List;
 
 public class DragonsTale {
+    Landmarks landmarks = new Landmarks();
+    private int landmarkID = landmarks.getLandmarkID();
+    private String landmarkName = landmarks.getLandmarkName();
+    private String landmarkDescription = landmarks.getLandmarkDescription();
     public static List<Landmarks> landmarksDragonstrail = List.of(
             new Landmarks( 1, "A scent of...Dragon", "The Dragon has been spotted near by, find the QR code to continue" , "Start your discovery, at the sweet shop."),
             new Landmarks( 2, "They've been found!", "Don't let them escape, find the next QR code to continue!", "Location test")
diff --git a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleController.java b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleController.java
index 3eb604a847ceb3eb660c521b178c9373c19f130a..ab99931aebc9847805baa2c5bbf47a8a3c49a293 100644
--- a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleController.java
+++ b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleController.java
@@ -4,6 +4,8 @@ import Team5.SmartTowns.landmarks.Landmarks;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.servlet.ModelAndView;
 
 import java.util.List;
@@ -12,7 +14,8 @@ import static Team5.SmartTowns.dragonstale.DragonsTale.landmarksDragonstrail;
 
 
 
-@Controller
+@RestController
+
 public class DragonsTaleController {
     ModelAndView modelAndView;
 
@@ -20,19 +23,26 @@ public class DragonsTaleController {
     public ModelAndView getDragonsTale(){
         List<Landmarks> landmarksList = landmarksDragonstrail;
         int landmarksListSize = landmarksDragonstrail.size();
-        modelAndView = new ModelAndView("/dragonstale/index");
-        modelAndView.addObject("landmarksList", landmarksList);
-        modelAndView.addObject("getListSize", landmarksListSize);
+        modelAndView = new ModelAndView("/dragonstale/index")
+                .addObject("landmarksList", landmarksList)
+                .addObject("getListSize", landmarksListSize);
         return modelAndView;
     }
 
-    @RequestMapping ("/QRScan") //In here, we could use trailID as a string variable and use it to track what trail the user clicked from.
+    @GetMapping ("/QRScan") //In here, we could use trailID as a string variable and use it to track what trail the user clicked from.
     public ModelAndView getQRScanner(){
         modelAndView = new ModelAndView("fragments/qr-scanner");
         //Can we extract the pathvariable in a JS function?
         return modelAndView;
     }
 
+    @GetMapping("/dragonstale/{landmarkID}")
+    public Integer getDTLandmarkID(@RequestParam(value="landmarkID") int landmark){
+        Integer idCounter = 0;
+        modelAndView = new ModelAndView("/dragonstale/{landmarkID}")
+                .addObject() //All your doing is retrieving the information from the database giving it to a string variable.
+    }
+
     //Create another controller that directs to the given DragonsTale..Trail.. and updates the users account accordingly.
 
 // This code is to be used
diff --git a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleJDBC.java b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleJDBC.java
new file mode 100644
index 0000000000000000000000000000000000000000..ea7e02a4a0a229d14a9d40fe3996be6aa1adba40
--- /dev/null
+++ b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleJDBC.java
@@ -0,0 +1,30 @@
+package Team5.SmartTowns.dragonstale;
+
+import Team5.SmartTowns.users.User;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.core.RowMapper;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public class DragonsTaleJDBC implements DragonsTaleRepository{
+    private JdbcTemplate jdbc;
+
+    private RowMapper<User> userMapper;
+
+    @Override
+    public Map<Long, Boolean> getDTCompletion(int landmarkID){
+        //Be conscious of sql injections here.
+        String sql = "SELECT userid, trailID, completedOrNot FROM dtprogress WHERE landmarkID = ?";
+        int dtQuery = jdbc.query(sql, landmarkID);
+        //Query it twice to extract the given parameters, then use these parameters in a loop to query the completion.
+        List<Map<String, Integer>> query = jdbc.query(sql, id);
+
+        Map<Long, Boolean> dtProgress = new HashMap<>();
+        for (Map<String, Object> result : dtQuery) {
+            dtProgress.put((Long)result.get("stickerID"), (boolean)result.get("hasSticker"));
+        }
+        return dtProgress;
+    }
+}
diff --git a/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleRepository.java b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleRepository.java
new file mode 100644
index 0000000000000000000000000000000000000000..1439cfb9f4b389221c3c6e923b5b654fcb271421
--- /dev/null
+++ b/src/main/java/Team5/SmartTowns/dragonstale/DragonsTaleRepository.java
@@ -0,0 +1,4 @@
+package Team5.SmartTowns.dragonstale;
+
+public interface DragonsTaleRepository {
+}
diff --git a/src/main/resources/static/css/dragonstaless.css b/src/main/resources/static/css/dragonstaless.css
index a1f173879870d2a4e6d35ed8bd2073d3c80ae9c0..edfb9a8a86cd7cfe2ae9d237a7c69a64f1e160c3 100644
--- a/src/main/resources/static/css/dragonstaless.css
+++ b/src/main/resources/static/css/dragonstaless.css
@@ -16,6 +16,10 @@ body{
     border: none;
     cursor: pointer;
 }
+.images{
+    max-width:100%;
+    height:auto;
+}
 
 
 .landmarkName{
diff --git a/src/main/resources/templates/dragonstale/index.html b/src/main/resources/templates/dragonstale/index.html
index 911c1eee68df6f62112139cbd4810e943c16de87..20f23105ec4f697486ec25f40978d0b2bca2822b 100644
--- a/src/main/resources/templates/dragonstale/index.html
+++ b/src/main/resources/templates/dragonstale/index.html
@@ -3,6 +3,7 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>A Dragon's Tale</title>
     <link rel="stylesheet" th:href="@{/css/dragonstaless.css}">
     <link rel="stylesheet" th:href="@{/css/templatingstyle.css}">
@@ -14,7 +15,7 @@
         <!-- As this predefined trail will be accessible from multiple different towns, this thymeleaf element will display the town the user is currently trying to access and display it accordingly.   <span th:text="${townName}">  -->
         <div>
             <h1> Welcome, to a dragon's tale! </h1>
-            <img th:src="@{/images/trails/dragonstalehome.png}" alt="Image of a dragon" id="homeimg">
+            <img th:src="@{/images/trails/dragonstalehome.png}" alt="Image of a dragon" class="images">
             <h2> Discover the mystery of the dragon, track its location and follow it throughout the town of to discover a prize! </h2>
         </div>