Bord de mer — carnet vivant

Italie & Croatie · 17 → 31 juillet 2026 · 15 jours
Benoît · Claire · Alix (9 ans) · Marceau (5 ans)

Version markdown du carnet interactif. La webapp (index.html) contient la même matière, plus la météo en direct et l'assistant contextuel.

1. Ce que fait la webapp

Quatre onglets, en bas de l'écran :

Les flèches ‹ › en haut naviguent d'un jour à l'autre. Le bandeau météo est cliquable : chaque jour de la bande fait basculer tout le carnet sur ce jour-là.

La météo, en direct

Source : Open-Meteo (gratuit, sans clé, sans compte, sans traceur). Deux appels par étape :

• prévisions terrestres — température, ciel, probabilité de pluie, UV, vent, lever/coucher ;
• prévisions marines — température de l'eau et hauteur de houle, pour les étapes côtières.

Les coordonnées sont celles de l'étape du jour ; les jours de transit, c'est la météo de la destination qui s'affiche — c'est elle qui compte quand on arrive le soir.

La signature : la rose des vents adriatique

L'app ne dit pas « vent 38 km/h nord-est ». Elle dit Bura, et ce que ça implique concrètement :

C'est le détail qui rend l'app utile plutôt que décorative : savoir qu'il y a de la bura, c'est savoir de quel côté de l'île aller se baigner.

L'assistant

Mode carnet (par défaut, hors ligne). Vingt-deux sujets couverts : programme du jour, pluie, chaleur, baignade, vent, manger, agritourisme, marchés, enfants, nature, ferries, trains, voiture, logement, urgences, budget, vocabulaire, souvenirs, demain, glaces, écologie, ne rien faire. Chaque réponse est composée à la volée avec la météo du moment. Question hors sujet → recherche plein texte dans tout le carnet.

Mode enrichi (facultatif). Onglet Carnet → coller une clé API Anthropic. Chaque question part alors avec un contexte compact : date, étape, déroulé, notes, météo réelle, fiches du lieu. Instructions complètes à la section 2 bis.

Le carnet de notes

Une zone de texte par jour, sauvegardée localement dans le téléphone. Rien ne part sur un serveur.

2. Installation

Cinq fichiers, tous dans le même dossier (par exemple benfrache.site/vacs26b/) :

index.html              la webapp
icon-180.png            icône de l'écran d'accueil iPhone
icon-192.png            icône Android / favicon
icon-512.png            icône haute résolution
manifest.webmanifest    déclaration PWA

Les quatre derniers doivent être à côté de index.html, sans sous-dossier — les chemins sont relatifs.

1. Déposer les cinq fichiers dans le dossier.
2. Ouvrir l'adresse dans Safari sur l'iPhone (pas Chrome : seul Safari sait installer sur l'écran d'accueil).
3. Partager → Sur l'écran d'accueil → Ajouter.

L'app s'ouvre alors en plein écran, sans barre d'adresse, avec son icône. Si l'ancienne version était déjà installée, la supprimer d'abord de l'écran d'accueil : iOS met l'icône en cache agressivement.

Deux ressources externes seulement : les polices Google Fonts (dégradation propre si absentes) et l'API météo. Sans réseau, le carnet et l'assistant local fonctionnent toujours ; seule la météo manque.

L'icône

Une aiguille de compas pointée au nord-est — la direction de la bura — sur le bleu pétrole de l'app, lobe nord en jaune immortelle, lobe sud en gris de mer. Le même objet que la rose des vents à l'intérieur de l'app.

Fond plein bord, sans coins arrondis ni transparence : iOS applique lui-même son masque en squircle. L'anneau est contenu à 80 % du cadre, donc jamais rogné.

2 bis. La clé API — instructions

L'assistant fonctionne sans rien configurer. La clé n'ajoute qu'une chose : les réponses libres, pour les questions qui ne sont pas dans le carnet (traduire une carte de konoba, improviser une journée, comprendre un panneau).

Obtenir la clé

