Live

.github/workflows/publish-pages-live.yml

@@ -0,0 +1,40 @@
+name: Publish bleeding-edge documentation to gh-pages/live
+
+on:
+  push:
+    branches:
+      - live
+
+permissions:
+  contents: write
+
+jobs:
+  deploy:
+    name: Deploy documentation
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8
+
+      - name: Set up Node.js
+        uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f
+        with:
+          node-version: 24.15.0
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install documentation build dependencies
+        run: |
+          sudo apt update
+          sudo apt install mkdocs mkdocs-material
+
+      - name: Install NPM dependencies
+        run: npm ci
+
+      - name: Build documentation
+        run: npm run docs:ci
+
+      - name: Deploy documentation to gh-pages/live
+        uses: JamesIves/github-pages-deploy-action@4a3abc783e1a24aeb44c16e869ad83caf6b4cc23
+        with:
+          folder: docs-html
+          target-folder: live

.gitignore

@@ -5,6 +5,7 @@ git-hooks.config.json
 
 /docs-html
 .dist.preview
+.dist.github-io
 .vscode/settings.json
 
 # Old gitignore, maybe cleanup when migrated

examples/github-io/components/CtaSection.vue

@@ -10,7 +10,7 @@
 			</p>
 			<div class="lp-cta__actions">
 				<a
-					href="https://polar.dataport.de/next/"
+					href="https://polar.dataport.de/main/"
 					target="_blank"
 					rel="noopener"
 					class="kern-btn kern-btn--primary lp-cta__btn--primary"
@@ -31,7 +31,8 @@
 			<div class="lp-cta-pills" aria-label="Key properties">
 				<span class="lp-cta-pill">EUPL license</span>
 				<span class="lp-cta-pill">Active Development</span>
-				<span class="lp-cta-pill">Community Support</span>
+				<span class="lp-cta-pill">OSGeo Community Project</span>
+				<!--<span class="lp-cta-pill">Community Support</span>-->
 				<span class="lp-cta-pill">KERN Compliant</span>
 			</div>
 		</div>
