Sauvegarde impossible Stockage plein

Tes dernières modifications ne sont enregistrées que dans cet onglet. Fermer la page les perdrait. Télécharge une sauvegarde maintenant, puis allège le hub — les images de fond sont ce qui remplit le stockage.

Stockage presque plein. {{ storagePrunedLabel }} Ton travail est enregistré.

{{ logoEl }}
{{ name }} {{ pageTitle }}
Gestion de l'édition
{{ dockAddTitle }}
{{ g.cat }}
Aucun bloc ne correspond.
Enchaînement de fonds
{{ dockSaveLabel }}
{{ pageIntroEl }}
Photo
Bienvenue

De l'idée d'origine à un concept évident.

Hello ! Bienvenue dans mon hub — j'y réunis mes recherches, mes outils et mes créations. Entre, explore, repars avec une idée.

Me soutenir
Tipeee
Design System
Début
Fin
Assombrir{{ dimVal }}%
Flou{{ blurVal }}px
HEX
HEX
Angle{{ gradAngleVal }}°
Grain{{ grainVal }}
Boutons
Liens
Cartes
HEX
Liquid Glass
Applique le matériau verre à tout — héro, cartes, boutons et champs — d'un seul geste.
Intensité{{ uiGlassVal }}%
Rayon des cartes{{ uiRadiusVal }}px
Style des cartes
Les cartes deviennent translucides et floutent l'arrière-plan — idéal sur un fond image flouté.
Boutons
Forme
Remplissage
Liens
Soulignement
Champs
Style
Coins des champs{{ uiFieldRadiusVal }}px
Bouton Lien →
Hauteur{{ heroHeightVal }}px
Intégration au fond
Astuce : avec un fond image flouté, le mode « Verre » fond le héro dans l'arrière-plan pour une transition continue.
Voile texte{{ heroScrimVal }}%
Animations au défilement
Les sections et cartes apparaissent en douceur à mesure que tu fais défiler la page (moteur anime.js).
Style d'apparition
Hauteur

{{ heroCaption }}

Légende

Portfolio

{{ flipLabel }}

{{ currentTitle }}

Aucune page de portfolio.
Ajoute tes pages HTML pour les feuilleter ici.
Pages du portfolio
{{ p.num }}
{{ p.title }}
{{ p.url }}

À la une

{{ pageOutroEl }}
Filtrer
{{ pageIntroEl }}

{{ col.title }}

{{ col.count }}
Aucune ressource
{{ pageOutroEl }}
{{ pageIntroEl }}

Portfolio

{{ portfolioPageEl }}
Aucune page de portfolio.
Passe en mode édition pour en ajouter.
Pages du portfolio
{{ p.num }}
{{ p.title }}
{{ p.url }}
{{ pageOutroEl }}
{{ pageIntroEl }}
Année
Aucun billet pour l'instant.
{{ pageOutroEl }}
Édition en place : clique sur un texte pour le modifier, ou « Remplacer » sur une image. Pour la structure (ajouter / déplacer des blocs), ouvre l'Éditeur de page dans la barre d'outils en bas.
{{ b.blkIndex }} · {{ b.blkTypeLabel }}
{{ b.psPanel }}
{{ b.editEl }} {{ b.customEl }}
{{ b.heroImgEl }}
{{ b.eyebrow }}

{{ b.heading }}

{{ b.sub }}

{{ b.btnLabel }}
{{ b.supLabel }} {{ b.supText }}

{{ b.fbTitle }}

{{ b.fbCounter }}
Aucune page pour l'instant.
Ajoute des pages HTML (titre + URL) via l'éditeur du bloc.
{{ b.label }}

{{ b.heading }}

{{ b.body }}

{{ b.mediaEl }}
{{ b.caption }}
{{ b.mediaEl }}
{{ b.caption }}
t-decoration: none; font-family: 'DIN Condensed', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: #252525; border: none; border-radius: 12px; padding: 14px 26px;">{{ b.label }}

{{ b.text }}

— {{ b.author }}
{{ cb.cPanel }}
{{ cb.editEl }}

{{ cb.heading }}

{{ cb.body }}

{{ cb.mediaEl }}
{{ cb.caption }}
{{ cb.mediaEl }}
{{ cb.caption }}

