v6.2.0

Pannellum

CHANGELOG.md

@@ -1,5 +1,25 @@
 # CHANGELOG
 
+## v6.2.0 - Pannellum
+
+**Date:** 19/09/2021
+
+Added
+ - Pannellum
+
+Site changes
+ - Switch to self-hosted Pannellum photosphere viewer
+ - Option to use OSM Area ID for OverPass bounding box
+ - Remove leaflet-osm.js in favour of getting geometry from OverPass
+ - Only load POI image thumbnails on popup open
+ - Stop some single-clicks on overlays by adding layerNoClick class
+ - Let some baselayers be inverted for darkmode using layerDark class
+ - Create lightbox gallery from images in tour pages
+ - Tidied up Settings tab
+ - Permalinks for custom queries
+ - More of the usual bug fixes and code improvements
+
+
 ## v6.1.0
 
 **Date:** 06/08/2021
@@ -13,7 +33,7 @@ Site changes
  - Remove jquery animate scrolling in favour of js scroll/scollIntoView
  - Support for 'elevator' tags for facilities parser
  - Support semicolon separated wikimedia_commons:video videos
- - Retry overpass query if time-out occurs
+ - Retry OverPass query if time-out occurs
  - Icon for 'entrance' key
  - Add Boreholes and Other Maps to Tour
 
@@ -45,7 +65,7 @@ Updated js
  - jquery.mobile.custom.min.js 1.5.0rc1
  - URI.js 1.19.6
  - L.Control.Locate.min.js 0.72.2
- 
+
 Site changes
  - Proper support for a dark theme, auto switching if user prefers a dark colour scheme
  - Custom OverPass queries can now include osm elements
@@ -63,7 +83,7 @@ Site changes
 
 Updated js
  - URI.js 1.19.4
- 
+
 Site changes
  - Offsets for baselayers
  - Add annual scarecrow competition to Tour
@@ -81,7 +101,7 @@ Updated js
  - leaflet.js 1.7.1
  - jquery.js 3.5.1
  - L.Control.Locate.min.js 0.72.1
- 
+
 Site changes
  - Show OSM notes and comment history
  - Added OpenCageData server for reverse lookups
@@ -98,7 +118,7 @@ Site changes
 
 Updated js
  - L.Control.Locate.min.js 0.72.0
- 
+
 Site changes
  - Right-click 'Panoramic view' opens a panoramic Mapillary Street Level iframe, if not found use Google Street View
  - Hide back-to-top anchor button when at top of tab
@@ -117,11 +137,11 @@ Site changes
 
 Added js
  - geotools.min.js
- 
+
 Updated js
  - Control.Geocoder.min.js 1.12.0
  - L.Control.Locate.min.js 0.70.0
- 
+
 Site changes
  - Right-click on the map to directly copy coordinates (LatLng & NationalGridRef)
  - Direct links to property records on UK Land Registry
@@ -401,10 +421,10 @@ Site changes
 
 Added js
  - config.js
- 
+
 Updated js
  - opening_hours+deps.min.js [removed other localisations]
- 
+
 Site changes
  - Get next bus times from NaPTAN codes on bus-stops using API from Traveline
  - Images show as thumbnails until hovered or tapped
@@ -427,7 +447,7 @@ Updated js
  - jQuery 3.3.1
  - jquery.mobile.custom.min.js 1.5.0a
  - easy-button.min.js 3.0.0
- 
+
 Site changes
  - Larger overlay opacity slider with added close button
  - Show Overpass 'attic data' for a certain date in development options
@@ -554,7 +574,7 @@ Site changes
 **Date:** 02/06/2017
 
 Site changes
- - Added list of results when selecting a group POI, colours show current open state. Mouse-over an item to see tooltip, click to open popup.
+ - Added list of results when selecting a group POI, colours show current open state. Mouse-over an item to see tooltip, click to open popup
  - Removed 'facilities open right now' checkbox
  - Use alternative method to get thumbnail from wikimedia without MD5 plugin
 
