zektyc/public/zmap/index.html
riricdev f7a91b5224 style(vitrine): palette chaude papier/encre + accent rouille, fini le noir pur
Le monochrome noir/blanc type « template IA » est remplacé par une
identité plus humaine : papier chaud (#faf8f3) / encre (#201b14), un
accent rouille unique (cohérent avec les tags ambre existants), serif
éditorial pour les titres (sans webfont externe), hero sans grille
technique (halo chaud organique) et micro-labels dé-shoutés (héros,
contact, team) sans uppercase ni letter-spacing agressif. Les blocs
team/tor qui codaient du blanc en dur passent sur les variables (ils
cassaient en thème clair). Cache style.css v7→v8 sur les 21 pages.
2026-09-06 13:14:30 +02:00

129 lines
No EOL
5.7 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="ZMap : application Android de cartographie libre utilisant OpenStreetMap, affichant les bornes de recharge électrique en Europe (Suisse incluse)." />
<meta name="robots" content="index, follow" />
<title>ZMap · Zektyc</title>
<link rel="canonical" href="https://riricdev.tail5ea5cd.ts.net/zmap/" />
<meta name="theme-color" content="#070a0f" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Zektyc" />
<meta property="og:title" content="ZMap · Zektyc" />
<meta property="og:description" content="Carte libre OpenStreetMap avec les bornes de recharge électrique en Europe (Suisse incluse). Application Android, mise à jour automatique." />
<meta property="og:url" content="https://riricdev.tail5ea5cd.ts.net/zmap/" />
<meta property="og:image" content="https://riricdev.tail5ea5cd.ts.net/og-image.png" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/style.css?v=8" />
</head>
<body>
<header id="h"></header>
<main class="legal" id="main">
<p class="legal-note"><a href="/">← Retour à l'accueil</a></p>
<h1>ZMap</h1>
<p class="legal-meta">Application Android de cartographie libre · v0.5.0</p>
<a class="btn btn-ghost" href="/zmap/archives">🗂️ Archives &amp; changelog</a>
<a class="btn btn-ghost" href="/zmap/vitesses-par-route">🧭 Vitesses par route</a>
<div class="dev-banner">
⚠️ <strong>Version de développement.</strong> Toutes les versions publiées
ici sont des versions de développement (dev builds) destinées aux tests.
Elles sont publiques mais peuvent contenir des bugs ou des changements
d'interface.
</div>
<section class="projects-page">
<article class="card">
<h3>Carte OpenStreetMap</h3>
<p>
ZMap affiche une carte libre basée sur les tuiles OpenStreetMap,
sans compte, sans tracker et sans collecte de données. Déplacez-vous
librement avec le multi-touch (pincer pour zoomer), la carte et les
bornes se chargent en fonction de votre position.
</p>
</article>
<article class="card">
<h3>Bornes de recharge électrique</h3>
<p>
ZMap interroge la base OpenStreetMap (via le proxy Zektyc) et affiche
les bornes de recharge électrique en Europe, Suisse incluse. Un simple
appui sur une borne affiche ses caractéristiques : opérateur,
puissance, connecteurs (Type 2, CCS, CHAdeMO…), gratuité et adresse.
</p>
</article>
<article class="card">
<h3>Recherche et navigation</h3>
<p>
Recherchez un lieu (ville, rue, monument…) directement depuis la barre
de recherche. ZMap calcule ensuite votre itinéraire, affiche la
distance et la durée, et met en évidence les bornes de recharge
situées sur le chemin. Touchez l'icône itinéraire puis la carte pour
choisir une destination.
</p>
</article>
<article class="card">
<h3>Conduite assistée</h3>
<p>
Un mode navigation façon GPS : la caméra suit la voiture et reste
orientée derrière la flèche (la direction de la route, pas du
téléphone), avec étapes « tournez à gauche », heure d'arrivée,
vitesse et limite de vitesse du tronçon. La carte est assombrie pour
bien distinguer l'itinéraire en bleu.
</p>
</article>
<article class="card">
<h3>Adaptée à votre voiture</h3>
<p>
Choisissez votre modèle (Tesla Model Y, Zoé, e-208, ID.3, EV6…) :
ZMap calcule la consommation et l'autonomie sur votre trajet, et
n'affiche que les bornes compatibles avec vos connecteurs
(Type 2, CCS, CHAdeMO…).
</p>
</article>
<article class="card">
<h3>Connexion et hors-ligne</h3>
<p>
ZMap se connecte au serveur Zektyc en WebSocket sécurisé (reconnexion
automatique, mode hors-ligne affiché en cas de coupure). Avant un
départ, la carte, l'itinéraire et les bornes sont mis en cache sur le
téléphone : pendant le trajet, la consommation de données est quasi
nulle.
</p>
</article>
<article class="card">
<h3>Mises à jour automatiques</h3>
<p>
ZMap vérifie automatiquement les nouvelles versions et se met à jour
en toute simplicité, sans passer par le Play Store.
</p>
</article>
<article class="card">
<h3>Téléchargement</h3>
<p>Dernière version : <strong>0.5.0</strong></p>
<a class="btn btn-ghost" href="/zmap/zmap-0.5.0.apk" download>⬇ Télécharger l'APK (6 Mo)</a>
<p class="legal-note">
Compatible Android 7.0 (API 24) et supérieur. L'application est
signée avec une clé de release.
</p>
</article>
</section>
</main>
<footer id="f"></footer>
<script src="/js/theme.js" defer></script>
<script src="/js/components.js?v=6" defer></script>
</body>
</html>