Posts/sverige 2024

.github/workflows/deploy-dev.sh

@@ -1,5 +1,7 @@
 #!/bin/bash
 
+set -e
+
 # Config
 KUBECONFIG_PATH="/home/runner/work/_temp/config"
 
@@ -64,4 +66,4 @@ kubectl --kubeconfig=$KUBECONFIG_PATH delete pod $POD_NAME -n personal-dev
 # Optional: Deploy using Helm to bind this PVC to a long-term deployment
 helm --kubeconfig=$KUBECONFIG_PATH upgrade --install charts.personal oci://registry-1.docker.io/lnadev/charts.personal --set homePage.dev.pvcName=$PVC_NAME --reuse-values --namespace default --wait
 
-kubectl delete pvc $PVC_NAME_OLD
+kubectl --kubeconfig=$KUBECONFIG_PATH delete pvc $PVC_NAME_OLD -n personal-dev

.vscode/settings.json

@@ -13,6 +13,7 @@
         "connecten",
         "Cryptomator",
         "Darktable",
+        "datan",
         "datenschutzfreundliches",
         "dealbreaker",
         "decentral",
@@ -56,6 +57,7 @@
         "Mobilizon",
         "Mullvad",
         "Nextcloud",
+        "ospektakulär",
         "Owncast",
         "peertube",
         "Peertube",

hugo.yaml

@@ -206,10 +206,6 @@ params:
       url: mailto:info@lna-dev.net
     - name: rss
       url: index.xml
-  cover:
-    hidden: true
-    hiddenInList: true
-    hiddenInSingle: true
   editPost:
     URL: https://github.com/LNA-DEV/Home-Page/tree/main/content
     Text: Suggest Changes

layouts/partials/extend_head.html

@@ -11,5 +11,5 @@
 <link rel="manifest" href="{{ $manifest.Permalink }}">
 
 {{/*  Map  */}}
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" />
-<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.css" />
+<link rel="stylesheet" href="/packages/leaflet/leaflet.css" />
+<link rel="stylesheet" href="/packages/leaflet-routing-machine/leaflet-routing-machine.css" />

layouts/shortcodes/map.html

@@ -1,23 +1,22 @@
 {{- $coordinatesJson := .Get "coordinates" }}
-{{- $coordinates := $coordinatesJson | transform.Unmarshal }} <!-- Parse JSON string to an array -->
+{{- $coordinates := $coordinatesJson | transform.Unmarshal }}
+{{ $random := math.Rand }}
 
-<div id="map" class="map"></div>
-<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"></script>
-<script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script>
+<div id="map{{ $random }}" class="map"></div>
+<script src="/packages/leaflet/leaflet.js"></script>
+<script src="/packages/leaflet-routing-machine/leaflet-routing-machine.min.js"></script>
 
 <script>
-    function onPageLoad() {
-        var map = L.map('map').setView([0, 0], 13);
+    function initializeMap(mapId, coordinates) {
+        var map = L.map(mapId).setView([0, 0], 13);
 
         L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
             attribution: '© OpenStreetMap contributors'
         }).addTo(map);
 
-        var waypoints = [
-            {{- range $coordinates }}
-                L.latLng({{ .x }}, {{ .y }}),
-            {{- end }}
-        ];
+        var waypoints = coordinates.map(function(coord) {
+            return L.latLng(coord.x, coord.y);
+        });
 
         L.Routing.control({
             show: false,
@@ -26,8 +25,15 @@
             routeWhileDragging: false
         }).addTo(map);
 
-        map.fitBounds(waypoints.map(function(wp) { return wp; }));
+        map.fitBounds(waypoints);
     }
 
-    window.onload = onPageLoad;
+    document.addEventListener('DOMContentLoaded', function() {
+        const coordinates = [
+            {{- range $coordinates }}
+                { x: {{ .x }}, y: {{ .y }} },
+            {{- end }}
+        ];
+        initializeMap('map{{ $random }}', coordinates);
+    });
 </script>

static/packages/leaflet-routing-machine/leaflet-routing-machine.css

