Merge branch 'dev' into main

.gitignore

@@ -0,0 +1,21 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

README.md

@@ -1,54 +1,2 @@
-# Astro Starter Kit: Basics
+# Leim Maps
-
+Repository for interactive maps using Leim's Wiki data
-```sh
-npm create astro@latest -- --template basics
-```
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```text
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

astro.config.mjs

@@ -0,0 +1,4 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({});

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "leim-maps",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@types/leaflet": "^1.9.6",
+    "astro": "^3.2.0"
+  },
+  "devDependencies": {
+    "sass": "^1.68.0"
+  }
+}

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#00aba9</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/favicon.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
+    <style>
+        path { fill: #000; }
+        @media (prefers-color-scheme: dark) {
+            path { fill: #FFF; }
+        }
+    </style>
+</svg>

public/js/leaflet-zoomify.min.js

@@ -0,0 +1,130 @@
+/*
+ * L.TileLayer.Zoomify display Zoomify tiles with Leaflet
+ *
+ * Based on the Leaflet.Zoomify (https://github.com/turban/Leaflet.Zoomify)
+ * from turban (https://github.com/turban)
+ *
+ */
+
+L.TileLayer.Zoomify = L.TileLayer.extend({
+	options: {
+		width: -1, // Must be set by user, max zoom image width
+		height: -1, // Must be set by user, max zoom image height
+		tileGroupPrefix: 'TileGroup',
+		tilesPerTileGroup: 256
+	},
+
+	initialize: function (url, options) {
+		L.TileLayer.prototype.initialize.call(this, url, options);
+
+		// Replace with automatic loading from ImageProperties.xml
+		if (this.options.width < 0 || this.options.height < 0) {
+			throw new Error('The user must set the Width and Height of the Zoomify image');
+		}
+	},
+
+	beforeAdd: function (map) {
+		var imageSize = L.point(this.options.width, this.options.height);
+
+		// Build the zoom sizes of the pyramid and cache them in an array
+		this._imageSize = [imageSize];
+		this._gridSize = [this._getGridSize(imageSize)];
+
+		// Register the image size in pixels and the grid size in # of tiles for each zoom level
+		while (imageSize.x > this.options.tileSize || imageSize.y > this.options.tileSize) {
+			imageSize = imageSize.divideBy(2).ceil();
+			this._imageSize.push(imageSize);
+			this._gridSize.push(this._getGridSize(imageSize));
+		}
+
+		// We built the cache from bottom to top, but leaflet uses a top to bottom index for the zoomlevel,
+		// so reverse it for easy indexing by current zoomlevel
+		this._imageSize.reverse();
+		this._gridSize.reverse();
+
+		// Register our max supported zoom level
+		var maxNativeZoom = this._gridSize.length - 1;
+		this.options.maxNativeZoom = maxNativeZoom;
+
+		// Register our bounds for this zoomify layer based on the maximum zoom
+		var maxZoomGrid = this._gridSize[maxNativeZoom],
+		maxX = maxZoomGrid.x * this.options.tileSize,
+		maxY = maxZoomGrid.y * this.options.tileSize,
+		southEast = map.unproject([maxX, maxY], maxNativeZoom);
+		this.options.bounds = new L.LatLngBounds([[0, 0], southEast]);
+
+		L.TileLayer.prototype.beforeAdd.call(this, map);
+	},
+
+	// Calculate the grid size for a given image size (based on tile size)
+	_getGridSize: function (imageSize) {
+		var tileSize = this.options.tileSize;
+		return L.point(Math.ceil(imageSize.x / tileSize), Math.ceil(imageSize.y / tileSize));
+	},
+
+	// Extend the add tile function to update our arbitrary sized border tiles
+	_addTile: function (coords, container) {
+		// Load the tile via the original leaflet code
+		L.TileLayer.prototype._addTile.call(this, coords, container);
+
+		// Get out imagesize in pixels for this zoom level and our grid size
+		var imageSize = this._imageSize[this._getZoomForUrl()],
+		    gridSize = this._gridSize[this._getZoomForUrl()];
+
+		// The real tile size (default:256) and the display tile size (if zoom > maxNativeZoom)
+		var realTileSize = L.GridLayer.prototype.getTileSize.call(this),
+		    displayTileSize = L.TileLayer.prototype.getTileSize.call(this);
+
+		// Get the current tile to adjust
+		var key = this._tileCoordsToKey(coords),
+		    tile = this._tiles[key].el;
+
+		// Calculate the required size of the border tiles
+		var scaleFactor = L.point(	(imageSize.x % realTileSize.x),
+									(imageSize.y % realTileSize.y)).unscaleBy(realTileSize);
+
+		// Update tile dimensions if we are on a border
+		if ((imageSize.x % realTileSize.x) > 0 && coords.x === gridSize.x - 1) {
+			tile.style.width = displayTileSize.scaleBy(scaleFactor).x + 'px';
+		}
+
+		if ((imageSize.y % realTileSize.y) > 0 && coords.y === gridSize.y - 1) {
+			tile.style.height = displayTileSize.scaleBy(scaleFactor).y + 'px';
+		}
+	},
+
+	// Construct the tile url, by inserting our tilegroup before we template the url
+	getTileUrl: function (coords) {
+		// Set our TileGroup variable, and then let the original tile templater do the work
+		this.options.g = this.options.tileGroupPrefix + this._getTileGroup(coords);
+
+		// Call the original templater
+		return L.TileLayer.prototype.getTileUrl.call(this, coords);
+	},
+
+	// Calculates the TileGroup number, each group contains 256 tiles. The tiles are stored from topleft to bottomright
+	_getTileGroup: function (coords) {
+		var zoom = this._getZoomForUrl(),
+		    num = 0,
+		    gridSize;
+
+		// Get the total number of tiles from the lowest zoom level to our zoomlevel
+		for (var z = 0; z < zoom; z++) {
+			gridSize = this._gridSize[z];
+			num += gridSize.x * gridSize.y;
+		}
+
+		// Add the remaining tiles from this zoom layer to the running total of tiles
+		num += coords.y * this._gridSize[zoom].x + coords.x;
+		return Math.floor(num / this.options.tilesPerTileGroup);
+	},
+
+	getBounds: function () {
+		return this.options.bounds;
+	}
+
+});
+
+L.tileLayer.zoomify = function (url, options) {
+	return new L.TileLayer.Zoomify(url, options);
+};

public/safari-pinned-tab.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="96.000000pt" height="96.000000pt" viewBox="0 0 96.000000 96.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,96.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M422 899 l4 -59 -34 0 c-20 0 -32 -5 -31 -12 5 -44 -1 -55 -31 -50
+l-29 4 1 -57 c2 -59 -10 -79 -41 -67 -22 8 -30 22 -26 44 3 14 -2 18 -24 18
+l-28 0 0 -289 c-1 -264 4 -327 23 -309 14 14 41 -11 39 -36 -3 -24 -1 -24 52
+-22 56 2 68 -5 68 -39 0 -19 7 -20 116 -21 100 -1 116 2 116 15 0 45 2 46 60
+46 58 0 58 0 58 30 1 27 4 30 31 28 l30 -1 0 236 -1 237 -27 3 c-31 4 -30 0
+-31 110 -1 72 -1 73 -26 70 -20 -2 -27 -9 -29 -29 -2 -20 -10 -28 -28 -32 -30
+-5 -33 1 -36 68 -3 48 -4 50 -34 53 -28 3 -30 6 -26 33 3 22 1 30 -9 29 -38
+-6 -49 1 -49 28 0 23 -4 27 -31 28 l-30 2 3 -59z"/>
+</g>
+</svg>

public/site.webmanifest

@@ -0,0 +1,14 @@
+{
+    "name": "Cartes de Leim",
+    "short_name": "Cartes de Leim",
+    "icons": [
+        {
+            "src": "/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#a9d1eb",
+    "background_color": "#a9d1eb",
+    "display": "standalone"
+}

public/zoomify/alliance-kaldelienne/ImageProperties.xml

@@ -0,0 +1 @@
+<IMAGE_PROPERTIES WIDTH="14658" HEIGHT="15168" NUMTILES="4660" NUMIMAGES="1" VERSION="1.8" TILESIZE="256" />