{{ cb.text }}

— {{ cb.author }}
Page vide

Ajoute des blocs (texte, image, vidéo…) avec l'éditeur de page.

Me soutenir sur Tipeee Soutiens mon travail et accède à du contenu exclusif.
Tipeee
{{ pageIntroEl }}

{{ col.title }}

{{ col.count }}
Aucun article
{{ pageOutroEl }}

{{ draftTitle }}

**gras** · *italique* · ## sous-titre · - liste — mis en forme à l'affichage.

Une page de ton repo (chemin relatif) ou une URL complète. Elle sera feuilletée dans le flipbook.

{{ img.num }}

La première image sert de couverture. Ajoutes-en plusieurs pour un carrousel sur la fiche produit.

Éditeur de page

Compose chaque page, bloc par bloc.
⌥+↵Rendu · ↑↓Défiler
Bibliothèque Glisse un élément dans la page, ou clique pour l'ajouter à la fin.
Aucun élément ne correspond à ta recherche.
Architecture
{{ r.label }}{{ r.num }}
Le ruban se remplit à mesure que tu ajoutes des blocs.
Blocs de la page
{{ bl.typeLabel }}
Fond de section
Largeur
Marge{{ bl.padY }}px
Ancre #
Hauteur {{ bl.height }}px
Colonnes
Colonnes
Colonnes
Montage — découpe {{ bl.montageEl }}
Hauteur {{ bl.size }}px
Couleur du bandeau
Dégradé — couleur 1
Dégradé — couleur 2
Angle{{ bl.bnAngle }}°
Assombrir{{ bl.bnDim }}
Alignement
Hauteur
Transition de palier
Ajoute des blocs à l'intérieur du bandeau depuis l'aperçu, ou ci-dessous.
Contenu du bandeau
{{ cb.typeLabel }}
Fond
Largeur
Marge{{ cb.padY }}px
Ancre #
Section vide. Ajoute un bloc ci-dessous.
Colle l'adresse de la page ou le lien de partage : l'intégration s'affiche en 16:9.
Colonnes
La première ligne sert d'en-tête.
Colonnes
Align.
Écart {{ bl.gap }}px
{{ col.label }}
{{ cb.typeLabel }}
{{ cb.size }}px
Colonne vide. Ajoute un élément ci-dessous.
Glisse un bloc ou une composition depuis la palette de gauche, ou clique dessus pour l'ajouter.
Aperçu en direct
{{ previewDeviceLabel }} — {{ builderTitle }}
{{ builderPreviewEl }}
Cette page est vide. Repasse en mode Édition pour ajouter des blocs.
Mes pages Crée des pages librement. Branche-les ensuite au menu (bouton « Menu ») ou relie-les depuis un bouton / une carte d'une autre page.
Le hub {{ pageBoard.rootLabel }}
{{ g.countLabel }}
{{ card.title }}
{{ card.countLabel }} {{ card.menuLabel }}
Glisse une page sur un sujet pour la classer.
{{ g.countLabel }}
{{ card.title }} {{ card.countLabel }}
{{ g.countLabel }}
{{ card.thumbEl }}
Page vide
{{ card.title }}
{{ card.countLabel }}
Pages du site Les pages intégrées du hub. Édite-les en Mode édition (ou via ce bouton), réinitialise-les à leur modèle d'origine — elles ne sont pas supprimables.
{{ bp.thumbEl }}
{{ bp.label }}
{{ bp.desc }} Page intégrée · non supprimable
Démarrer d'un modèle

Design System

Tes jetons, partout dans le hub — en direct.
Sections
Couleurs
{{ t.label }}
HEX
Type de fond
Début
Fin
Angle{{ gradAngleVal }}°
Choisis Début ou Fin puis ajuste la couleur ci-dessus.
Assombrir{{ dimLabel }}
Flou{{ blurVal }}px
Logo (devant le nom du site)
Typographie
Paires suggérées
Titre{{ p.label }}
Police des titres
Police du corps
Taille de base{{ dsType.baseLabel }}
Échelle{{ dsType.ratioLabel }}
Réglage par rôle
{{ dsType.dsRoleActive.label }}{{ dsType.dsRoleActive.size }}px
Famille
Graisse
Interlignage{{ dsType.dsRoleActive.lhLabel }}
Interlettrage{{ dsType.dsRoleActive.lsLabel }}
Casse
Matériau
Liquid Glass
Intensité{{ uiGlassVal }}%
Rayon{{ uiRadiusVal }}px
Curseur personnalisé
Un point suit la souris et grossit sur les liens. Désactivé automatiquement sur mobile/tactile.
Style du menu
Le menu (icône ☰) s'ouvre en tiroir latéral ou en overlay plein écran, façon page d'accueil de site pro.
Aperçu en direct
Titre de page

