v2 de l'article Qwant Maps

app/presentation/CTA.tsx

@@ -0,0 +1,22 @@
+import css from '@/components/css/convertToJs'
+
+export default function CTA({ children }) {
+	return (
+		<a
+			href="/"
+			style={css`
+				text-decoration: none;
+				font-size: 160%;
+				background: linear-gradient(30deg, var(--color), var(--darkColor));
+				display: block;
+				margin: 4vh auto 6vh;
+				width: fit-content;
+				color: white;
+				padding: 1rem 2rem;
+				border-radius: 1rem;
+			`}
+		>
+			{children}
+		</a>
+	)
+}

app/presentation/UI.tsx

@@ -86,15 +86,3 @@ export const Screens = styled.div`
 		}
 	}
 `
-
-export const CTA = styled(Link)`
-	text-decoration: none;
-	font-size: 160%;
-	background: linear-gradient(30deg, var(--color), var(--darkColor));
-	display: block;
-	margin: 4vh auto 6vh;
-	width: fit-content;
-	color: white;
-	padding: 1rem 2rem;
-	border-radius: 1rem;
-`

app/presentation/page.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link'
-import { CTA, Screens, WebStore } from './UI'
+import { Screens, WebStore } from './UI'
 import { PresentationWrapper } from './UI.tsx'
 import Logo from '@/public/logo.svg'
 import WebIcon from '@/public/web.svg'
@@ -8,6 +8,7 @@ import './devices.css'
 import Phone from './Phone'
 import css from '@/components/css/convertToJs'
 import { description } from '../layout'
