feat: bit of stuff

template/includes/head.twig

@@ -38,13 +38,16 @@
 
         #homeLink {
           position: absolute;
-          bottom: 16px;
-          left: 16px;
-          padding: 8px 16px;
+          bottom: 10px;
+          left: 10px;
+          padding: 5px 10px;
           z-index: 400;
             
           background-color: #fff;
-          border-radius: 32px;
+          background-clip: padding-box;
+
+          border: 2px solid rgba(0,0,0,0.2);
+          border-radius: 5px;
             
           text-decoration: none;
           color: #000;
@@ -63,6 +66,8 @@
           width: calc(100% - 2 * 6px);
 
           text-align: end;
+
+          border-top-left-radius: 5px;
         }
       </style>
     {% endif %}

template/map.twig

@@ -41,24 +41,37 @@
 
   const worldMaxZoomFactor = Math.pow(2, 0);
 
-  let spawnTown = L.marker([0, 0])
+  let zeroZero = L.marker([0.5, 0.5])
     .bindPopup('0; 0');
 
-  let markers = L.layerGroup([
-    spawnTown
+  let infoCentre = L.marker([75.5, 49.5])
+    .bindPopup('Info Centre');
+
+  let ropMarkers = L.layerGroup([
+    infoCentre
+  ]);
+
+  let rorMarkers = L.layerGroup([
+
+  ]);
+
+  let miscMarkers = L.layerGroup([
+    zeroZero
   ]);
 
   let map = L.map('map', {
-    layers: [mapLayer, markers],
+    layers: [mapLayer, ropMarkers],
     crs: L.CRS.Simple,
-  }).setView([0, 0], 2);
+  }).setView([0.5, 0.5], 2);
 
   let baseMaps = {
     "Overworld": mapLayer
   };
 
   let overlayMaps = {
-    "Markers": markers
+    "Miscellaneous Markers": miscMarkers,
+    "Markers in RoP": ropMarkers,
+    "Markers in DRoR": rorMarkers,
   };
 
   let layerControl = L.control.layers(baseMaps, overlayMaps).addTo(map);