[{"data":1,"prerenderedAt":531},["ShallowReactive",2],{"navigation_docs":3,"-docs-demarrer-premiere-presentation":118,"-docs-demarrer-premiere-presentation-surround":527},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":120,"body":121,"description":521,"extension":522,"meta":523,"navigation":524,"path":12,"seo":525,"stem":13,"__hash__":526},"docs\u002Fdocs\u002F1.demarrer\u002F1.premiere-presentation.md","Votre première présentation",{"type":122,"value":123,"toc":514},"minimark",[124,128,131,136,144,151,155,162,409,412,415,458,461,465,468,473,477,480,484,510],[125,126,127],"p",{},"Dans ce tutoriel, vous écrivez une présentation de trois diapositives dans le studio de votre équipe. Vous la publiez, vous envoyez son lien à un collègue, puis vous la présentez avec vos notes sous les yeux.",[125,129,130],{},"Il vous faut l'adresse du studio et un compte GitHub ou Google qui a le rôle Éditeur. Votre rôle est affiché en haut à droite après la connexion. S'il vaut Lecteur, demandez le rôle Éditeur à un Propriétaire du studio.",[132,133,135],"h2",{"id":134},"créer-la-présentation","Créer la présentation",[125,137,138,139,143],{},"Connectez-vous, cliquez sur « Nouvelle présentation », écrivez le titre ",[140,141,142],"code",{},"Bilan du mois",", puis cliquez sur « Créer et modifier ». Les autres champs gardent leur valeur.",[125,145,146,147,150],{},"L'éditeur s'ouvre, avec le texte à gauche et l'aperçu à droite. L'adresse de la présentation reprend son titre : ",[140,148,149],{},"\u002Fslides\u002Fbilan-du-mois",".",[132,152,154],{"id":153},"écrire-les-trois-diapositives","Écrire les trois diapositives",[125,156,157,158,161],{},"Le texte commence par un en-tête, entre deux lignes ",[140,159,160],{},"---",", qui contient le titre et le thème de la présentation. Gardez-le, et remplacez tout le texte qui le suit par celui-ci :",[163,164,165],"deck-example",{},[166,167,172],"pre",{"className":168,"code":169,"language":170,"meta":171,"style":171},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Bilan du mois\n\n:subtitle{text=\"Équipe produit, octobre\"}\n\n---\n\n### Ce qui est en ligne\n\n- La page d'accueil\n- Le formulaire de contact\n- Le suivi de la demande\n\n::Notes\nDonner le nombre de demandes reçues depuis la mise en ligne.\n::\n\n---\n\n### La suite\n\n:::Columns\n::Column\n### Ce mois-ci\nLes tests avec cinq usagers.\n::\n\n::Column\n### Le mois prochain\nL'affichage sur téléphone.\n::\n:::\n","mdc","",[140,173,174,187,194,226,231,238,243,252,257,266,274,282,287,296,302,308,313,318,323,331,336,345,353,361,367,372,377,384,392,398,403],{"__ignoreMap":171},[175,176,179,183],"span",{"class":177,"line":178},"line",1,[175,180,182],{"class":181},"sMK4o","# ",[175,184,186],{"class":185},"sBMFI","Bilan du mois\n",[175,188,190],{"class":177,"line":189},2,[175,191,193],{"emptyLinePlaceholder":192},true,"\n",[175,195,197,200,204,207,211,214,217,221,223],{"class":177,"line":196},3,[175,198,199],{"class":181},":",[175,201,203],{"class":202},"swJcz","subtitle",[175,205,206],{"class":181},"{",[175,208,210],{"class":209},"spNyl","text",[175,212,213],{"class":181},"=",[175,215,216],{"class":181},"\"",[175,218,220],{"class":219},"sfazB","Équipe produit, octobre",[175,222,216],{"class":181},[175,224,225],{"class":181},"}\n",[175,227,229],{"class":177,"line":228},4,[175,230,193],{"emptyLinePlaceholder":192},[175,232,234],{"class":177,"line":233},5,[175,235,237],{"class":236},"sTEyZ","---\n",[175,239,241],{"class":177,"line":240},6,[175,242,193],{"emptyLinePlaceholder":192},[175,244,246,249],{"class":177,"line":245},7,[175,247,248],{"class":181},"### ",[175,250,251],{"class":185},"Ce qui est en ligne\n",[175,253,255],{"class":177,"line":254},8,[175,256,193],{"emptyLinePlaceholder":192},[175,258,260,263],{"class":177,"line":259},9,[175,261,262],{"class":181},"-",[175,264,265],{"class":236}," La page d'accueil\n",[175,267,269,271],{"class":177,"line":268},10,[175,270,262],{"class":181},[175,272,273],{"class":236}," Le formulaire de contact\n",[175,275,277,279],{"class":177,"line":276},11,[175,278,262],{"class":181},[175,280,281],{"class":236}," Le suivi de la demande\n",[175,283,285],{"class":177,"line":284},12,[175,286,193],{"emptyLinePlaceholder":192},[175,288,290,293],{"class":177,"line":289},13,[175,291,292],{"class":181},"::",[175,294,295],{"class":202},"Notes\n",[175,297,299],{"class":177,"line":298},14,[175,300,301],{"class":236},"Donner le nombre de demandes reçues depuis la mise en ligne.\n",[175,303,305],{"class":177,"line":304},15,[175,306,307],{"class":181},"::\n",[175,309,311],{"class":177,"line":310},16,[175,312,193],{"emptyLinePlaceholder":192},[175,314,316],{"class":177,"line":315},17,[175,317,237],{"class":236},[175,319,321],{"class":177,"line":320},18,[175,322,193],{"emptyLinePlaceholder":192},[175,324,326,328],{"class":177,"line":325},19,[175,327,248],{"class":181},[175,329,330],{"class":185},"La suite\n",[175,332,334],{"class":177,"line":333},20,[175,335,193],{"emptyLinePlaceholder":192},[175,337,339,342],{"class":177,"line":338},21,[175,340,341],{"class":181},":::",[175,343,344],{"class":202},"Columns\n",[175,346,348,350],{"class":177,"line":347},22,[175,349,292],{"class":181},[175,351,352],{"class":202},"Column\n",[175,354,356,358],{"class":177,"line":355},23,[175,357,248],{"class":181},[175,359,360],{"class":185},"Ce mois-ci\n",[175,362,364],{"class":177,"line":363},24,[175,365,366],{"class":236},"Les tests avec cinq usagers.\n",[175,368,370],{"class":177,"line":369},25,[175,371,307],{"class":181},[175,373,375],{"class":177,"line":374},26,[175,376,193],{"emptyLinePlaceholder":192},[175,378,380,382],{"class":177,"line":379},27,[175,381,292],{"class":181},[175,383,352],{"class":202},[175,385,387,389],{"class":177,"line":386},28,[175,388,248],{"class":181},[175,390,391],{"class":185},"Le mois prochain\n",[175,393,395],{"class":177,"line":394},29,[175,396,397],{"class":236},"L'affichage sur téléphone.\n",[175,399,401],{"class":177,"line":400},30,[175,402,307],{"class":181},[175,404,406],{"class":177,"line":405},31,[175,407,408],{"class":181},":::\n",[125,410,411],{},"Au-dessus du texte, le rendu est celui que vous devez obtenir dans l'aperçu. Cliquez dedans, puis passez d'une diapositive à l'autre avec les flèches du clavier.",[125,413,414],{},"Chaque ligne du texte a un rôle :",[416,417,418,425,435,441,448],"ul",{},[419,420,421,422,424],"li",{},"une ligne ",[140,423,160],{}," sépare deux diapositives ;",[419,426,427,430,431,434],{},[140,428,429],{},"#"," donne le titre de la présentation, et ",[140,432,433],{},":subtitle{text=\"…\"}"," la ligne affichée dessous ;",[419,436,437,440],{},[140,438,439],{},"###"," donne le titre d'une diapositive de contenu ;",[419,442,443,444,447],{},"le composant ",[140,445,446],{},"::Notes"," contient vos notes, que vous lisez pendant la présentation et que le public ne voit pas ;",[419,449,443,450,453,454,457],{},[140,451,452],{},":::Columns"," place ses deux composants ",[140,455,456],{},"::Column"," côte à côte.",[125,459,460],{},"Votre texte est enregistré à chaque frappe, dans le brouillon de la présentation. Un collègue qui ouvre la même présentation voit vos modifications pendant que vous tapez.",[132,462,464],{"id":463},"publier-et-partager","Publier et partager",[125,466,467],{},"Cliquez sur « Publier », en haut à droite. Les visiteurs voient la version publiée ; vos modifications suivantes restent dans le brouillon jusqu'à la publication d'après.",[125,469,470,471,150],{},"Une nouvelle présentation est privée. Pour l'ouvrir à toute personne qui a son lien, cliquez sur « Réglages et partage », puis sur l'onglet « Accès et partage », choisissez la visibilité « Publique », puis enregistrez. Envoyez ensuite à votre collègue l'adresse du studio suivie de ",[140,472,149],{},[132,474,476],{"id":475},"présenter","Présenter",[125,478,479],{},"Cliquez sur « Présenter », au-dessus de l'aperçu : la présentation s'ouvre dans un nouvel onglet. Appuyez sur la touche S pour ouvrir la vue conférencier, avec vos notes, la diapositive suivante et un chronomètre. Gardez cette fenêtre sur votre écran, et placez la présentation sur l'écran que voit le public.",[132,481,483],{"id":482},"pour-continuer","Pour continuer",[416,485,486,492,500,505],{},[419,487,488,491],{},[489,490,15],"a",{"href":16}," montre les signes du Markdown un par un, pour une personne qui découvre ce format.",[419,493,494,496,497,499],{},[489,495,26],{"href":27}," décrit ce que Vignettes ajoute au Markdown, et ",[489,498,30],{"href":31}," les composants de mise en page.",[419,501,502,504],{},[489,503,42],{"href":43}," décrit la vue conférencier, l'export PDF et le téléchargement du texte.",[419,506,507,509],{},[489,508,56],{"href":57}," décrit les autres visibilités et le partage avec un compte précis.",[511,512,513],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":171,"searchDepth":189,"depth":189,"links":515},[516,517,518,519,520],{"id":134,"depth":189,"text":135},{"id":153,"depth":189,"text":154},{"id":463,"depth":189,"text":464},{"id":475,"depth":189,"text":476},{"id":482,"depth":189,"text":483},"Écrire une présentation de trois diapositives dans le studio de votre équipe, la publier, envoyer son lien et la présenter avec vos notes.","md",{},{"title":11},{"title":120,"description":521},"vaOqBCJI5ecLX7SFHsEcKNXcSICeIpBRhJ4pEIEYWR8",[528,529],null,{"title":15,"path":16,"stem":17,"description":530,"children":-1},"Écrire un titre, un paragraphe, une liste, du gras, un lien et une image en Markdown, le format du texte d'une présentation.",1793470083978]