+import CTA from './CTA'
 
 const iframeStyle = `
 					width: 20rem;
@@ -80,7 +81,7 @@ export default function () {
 				.
 			</p>
 
-			<CTA href="/">Tester Cartes</CTA>
+			<CTA>Tester Cartes</CTA>
 			<h2>Compléter les applications mobiles OpenStreetMap</h2>
 			<p>
 				OpenStreetMap est le Wikipedia des cartes : chacun peut y ajouter un
@@ -241,7 +242,7 @@ export default function () {
 				Des dizaines de contributeurs ont déjà aidé à améliorer l'outil.{' '}
 				<a href="https://github.com/laem/cartes/issues">Pourquoi pas vous ?</a>.
 			</p>
-			<CTA href="/">Tester Cartes</CTA>
+			<CTA>Tester Cartes</CTA>
 		</PresentationWrapper>
 	)
 }

articles/qwant-maps.mdx

@@ -2,24 +2,73 @@
 titre: Qwant Maps, c'est fini
 date: '2024-07-22'
 image: /blog-images/qwant-maps.webp
-description: |
-  Qwant Maps, l'une des seuls cartes en ligne moderne, n'est plus. Comment le remplacer ?
+description: Qwant Maps, l'une des seuls cartes en ligne moderne, n'est plus. Heureusement, la relève est là.
 ---
 
+import CTA from '../app/presentation/CTA'
+
 OpenStreetMap est souvent présentée comme le Wikipedia des cartes. C'est vrai, dans le sens où comme Wikipedia, tout le monde peut améliorer cette carte. Alors que Wikipedia est une cartographie mondiale de la connaissance écrite, OpenStreetMap est une carte tout court, avec ses communautés nationales ou linguistiques.
 
-Comme pour Wikipedia où la communauté francophone (fr.wikipedia.org) tient la troisième place derrière les communautés anglaise et allemande, la communauté [OpenStreetMap France est forte](https://osmstats.neis-one.org/?item=countries) est sur le podium de l'activité (contributeurs et contributions) et l'association [OpenStreetMap FR](https://www.openstreetmap.fr) organise des [conférences nationales](https://sotm2024.openstreetmap.fr) et même probablement [la prochaine conférence internationale à Paris](https://forum.openstreetmap.fr/t/sotm-monde-a-paris-2025/25394) !
+Comme Wikipedia où la communauté francophone (fr.wikipedia.org) tient la troisième place derrière les communautés anglaise et allemande, la communauté [OpenStreetMap France est forte](https://osmstats.neis-one.org/?item=countries), se hissant sur le podium de l'activité (contributeurs et contributions) de contribution aux _maps_.
+
+![](/blog-images/top-pays-osm.png)
+_Les statistiques de contributions ne disent pas tout, mais un peu quand même !_
+
+En toute logique, l'association [OpenStreetMap FR](https://www.openstreetmap.fr) organise une [conférence nationale de référence](https://sotm2024.openstreetmap.fr) et même probablement [la prochaine conférence internationale à Paris](https://forum.openstreetmap.fr/t/sotm-monde-a-paris-2025/25394) !
+
+![](/blog-images/prez-cartes-sotm2024.png)
+_Présentation du projet Cartes au State of the Map 2024_
+
+## Le Wikipedia des cartes n'a pas ~de~ qu'une tête
 
 Pourtant contrairement à Wikipedia.org, l'[interface principale osm.org](https://osm.org) connue pour servir les données de la base de données OpenStreetMap n'est pas connue pour sa modernité.
 
 Pour ces raisons, c'est davantage via des interfaces tierces qu'OpenStreetMap touche le grand public : sur Android, OrganicMaps a atteint [1 million d'utilisateurs](https://organicmaps.app/news/2023-12-23/in-2023-organic-maps-got-its-first-million-users) en fin 2023 et propose une alliance de modernité et de sobriété (cartes hors ligne) qui plait au-delà d'un cercle d'amateurs de cartes libres.
 
-Rien d'anormal à cela, c'est même plutôt voulu : OpenStreetMap est une base de données, le plan consistant à diffuser les données dans un maximum d'interfaces de cartes, tant que l'obligation de retribution des améliorations est respectée. Au-delà d'OrganicMaps, il y a aussi la plus experte [OsmAnd](https://osmand.net), la toute nouvelle [Cartes par l'IGN](https://www.ign.fr/telechargez-application-cartographique-cartes-ign), ainsi que toutes les applications commerciales qui embarquent des données OpenStreetMap à commencer par la plus grosse, [Apple Maps](https://news.ycombinator.com/item?id=26084008) et la future Microsoft Maps (croyez-vous vraiment que le M des GAFAM et ses 3000 milliards de valorisation boursière va rester sur son médiocre Bing Maps ?).
+Rien d'anormal à cela, c'est même plutôt l'objectif : le Wikipedia des cartes a de multiples visages, OpenStreetMap est une base de données diffusée dans un maximum d'interfaces. Tout projet peut se le permettre, tant que l'obligation de retribution des améliorations est respectée.
+
+Au-delà d'OrganicMaps, il y a aussi la plus experte [OsmAnd](https://osmand.net), la toute nouvelle [Cartes par l'IGN](https://www.ign.fr/telechargez-application-cartographique-cartes-ign), ainsi que toutes les applications commerciales qui embarquent des données OpenStreetMap à commencer par la plus grosse, [Apple Maps](https://news.ycombinator.com/item?id=26084008) et la future Microsoft Maps (croyez-vous vraiment que le M des GAFAM et ses 3000 milliards de valorisation boursière va rester sur son médiocre Bing Maps ?).
 
-Pourtant, pour le Web, il n'y avait pas grand chose. D'autant plus quand il s'agissait d'aller au-delà du monde OpenStreetMap en intégrant d'autres fonctionnalités essentielles comme les transports en commun, ou les images de rue 360.
+## Et sur le Web ?
+
+Pourtant, "en ligne", il n'y avait pas grand chose. D'autant plus quand il s'agissait d'aller au-delà du monde OpenStreetMap en intégrant d'autres fonctionnalités essentielles comme les transports en commun, ou les images de rue 360.
 
 C'est là qu'est apparue Qwant Maps en 2018, la section carte de ce qui était sensé devenir le moteur de recherche phare européen. Entièrement [libre](https://github.com/Qwant/erdapfel), basée sur des technologies modernes (cartes vectorielles, technologie Web récente), le nouvel actionnaire de Qwant, OVH, aura donc décidé de tuer ce projet [en avril 2024](https://forum.openstreetmap.fr/t/fin-de-qwant-maps/22762/15?u=maelito2000). L'histoire ne dit pas encore s'il s'agit d'une fermeture définitive ou d'une fermeture du code pour lancer un nouveau produit plus commercial dans le cadre de [son rêve de "Google européen"](https://www.frandroid.com/produits-android/console/cloud-gaming/1660871_ovh-shadow-et-qwant-pourraient-sallier-pour-creer-un-google-europeen).
 
+![](/blog-images/qwant-maps.png)
+
+## Qwant Maps, la suite
+
 Les cendres d'un projet libre sont pourtant souvent fertiles : en parallèle de la fin de Qwant Maps, commençait l'aventure [Cartes](/) largement inspirée de la preuve fournie avec brio par l'équipe Qwant : une carte Web moderne, jolie et utile, basée sur OpenStreetMap, pouvait être publiée sur le Web sans exiger que l'utilisateur doive la télécharger dans le _store_ d'un... GAFAM.
 
+![](/blog-images/boulangerie-dina-cartes.png)
+_Les fonctionnalité de base de recherche d'un lieu sont présentes_
+
+![](/blog-images/cartes-minou.png)
+_Un maximum de photos venant de projets libres sont intégrées sur Cartes_
+
+![](/blog-images/cartes-bus-saint-malo.png)
+_Une couverture nationale des transpors en commun : un des objectifs principaux du projet Cartes_
+
+## Repousser les limites du Web, l'app store universel
+
+Dans le monde du développement, il est courant d'entendre que le Web n'est pas assez mature pour accueillir une application mobile moderne de cartographie. Nos premiers constats en développant Cartes, c'est plutôt que trop peu de personnes y ont cru : à titre d'exemple, afficher une position directionnelle était impossible sur le Web mobile... jusqu'à ce que [ça le soit](https://cartes.app/boussole) grâce à quelques lignes de code. Il s'agit souvent davantage d'un manque d'investissement que de limitations techniques réelles.
+
+## Une carte plateforme ?
+
 La [promesse de Cartes](https://cartes.app/presentation) reprend une grande partie des fonctionnalités de feu Qwant Maps, à l'exception de l'intégration de services commerciaux tels que Tripadvisor, mais pour l'instant limitée au pérmiètre de la France hexagonale.
+
+Par bien des aspects, Cartes innove par rapport à Qwant Maps : intégration du projet public Panoramax, construction d'un serveur de plans et de calcul d'itinéraire en transport en commun multimodal plutôt que de reposer sur une API commerciale désormais privée, multiples fonds de carte.
+
+Au coeur de l'ambition de Cartes, il y a l'[écologie](/blog/un-beau-voyage) : aider les Français à voyager sans pétrole et sans détruire notre plus beau bien commun, notre planète.
+
+Aussi paradoxal que ça peut sonner, une carte est aussi une vision du monde basée sur la proximité. Quand les moteurs de recherche produisent à partir d'une requête une liste plate de liens triés par pertinence sémantique (sauf quand ils se bardent de [publicités](https://cartes.app/blog/maps-cartes) cachées), la carte en propose une vue ancrée sur le territoire.
+
+<CTA>Tester Cartes</CTA>
+
+Cartes est [déjà en ligne](https://cartes.app), en version 0.4. La v1 est prévue
+pour la fin d'année 2024.
+
+Si le contexte général du projet vous intéresse, la [vidéo de présentation](https://peertube.openstreetmap.fr/w/oJwaAP1PbeLsK2zywTzLga) en présente les ressorts politiques.
+
+Vous êtes pressés ? Parcourez en diagonal le [support de présentation](/prez).

mdxOptions.mjs

@@ -1,10 +1,15 @@
 import rehypeSlug from 'rehype-slug'
 import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import remarkToc from 'remark-toc'
+import remarkGfm from 'remark-gfm'
 
 const mdxOptions = {
 	remarkPlugins: [
-		[remarkToc, { heading: '(table[ -]of[ -])?contents?|toc|Sommaire' }],
+		[
+			remarkGfm,
+			remarkToc,
+			{ heading: '(table[ -]of[ -])?contents?|toc|Sommaire' },
+		],
 	],
 	rehypePlugins: [
 		rehypeSlug,