1. Aller sur platform.claude.com, créer un compte ou se connecter.
2. Billing → ajouter une carte, charger un petit crédit. C'est du paiement à l'usage, sans abonnement ; un abonnement Claude Pro ou Max ne donne pas de crédit API, c'est une facturation séparée. Poser une limite de dépense mensuelle au passage.
3. API Keys → Create Key. Lui donner un nom parlant, par exemple carnet iphone.
4. La clé commence par sk-ant- et n'est affichée qu'une seule fois. La copier immédiatement (dans le trousseau iCloud, par exemple). Ratée ? On la supprime et on en crée une autre, ça ne coûte rien.

La mettre dans l'app

Onglet Carnet → Assistant enrichi → coller dans le champ → Enregistrer → Tester.

Le bouton Tester envoie une requête minuscule et affiche le résultat en clair :

Ce que ça coûte

Chaque question envoie le contexte du jour (étape, déroulé, notes, météo réelle, fiches du lieu) et reçoit une réponse de 120 mots maximum. Cela représente environ 2 600 tokens en entrée et 200 en sortie, soit ≈ 0,7 centime la question au tarif du modèle réglé par défaut. Cent questions sur les quinze jours : moins d'un dollar.

Tarifs officiels — Claude Sonnet 5 est à 2 $ / 10 $ par million de tokens (entrée / sortie) en prix d'introduction jusqu'au 31 août 2026, puis 3 $ / 15 $ ; Claude Haiku 4.5 est à 1 $ / 5 $. Grille à jour : https://platform.claude.com/docs/en/about-claude/pricing

Changer de modèle

Dans index.html, section 7 du script :

const MODEL="claude-sonnet-5";

Alternative moins chère et largement suffisante ici : claude-haiku-4-5-20251001.

Sécurité — à lire une fois

• La clé est stockée dans le localStorage du navigateur de ce téléphone. Elle n'est ni écrite dans le fichier index.html, ni publiée sur le site : quelqu'un qui visite la page ne la voit pas.
• L'appel part directement du téléphone vers api.anthropic.com, grâce à l'en-tête anthropic-dangerous-direct-browser-access: true. C'est le schéma « chacun apporte sa clé » explicitement prévu pour ce type d'app — pas de serveur intermédiaire à monter.
• En revanche, qui déverrouille le téléphone peut s'en servir. D'où : une clé dédiée à cet usage, une limite de dépense mensuelle basse, et une suppression depuis la console au retour de vacances.
• Ne jamais coller la clé en dur dans le fichier avant de le mettre en ligne : elle serait alors publique.
• Vider la clé à tout moment : bouton Effacer.

3. Les quinze jours

4. Slow food & agritourisme, étape par étape

🇮🇹 Venise — lagune, bacari, potagers d'îles

• Bacari & cicchetti. Le slow food vénitien réel : on entre debout, deux ou trois bouchées, un verre d'ombra, on ressort. Cantine del Vino già Schiavi (Dorsoduro, face au pont San Trovaso), All'Arco (San Polo), Osteria alla Bifora.
• Marché du Rialto, tôt. La pescheria ferme vers midi et n'ouvre pas le lundi. Fruits, légumes de la lagune, focaccia — pique-nique sur les Zattere pour trois fois rien.
• Sant'Erasmo, le potager de Venise. Vaporetto 13 depuis Fondamente Nove, ~45 min. Île agricole plate, vignes, artichauts violets (castraure), vélos, plage du Bacàn. La journée la plus « nature » possible à Venise.
• Gelateria Nico, Zattere. Le gianduiotto face à la Giudecca, au coucher du soleil.
• Nasoni. Les fontaines publiques donnent une eau potable et fraîche : zéro bouteille achetée sur trois jours.

🇭🇷 Rovinj — l'Istrie, la région la plus « agritourisme » d'Europe

