update maps path

This commit is contained in:
Vincent van der Wal
2026-07-19 14:32:28 +02:00
parent 0526d71716
commit 9e1944396e
8 changed files with 1198 additions and 1708 deletions
@@ -17,6 +17,7 @@
-->
<script lang="ts">
import { fade } from 'svelte/transition';
import type { Snippet } from 'svelte';
// ─── Props ──────────────────────────────────────────────────────────────────
@@ -50,16 +51,9 @@
let minHeight = $derived(chartHeight * chartCount + extraPadding);
</script>
<div
class="chart-container relative {className}"
style:min-height="{minHeight}px"
>
<div class="chart-container relative {className}" style:min-height="{minHeight}px">
<!-- Chart content area -->
<div
class="chart-content"
in:fade={{ duration: 300 }}
out:fade={{ duration: 300 }}
>
<div class="chart-content" in:fade={{ duration: 300 }} out:fade={{ duration: 300 }}>
{#if children}
{@render children()}
{/if}
+7 -7
View File
@@ -51,7 +51,7 @@
/* Tooltip marker dots — make them slightly larger and rounded */
.echarts-tooltip .echarts-tooltip-marker,
.echarts-tooltip span[style*="border-radius"] {
.echarts-tooltip span[style*='border-radius'] {
display: inline-block;
vertical-align: middle;
margin-right: 0.25rem;
@@ -97,14 +97,14 @@
/* ─── Toolbox Icon Overrides ───────────────────────────────────────────────── */
/* Make sure the toolbox icons are visually subtle until hovered */
.echart-wrapper [class*="toolbox"],
.echarts-container [class*="toolbox"] {
.echart-wrapper [class*='toolbox'],
.echarts-container [class*='toolbox'] {
opacity: 0.6;
transition: opacity 150ms ease;
}
.echart-wrapper:hover [class*="toolbox"],
.echarts-container:hover [class*="toolbox"] {
.echart-wrapper:hover [class*='toolbox'],
.echarts-container:hover [class*='toolbox'] {
opacity: 1;
}
@@ -145,8 +145,8 @@
}
/* Hide interactive elements when printing */
.echart-wrapper [class*="toolbox"],
.echarts-container [class*="toolbox"],
.echart-wrapper [class*='toolbox'],
.echarts-container [class*='toolbox'],
.chart-toolbar {
display: none !important;
}
+1 -1
View File
@@ -1,5 +1,5 @@
import { formatInTimeZone, toZonedTime } from 'date-fns-tz';
import { isSameDay as isSameDayDateFns } from 'date-fns';
import { formatInTimeZone, toZonedTime } from 'date-fns-tz';
/**
* Formats a UTC Date into a string for a specific timezone using date-fns patterns.
-1
View File
@@ -1 +0,0 @@
+1 -2
View File
@@ -1,8 +1,7 @@
<script lang="ts">
// Minimal page: no geolocation/state UI, just an embedded Open-Meteo map.
// const iframeSrc = 'https://maps.open-meteo.com/';
const iframeSrc =
'https://allow-cross-origin-loads.maps-5aj.pages.dev/?time=2026-02-21T1400#1.31/0/-0.1';
const iframeSrc = 'https://maps.open-meteo.com';
</script>
<svelte:head>
+1 -1
View File
@@ -39,7 +39,7 @@ export const getColor = (temperature: number, unit = 'celsius'): string => {
temperature = Math.round(((temperature - 32) * 5) / 9);
}
let index = 0;
let index: number;
if (temperature <= -40) {
index = 0;
} else if (temperature >= 60) {