@@ -760,7 +780,7 @@ Updated js
 
 Site changes
  - Re-write of creating POI checkbox tables, now a single tab with page jump links. Complete automated import from pois-types.js
- - Changed URL encoding to not use unsafe characters and less parameters, old links will no longer work.
+ - Changed URL encoding to not use unsafe characters and less parameters, old links will no longer work
  - Added a Historic Tour tab. Contains controls linking to an iframe containing various articles that interact with the map
  - Suggested walks now use switch statement
  - Wikimedia images now display proper attribution through their api
@@ -1003,11 +1023,11 @@ Site changes
 
 Updated js
  - jQuery 3.0.0
- 
+
 Added js
  - jquery-ui.min.js
  - jquery.easy-autocomplete.js
- 
+
 Site changes
  - New 'find interest' input that finds POIs based on keywords
  - Checkboxes briefly highlight when selected by 'find interest' or returning from link

web/assets/css/dark-theme.css

@@ -1,45 +1,52 @@
 :root {
 	--text-color: #aaa;
 	--hover-color: #ccc;
-	--bg-color: #111;
-	--bg-color2: rgba(20, 20, 20, 0.9);
-	--scr-track: #222;
-	--scr-thumb: #777;
+	--bg-color: #0c0c0d;
+	--bg-color2: rgba(35, 35, 39, 0.95);
+	--scr-track: #0c0c0d;
+	--scr-thumb: #555;
 }
 .spinner {
 	filter: invert(100%) hue-rotate(180deg);
 }
 html, body, input, select, #map, .leaflet-control-layers-expanded, #msgStatusHead, .leaflet-control-attribution, .leaflet-tooltip, 
-.leaflet-contextmenu a.leaflet-contextmenu-item, .leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-control-scale-line {
+.leaflet-contextmenu a.leaflet-contextmenu-item, .leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-control-scale-line, .leaflet-routing-remove-waypoint:hover::after {
 	color: var(--text-color) !important;
 }
 .anchor:hover, select:hover:enabled, #poi-results button:hover, #home .sidebar-body a i:hover, #inputWw2 div, .leaflet-control-attribution .fa-info-circle:hover, 
 button:hover, .leaflet-bar a:hover, .navigateItem a:hover, .leaflet-container a.leaflet-popup-close-button:hover, .popup-edit:hover, .popup-bookm:hover, 
 .leaflet-routing-geocoders button:hover::after, #poi-filter-cl:hover::after, #devTools h3:hover::after, .popup-ohContainer .popup-tagValue:hover::after {
 	color: var(--hover-color) !important;
 }
-.sidebar-tabs, .anchor, input:not([type="range"]), select, button, .leaflet-bar > a, .leaflet-tooltip, .leaflet-control-geocoder input, .slider::before, #inputOpacity, .leaflet-control-geocoder, .leaflet-contextmenu, #msgStatusHead, 
-.leaflet-container a.leaflet-popup-close-button, .leaflet-control-geocoder-alternatives li:hover, .leaflet-control-geocoder-selected {
+.sidebar-tabs, #homeBox, #xmasMsg, .anchor, input:not([type="range"]), hr, select, button, .leaflet-bar > a, .leaflet-tooltip, .leaflet-control-geocoder input,
+.slider::before, #inputOpacity, .leaflet-control-geocoder, .leaflet-contextmenu, #msgStatusHead, .leaflet-container a.leaflet-popup-close-button,
+.leaflet-control-geocoder-alternatives li:hover, .leaflet-control-geocoder-selected, #poi-results-list tr:hover, .poi-checkbox-selected, .poi-checkbox > label:hover,
+.leaflet-touch .leaflet-bar {
 	background-color: var(--bg-color) !important;
 }
-.poi-checkbox-selected, #poi-results-list tr:hover, #msgStatusBody, .leaflet-popup-content-wrapper, .leaflet-popup-tip, .sidebar-content, 
-.leaflet-control-layers-expanded, #homeBox, #xmasMsg, hr, .poi-checkbox > label:hover, .leaflet-control-layers, .sidebar.collapsed .sidebar-tabs, .leaflet-control-geocoder {
+#msgStatusBody, .leaflet-popup-content-wrapper, .leaflet-popup-tip, .sidebar-content, .leaflet-control-layers-expanded, .leaflet-control-layers,
+.leaflet-control-geocoder {
 	background-color: var(--bg-color2) !important;
 }
+@media (min-width: 1300px) {
+	.sidebar.collapsed .sidebar-tabs {
+		background-color: rgba(0, 0, 0, 0.5) !important;
+	}
+}
 #weather, #newFeed ul {
 	color: #688c81;
 }
 .leaflet-bar a, .leaflet-bar a:hover {
-	border-bottom: 1px solid #555;
+	border-bottom: 1px solid #333;
 }
 .leaflet-bar a:last-child {
 	border-bottom: none;
 }
 .custscroll {
 	scrollbar-color: var(--scr-thumb) var(--scr-track) !important;
 }