• Huile d'olive istrienne. L'Istrie est régulièrement classée première région oléicole au monde par le guide Flos Olei. Autour de Rovinj, Bale et Vodnjan, de nombreux producteurs reçoivent pour une dégustation — appeler la veille. Chercher maslinovo ulje kušanje sur la carte.
• Konoba plutôt que restaurant. La taverne familiale : fuži à la truffe ou au boškarin (bœuf istrien), poisson du jour grillé, blanc de malvazija istarska. Chercher les tables en retrait du port.
• Agroturizam dans l'arrière-pays. Kanfanar, Svetvinčenat, Bale, à 20–30 min : des fermes qui servent leur propre production, avec des animaux et de la place pour courir. Réserver par téléphone le matin même.
• Marché du matin. Figues, fromages de brebis, pršut, huile → pique-nique au parc Zlatni Rt.

🇭🇷 Lošinj — l'île aromatique (5 nuits)

• Marché de Mali Lošinj. Le matin, sur la riva : huiles essentielles et hydrolats de l'île (immortelle, sauge, myrte), figues, miel, fromage de brebis de Cres. La meilleure adresse du séjour pour cuisiner à la maison.
• Agneau de Cres. Brebis élevées sur un maquis salé. Servi rôti ou ispod peke — sous la cloche de braises. Ce plat se commande plusieurs heures à l'avance, parfois la veille. C'est le seul geste d'organisation du séjour qui vaut vraiment le coup.
• Huile d'olive de Cres. Oliviers millénaires, rendement minuscule, huile intense. En petits volumes chez les producteurs autour de Cres et Punta Križa.
• Konobas de Veli Lošinj et Osor. Poulpe sous peka, risotto noir à l'encre, poisson du jour au poids.
• Jardin aromatique de Mali Lošinj (Miomirisni vrt) : les herbes de l'île, expliquées. Ombragé, sensoriel — parfait par forte chaleur.

🇭🇷 Pag — fromage, sel, pierre

• Paški sir. Brebis autochtone, herbes salées par le vent, affinage long : le fromage le plus primé de Croatie. Deux fromageries du côté de Kolan proposent visite et dégustation, sur la route en venant du nord — appeler avant, 45 minutes, la meilleure visite « agritourisme » du voyage.
• Agneau de Pag. Même logique que le fromage : pâturage salé, goût inimitable.
• Salines de Pag. Sel produit ici depuis l'Antiquité ; petit musée à l'entrée de la ville.
• Baškotin. Pain biscuité des bénédictines de Pag, à tremper dans le café. Se garde, se ramène.
• Oliveraies de Lun. Pointe nord, ~30 min de Žigljen : une forêt d'oliviers sauvages millénaires, protégée, sentier facile. Si vous débarquez avant midi, c'est le détour le plus beau de la journée.

🇭🇷 Zadar

• Marché vert de Zadar. Tous les matins près des remparts, l'un des plus beaux de Croatie. Marché aux poissons juste à côté.
• Maraschino. Liqueur de marasque produite ici depuis 1821.
• Salines de Nin, 15 km au nord : sel récolté à la main, visite courte et concrète. Nécessite la voiture — donc avant 11h le 28, ou pas du tout.
• Glaces Donat. Parmi les meilleures de Croatie.