De l'idée à l'évidence

Chapitre

Mes recherches

Sous-titre

L'atlas interactif

Paragraphe

Modifie un réglage à gauche : chaque rôle de texte se met à jour instantanément, ici comme sur tout le hub.

LégendeMis à jour le 12 juin · 4 min de lecture
Lien
Carte d'exemple Surface, rayon et matériau suivent tes jetons.

Plan du site

Toutes les pages et leurs connexions — {{ mapLinkCount }} lien(s) interne(s).
{{ hVisible }} visibles {{ hOrphan }} orphelin {{ hLinks }} internes {{ hExt }} externes
Pages du menu
{{ c.label }}
{{ node.label }} {{ node.flag }}
{{ node.badge }} {{ node.meta }}
Menu Lien interne Externe
{{ railTitle }}
{{ railKind }}
Invisible pour le visiteur.
Pointe vers ({{ railOutCount }})
Aucun lien interne sortant.
Pointé par ({{ railIncCount }})
Aucune page ne pointe ici.
Liens externes ({{ railExtCount }})
{{ r.label }}
{{ r.domain }}
Aucun lien externe.
{{ railEditHint }}
Aucune page épinglée

Survole une page pour l'aperçu, ou clique pour l'épingler et voir ses liens ici. Glisse une page pour réordonner le menu.

Affiche, masque et réordonne les pages de ton hub. Les changements s'appliquent partout.

{{ p.label }}

Importer un document

HTML, Markdown ou texte → blocs natifs, au style du hub.
✓ Médias chargés : {{ importFolderName }}
ou colle le contenu
{{ importCount }} blocs détectés
{{ s.label }}
⚠ {{ importMediaWarn }} image(s) en chemin relatif non trouvées. Importe le dossier (HTML + images) ou renseigne l'URL source ci-dessus, puis ré-analyse — les photos seront récupérées.
Destination
Découper en plusieurs pages
Analyse en cours…
Site & partage
Titre d'onglet
Description (Google, aperçus) {{ siteDescCount }}
Image d'aperçu · adresse du site

Écrits en dur dans le fichier publié : lang="fr", title, description, Open Graph, lien canonique.

Mentions légales et contact

Obligatoires (LCEN, art. 6-III). Le pied de page s'affiche dès qu'un nom ou un SIRET est saisi.

Favicon
Partager

Copie le lien de ce hub tel qu'il est ouvert actuellement.

Pied de page (pages du site)
Restaurer « {{ restorePreviewName }} » ?

{{ restorePreviewSummary }}

Un instantané de l'état actuel sera enregistré automatiquement avant — restaurable si besoin.

Versions

Enregistre un instantané nommé de l'état actuel. Des versions automatiques sont créées avant réinitialisation, import et restauration.

Aucune version enregistrée pour l'instant.
{{ v.name }} {{ v.dateLabel }}
Insérer un bloc après
Aucun bloc.
Échap
Aucun résultat.
{{ grp.name }}

Raccourcis clavier

Pilote le mode édition au clavier — {{ shortcutPlatformLabel }}.
{{ g.group }}
{{ it.label }} Appuie sur une touche… {{ key }}
Clique sur une combinaison pour la réattribuer.

Exporter

Publier — site autonome

Un seul fichier .html avec tes contenus et polices embarqués, édition désactivée — à héberger n'importe où (Netlify Drop, GitHub Pages…). Les animations chargent depuis un CDN.

{{ publishError }}
Code du site publié {{ exportWeight }}

Le HTML exact du fichier téléchargé ci-dessus — à copier-coller dans un dépôt ou un hébergeur si tu préfères ne rien télécharger.