@@ -0,0 +1,258 @@
+.leaflet-routing-container, .leaflet-routing-error {
+    width: 320px;
+    background-color: white;
+    padding-top: 4px;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+}
+
+.leaflet-control-container .leaflet-routing-container-hide {
+    width: 32px;
+    height: 32px;
+}
+
+.leaflet-routing-container h2 {
+    font-size: 14px;
+}
+
+.leaflet-routing-container h3 {
+    font-size: 12px;
+    font-weight: normal;
+}
+
+.leaflet-routing-collapsible .leaflet-routing-geocoders {
+    margin-top: 20px;
+}
+
+.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
+    padding: 6px;
+    margin-top: 2px;
+    margin-bottom: 6px;
+    border-bottom: 1px solid #ccc;
+    max-height: 320px;
+    overflow-y: auto;
+    transition: all 0.2s ease;
+}
+
+.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, 
+.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
+    display: none;
+}
+
+.leaflet-bar .leaflet-routing-alt:last-child {
+    border-bottom: none;
+}
+
+.leaflet-routing-alt-minimized {
+    color: #888;
+    max-height: 64px;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.leaflet-routing-alt table {
+    border-collapse: collapse;
+}
+
+.leaflet-routing-alt tr:hover {
+    background-color: #eee;
+    cursor: pointer;
+}
+
+.leaflet-routing-alt::-webkit-scrollbar {
+    width: 8px;
+}
+
+.leaflet-routing-alt::-webkit-scrollbar-track {
+    border-radius: 2px;
+    background-color: #eee;
+}
+
+.leaflet-routing-alt::-webkit-scrollbar-thumb {
+    border-radius: 2px;
+    background-color: #888;
+}
+
+.leaflet-routing-icon {
+    background-image: url('leaflet.routing.icons.png');
+    -webkit-background-size: 240px 20px;
+    background-size: 240px 20px;
+    background-repeat: no-repeat;
+    margin: 0;
+    content: '';
+    display: inline-block;
+    vertical-align: top;
+    width: 20px;
+    height: 20px;
+}
+
+.leaflet-routing-icon-continue         { background-position: 0 0; }
+.leaflet-routing-icon-sharp-right      { background-position: -20px 0; }
+.leaflet-routing-icon-turn-right       { background-position: -40px 0; }
+.leaflet-routing-icon-bear-right       { background-position: -60px 0; }
+.leaflet-routing-icon-u-turn           { background-position: -80px 0; }
+.leaflet-routing-icon-sharp-left       { background-position: -100px 0; }
+.leaflet-routing-icon-turn-left        { background-position: -120px 0; }
+.leaflet-routing-icon-bear-left        { background-position: -140px 0; }
+.leaflet-routing-icon-depart           { background-position: -160px 0; }
+.leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
+.leaflet-routing-icon-arrive           { background-position: -200px 0; }
+.leaflet-routing-icon-via              { background-position: -220px 0; }
+
+.leaflet-routing-geocoders div {
+    padding: 4px 0px 4px 0px;
+}
+
+.leaflet-routing-geocoders input {
+    width: 303px;
+    width: calc(100% - 4px);
+    line-height: 1.67;
+    border: 1px solid #ccc;
+}
+
+.leaflet-routing-geocoders button {
+    font: bold 18px 'Lucida Console', Monaco, monospace;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    background-color: white;
+    margin: 0;
+    margin-right: 3px;
+    float: right;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+
+.leaflet-routing-add-waypoint:after {
+    content: '+';
+}
+
+.leaflet-routing-reverse-waypoints:after {
+    font-weight: normal;
+    content: '\21c5';
+}
+
+.leaflet-routing-geocoders button:hover {
+    background-color: #eee;
+}
+
+.leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder {
+    position: relative;
+}
+
+.leaflet-routing-geocoder-result {
+    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+    position: absolute;
+    max-height: 0;
+    overflow: hidden;
+    transition: all 0.5s ease;
+    z-index: 1000; /* Arbitrary, but try to be above "most" things. */
+}
+
+.leaflet-routing-geocoder-result table {
+    width: 100%;
+    border: 1px solid #ccc;
+    border-radius: 0 0 4px 4px;
+    background-color: white;
+    cursor: pointer;
+}
+
+.leaflet-routing-geocoder-result-open {
+    max-height: 800px;
+}
+
+.leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
+    background-color: #eee;
+}
+
+.leaflet-routing-geocoder-no-results {
+    font-style: italic;
+    color: #888;
+}
+
+.leaflet-routing-remove-waypoint {
+    background-color: transparent;
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+.leaflet-routing-remove-waypoint:after {
+    position: absolute;
+    display: block;
+    width: 15px;
+    height: 1px;
+    z-index: 1;
+    right: 1px;
+    top: 4px;
+    bottom: 0;
+    margin: auto;
+    padding: 2px;
+    font-size: 18px;
+    font-weight: bold;
+    content: "\00d7";
+    text-align: center;
+    cursor: pointer;
+    color: #ccc;
+    background: white;
+    padding-bottom: 16px;
+    margin-top: -16px;
+    padding-right: 4px;
+    line-height: 1;
+}
+
+.leaflet-routing-remove-waypoint:hover {
+    color: black;
+}
+
+.leaflet-routing-instruction-distance {
+    width: 48px;
+}
+
+.leaflet-routing-collapse-btn {
+    position: absolute;
+    top: 0;
+    right: 6px;
+    font-size: 24px;
+    color: #ccc;
+    font-weight: bold;
+}
+
+.leaflet-routing-collapse-btn:after {
+    content: '\00d7';
+}
+
+.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
+    position: relative;
+    left: 4px;
+    top: 4px;
+    display: block;
+    width: 26px;
+    height: 23px;
+    background-image: url('routing-icon.png');
+}
+
+.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
+    content: none;
+}
+
+.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
+    margin-top: 10px !important;
+}
+.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
+    margin-right: 10px !important;
+}
+.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
+    margin-bottom: 10px !important;
+}
+.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
+    margin-left: 10px !important;
+}
+
+@media only screen and (max-width: 640px) {
+    .leaflet-routing-container {
+        margin: 0 !important;
+        padding: 0 !important;
+        width: 100%;
+        height: 100%;
+    }
+}