-.baselayer {
-	opacity: 0.85 !important;
+.layerDark {
+	filter: invert(90%) hue-rotate(180deg);
 }
 .sidebar-header {
 	color: #ddd;
@@ -79,33 +86,33 @@ input, select, #sidebar button:not(.modalButton), .leaflet-tooltip {
 	background: none repeat scroll 0 0 #000;
 }
 .sidebar-tabs > ul > li:hover, .slider {
-	background-color: #555;
+	background-color: #444;
 }
 .slider:hover {
 	background-color: #666;
 }
 .popup-header {
-	background-color: rgba(55, 55, 55, 0.5);
+	background-color: rgba(12, 12, 13, 0.5) !important;
+}
+.popup-fhrs > a > img {
+	filter: brightness(0.75);
 }
 .leaflet-container a.leaflet-popup-close-button {
 	border: 3px solid #333;
 }
 .leaflet-tooltip-right::before {
 	border-right-color: var(--bg-color);
 }
-#gotocontrols .fa-border, .leaflet-touch .leaflet-bar {
-	background-color: black;
-}
-.modalTutor {
-	color: black;
-}
 .modalButton {
 	box-shadow: 1px 1px #000;
 	background-color: #222 !important;
 }
 .leaflet-contextmenu a.leaflet-contextmenu-item.over {
 	background-color: #222;
-	border-top: 1px solid #333;
+	border-top: 1px solid #222;
+	border-bottom: 1px solid #222;
+}
+.leaflet-contextmenu-separator {
 	border-bottom: 1px solid #333;
 }
 .popup-ohTable tr, .popup-bsTable tr { border: 1px solid black; }
@@ -124,3 +131,8 @@ input, select, #sidebar button:not(.modalButton), .leaflet-tooltip {
 .custscroll::-webkit-scrollbar-thumb {
 	background-color: var(--scr-thumb);
 }
+#gotocontrols .fa-border, #gotoprivacy .fa-border {
+	border: 1px solid #333;
+	border-radius: 5px;
+	background-color: var(--bg-color);
+}

web/assets/css/plugins/jquery.fancybox.css

@@ -266,6 +266,7 @@ body.compensate-for-scrollbar {
 }
 
 .fancybox-slide--iframe .fancybox-content {
+    height: 100% !important;
     background: #fff;
 }
 

web/assets/css/plugins/leaflet-sidebar.css

@@ -22,7 +22,8 @@
 	opacity : 0; }
 @media (min-width: 1300px) {
 	.sidebar.collapsed .sidebar-tabs {
-		background-color: rgba(204, 204, 204, 0.5); }
+		background-color: rgba(204, 204, 204, 0.5);
+		transition: background-color 400ms ease-out; }
 	.sidebar.collapsed {
 		width: 40px; } }
 .sidebar-left {
@@ -34,8 +35,7 @@
 	top: 0;
 	bottom: 0;
 	height: 100%;
-	background-color: #ddd;
-	transition: background-color 300ms ease-out; }
+	background-color: #ddd; }
 .sidebar-left .sidebar-tabs {
 	left: 0; }
 .sidebar-tabs, .sidebar-tabs > ul {