Resolve "As a user I want to be able to see a list of specific landmarks so I can decide where to go next on the trail"

Closes #19 (closed)

Completed a mock-up of the a potential list of 5 landmarks, either collected or uncollected that a user may see. The design has been colour coded to match specifics from the app, i.e.. each landmark is colour coded to match its respective genre in the app.

src/main/resources/templates/towns/caerphilly.html

@@ -105,8 +105,8 @@
     .red .uncollected{ /*taken from https://www.w3schools.com/css/css_tooltip.asp*/
         visibility: hidden;
         width: 120px;
-        background-color: whitesmoke;
-        color: red;
+        background-color: red;
+        color: whitesmoke;
         text-align: center;
         padding: 5px 0;
         border-radius: 6px;
@@ -124,14 +124,16 @@
     .red .collected{ /*taken from https://www.w3schools.com/css/css_tooltip.asp*/
         visibility: hidden;
         width: 120px;
-        background-color: whitesmoke;
-        color: green;
+        background-color: green;
+        color: whitesmoke;
         text-align: center;
         padding: 5px 0;
         border-radius: 6px;
 
         top: -5px;
         left: 105%;
+        /*background-color: whitesmoke;*/
+        /*color: green;*/