@@ -107,11 +108,11 @@ import TheBadge from './TheBadge.vue'
 }
 
 .lp-cta__btn--primary .kern-icon {
-	background-color: var(--polar-blue);
+	background-color: var(--polar-blue-600);
 }
 
 .lp-cta__btn--primary .kern-label {
-	color: var(--polar-blue);
+	color: var(--polar-blue-600);
 }
 
 .lp-cta__btn--secondary {

examples/github-io/components/DevExSection.vue

@@ -35,6 +35,20 @@
 						Open Geospatial Consortium Guidelines
 					</a>
 				</li>
+				<li>
+					<span
+						class="kern-icon kern-icon-fill--check-circle"
+						aria-hidden="true"
+					/>
+					Official
+					<a
+						class="kern-link"
+						href="https://www.osgeo.org/projects/polar/"
+						target="_blank"
+					>
+						OSGeo community project
+					</a>
+				</li>
 				<li>
 					<span
 						class="kern-icon kern-icon-fill--check-circle"
@@ -47,7 +61,7 @@
 						class="kern-icon kern-icon-fill--check-circle"
 						aria-hidden="true"
 					/>
-					Tried & Tested with 50+ productive uses
+					Tried & Tested with 70+ productive uses
 				</li>
 			</ul>
 		</div>
@@ -161,7 +175,8 @@ const copyCode = async () => {
 
 section {
 	display: flex;
-	justify-content: space-between;
+	justify-content: center;
+	gap: 2rem;
 	padding: 2rem clamp(2rem, 5vw, 10rem);
 	background: var(--kern-color-layout-background-hued);
 

examples/github-io/components/FeaturesSection.vue

@@ -24,6 +24,7 @@ section {
 	img {
 		position: absolute;
 		inset: 0;
+		width: 100%;
 		height: 100%;
 	}
 

examples/github-io/components/HeroPolarMap.vue

@@ -105,6 +105,7 @@ onMounted(async () => {
 				toZoomLevel: 7,
 			},
 			reverseGeocoder: {
+				type: 'wps',
 				url: 'https://geodienste.hamburg.de/HH_WPS',
 				coordinateSources: [{ plugin: 'pins', key: 'coordinate' }],
 				addressTarget: { plugin: 'addressSearch', key: 'selectResult' },

examples/github-io/components/HeroSection.vue

@@ -20,7 +20,7 @@
 		</div>
 		<div class="lp-hero__ctas">
 			<a
-				href="https://polar.dataport.de/next/"
+				href="https://polar.dataport.de/main/"
 				target="_blank"
 				rel="noopener"
 				class="kern-btn kern-btn--primary"

examples/github-io/components/RoadmapCard.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- Icon names used dynamically below — listed here for kern-extra-icons static scanning: -->
-	<!-- kern-icon--check kern-icon--location-on kern-icon--palette kern-icon--rocket-launch kern-icon--settings kern-icon--build kern-icon--orbit kern-icon--extension kern-icon--looks kern-icon--museum kern-icon--alt-route kern-icon--map kern-icon--accessibility -->
+	<!-- kern-icon--check kern-icon--location-on kern-icon--palette kern-icon--rocket-launch kern-icon--settings kern-icon--build kern-icon--orbit kern-icon--extension kern-icon--looks kern-icon--museum kern-icon--alt-route kern-icon--map kern-icon--accessibility kern-icon--groups kern-icon--bug-report -->
 	<div
 		:class="[
 			'lp-roadmap__card',

examples/github-io/components/RoadmapSection.vue

@@ -29,7 +29,7 @@
 						]"
 					>
 						<!-- Cards stacked above -->
-						<div v-show="!isPhaseCollapsed(phase)" class="lp-roadmap__cards">
+						<div class="lp-roadmap__cards">
 							<div
 								v-for="item in phase.items"
 								:key="item.title"
@@ -47,16 +47,9 @@
 
 						<!-- Milestone header row -->
 						<div
-							:class="[
-								'lp-roadmap__milestone-row',
-								phase.status === 'done' &&
-									'lp-roadmap__milestone-row--clickable',
-							]"
-							:role="phase.status === 'done' ? 'button' : 'listitem'"
-							:tabindex="phase.status === 'done' ? 0 : -1"
-							@click="togglePhase(phase)"
-							@keydown.enter="togglePhase(phase)"
-							@keydown.space.prevent="togglePhase(phase)"
+							:class="['lp-roadmap__milestone-row']"
+							role="listitem"
+							tabindex="-1"
 						>
 							<div class="lp-roadmap__milestone-label">
 								<RoadmapPhaseLabel
@@ -88,34 +81,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-
 import RoadmapCard from './RoadmapCard.vue'
 import { phases } from './roadmapData'
 import RoadmapPhaseLabel from './RoadmapPhaseLabel.vue'
 import TheBadge from './TheBadge.vue'
-
-const collapsedPhases = ref(
-	new Set(
-		phases
-			.filter((phase) => phase.status === 'done')
-			.map((phase) => phase.label)
-	)
-)
-
-function togglePhase(phase: (typeof phases)[0]) {
-	if (phase.status === 'done') {
-		if (collapsedPhases.value.has(phase.label)) {
-			collapsedPhases.value.delete(phase.label)
-		} else {
-			collapsedPhases.value.add(phase.label)
-		}
-	}
-}
-
-function isPhaseCollapsed(phase: (typeof phases)[0]): boolean {
-	return collapsedPhases.value.has(phase.label)
-}
 </script>
 
 <style scoped>

examples/github-io/components/TheFooter.vue

@@ -2,7 +2,7 @@
 	<footer class="lp-footer" role="contentinfo">
 		<div class="lp-container">
 			<p>
-				&copy; 2024&ndash;2026
+				&copy; 2023&ndash;2026
 				<a href="https://www.dataport.de" target="_blank" rel="noopener"
 					>Dataport AöR</a
 				>
@@ -35,13 +35,13 @@
 
 <style scoped>
 .lp-footer {
-	background: var(--polar-navy);
-	color: rgba(255, 255, 255, 0.6);
+	background: var(--polar-blue-600);
+	color: #fff;
 	text-align: center;
 	padding: 1.5rem;
 	font-size: 0.85rem;
 }
 .lp-footer a {
-	color: rgba(255, 255, 255, 0.75);
+	color: #fff;
 }
 </style>