🇮🇹 Ancône (2h30 d'escale)

• Mercato delle Erbe, halle couverte à ~15 min à pied du port : comptoirs, fromages des Marches, olives all'ascolana.
• Sinon : pizza al taglio près du port, glace, et on ne se met pas en retard pour le 14:38.

🇮🇹 Bologne — la Grassa

• Tagliatelle al ragù. Tagliatelles fraîches, jamais des spaghettis ; la recette est déposée à la chambre de commerce de la ville.
• Quadrilatero. Le dédale de boutiques alimentaires derrière Piazza Maggiore : on y déjeune debout pour dix euros.
• Mercato delle Erbe. Halle couverte, tables communes — le plus simple avec des enfants.
• Voir faire les sfogline. Plusieurs boutiques du centre laissent voir les femmes étaler la pâte à la main derrière la vitre ; certaines proposent un cours court. La meilleure activité slow food possible avec Alix.
• Acetaia à Modène, 30 min de train : les greniers à vinaigre balsamique traditionnel se visitent, avec dégustation de 12 et 25 ans d'âge. Sur réservation.

5. Dehors & nature

Venise — Zattere à l'aube · traghetto à 2 € · Burano + Mazzorbo et sa vigne murée
Rovinj — parc forestier Zlatni Rt (pins d'Alep, criques, vélos) · clocher Sainte-Euphémie · coucher de soleil sur les rochers de la pointe
Lošinj / Cres — Lubenice perché à 378 m et la plage de Sv. Ivan en contrebas · Beli et ses vautours fauves · le pont tournant d'Osor · baie de Čikat (abritée de la bura) · Punta Križa et Baldarin
Pag — oliveraies de Lun · paysage lunaire de la côte est · vieille ville Renaissance
Zadar — orgue marin · Salut au Soleil · coucher de soleil sur la riva
Bologne — portique de San Luca (3,8 km, le plus long du monde) · Giardini Margherita · les cours de Santo Stefano

6. Réservations

Trains — Aller CFF 151425380689 (CHF 181.60) · Ancône→Bologne IC 610, billet 2878466485 (31,80 €) · Retour CFF 151425399450 (CHF 110.80)
Bateaux — Catamaran Venise→Rovinj, Kompas/Adriatic Lines, réf. 03EA003–006 (267 €) · Ferry Zadar→Ancône, Jadrolinija, navire JELENA, booking 428941227 / 428941228 (300 €)
Voiture — SIXT #9730942966, VW Polo manuelle, Rovinj 21/07 11:00 → Zadar 28/07 11:00, km illimité, franchise 825 €, 470,14 €
Logements — Venise HMC9PD9ZQM · Rovinj HMNAYETBMX · Čunski HM9EMKKP5B · Pag HM9HFDTSS5 · Zadar HM3BTCES5S · Bologne HMEW3QYFPC

Budget indicatif ≈ 3 656 CHF — hébergements 2 289.55 CHF, trains 292.40 CHF + 31,80 €, bateaux 567 €, voiture 470,14 €, visites 50 €. Hors repas, carburant, péages, taxes de séjour.

7. Les trois moments à ne pas rater

1. Mardi 21, 11:00 — retrait SIXT à Rovinj. Permis, carte d'identité originale, carte de crédit au nom de Benoît. Photographier le véhicule sous tous les angles.
2. Mardi 28, 11:00 — restitution SIXT à Zadar. Plein fait, coffre vidé, photos. Et commander le taxi du lendemain le soir même.
3. Mercredi 29, 06:00 — check-in ferry au port de Gaženica, à 3 km au sud de la vieille ville. Ce n'est pas le port du centre. Prévoir 15 minutes de trajet.

8. Ferries locaux, sans réservation

• Brestova → Porozina (continent → Cres), ~20 min. Premier arrivé, premier servi.
• Prizna → Žigljen (continent → Pag), traversée 15 min. Haute saison (3 juillet – 30 août) : environ un départ par heure dans chaque sens, de 4h à 23h30.

En juillet, la seule stratégie qui marche est d'arriver tôt.

9. Réflexes

• 112 partout, Italie comme Croatie. Pharmacie : farmacia / ljekarna.
• Euro partout, mais du liquide pour les petits ports, les ferries locaux, les konobas de campagne et les marchés.
• Rehausseur obligatoire en Croatie pour Alix et Marceau. Gilet + triangle à bord. Alcoolémie 0,5 ‰.
• Chaussures d'eau : les plages croates sont en galets ou en dalles, sans exception.
• Gourdes : eau du robinet potable en Italie comme en Croatie.
• Adaptateur type J → C/F (et L en Italie), plus une multiprise : un seul adaptateur à gérer.
• Sur les îles, l'eau douce est importée. Douches courtes, on se rince à la mer.

Croate — dobar dan · hvala · molim · bok · živjeli · račun · voda
Italien — buongiorno · grazie · per favore · il conto · acqua del rubinetto
À la konoba — riba (poisson) · janjetina (agneau) · sir (fromage) · maslinovo ulje (huile d'olive) · ispod peke (sous la cloche)

Carnet établi à partir de vos réservations. Horaires à revérifier avant chaque étape.