53 lines
8.2 KiB
HTML
53 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="../favicon.png" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link href="../_app/immutable/assets/0.2dCqWpGr.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/start.5YLs103A.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/app.i08eSpn0.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
|
||
<link rel="modulepreload" href="../_app/immutable/nodes/0.4o9Fw0YJ.js">
|
||
<link rel="modulepreload" href="../_app/immutable/nodes/9.1h5lgOwh.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
|
||
</head>
|
||
<body data-sveltekit-preload-data="hover">
|
||
<div style="display: contents"> <div><div class="bg-neutral-800"><nav class="px-8 py-2 flex justify-between items-center"><div class="flex items-center justify-between w-full"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a> <div class="lg:hidden"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400" data-svelte-h="svelte-vbp173"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div> <div class="hidden lg:flex lg:items-center lg:space-x-10" data-svelte-h="svelte-1ydj4af"><a href="/evenements" class="titlebar-link">Évènements</a> <a href="/membres" class="titlebar-link">Membres</a> <a href="/outils" class="titlebar-link">Outils</a> <a href="/guides" class="titlebar-link">Guides</a> <a href="/articles" class="titlebar-link">Articles</a> <a href="/reseaux" class="titlebar-link">Réseaux</a> <a href="/ressources" class="titlebar-link">Ressources</a> <a href="/presse" class="titlebar-link">Presse</a> <a href="/contacts" class="titlebar-link">Contact</a></div></nav> <div class="lg:hidden hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3" data-svelte-h="svelte-1sqq9eu"><a href="/evenements" class="mobile-menu-link block">Évènements</a> <a href="/membres" class="mobile-menu-link block">Membres</a> <a href="/outils" class="mobile-menu-link block">Outils</a> <a href="/guides" class="mobile-menu-link block">Guides</a> <a href="/articles" class="mobile-menu-link block">Articles</a> <a href="/reseaux" class="mobile-menu-link block">Réseaux</a> <a href="/ressources" class="mobile-menu-link block">Ressources</a> <a href="/presse" class="mobile-menu-link block">Presse</a> <a href="/contacts" class="mobile-menu-link block">Contact</a></div></div></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"><article><h1>Comment proposer un guide ?</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-10-22</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><p data-svelte-h="svelte-1jy9acf">Les guides sont rédigés en <a href="https://en.wikipedia.org/wiki/Markdown" rel="nofollow">MarkDown</a>, un format de balisage léger qui facilite l’écriture et la publication. Une fois ajoutés au site, ces derniers sont automatiquement recensés et publiés. Chaque article reçoit un entête simple qui permet de l’identifier. Voici l’entête de l’article actuel :</p> <pre class="language-yaml"><!-- HTML_TAG_START --><code class="language-yaml"><span class="token punctuation">---</span>
|
||
<span class="token key atrule">title</span><span class="token punctuation">:</span> Comment proposer un guide <span class="token punctuation">?</span>
|
||
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token string">'2023-10-22'</span>
|
||
<span class="token key atrule">author</span><span class="token punctuation">:</span> <span class="token string">"Raphaël Maurice Forment"</span>
|
||
<span class="token punctuation">---</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-hsuogf">Il n’est pas nécessaire de répéter le titre au début de votre article. Chaque balise se comprend assez facilement :</p> <ul data-svelte-h="svelte-1objkrr"><li><strong>title</strong> : le titre complet de l’article</li> <li><strong>date</strong> : au format <code>AAAA-MM-JJ</code></li> <li><strong>author</strong> : nom complet ou votre pseudonyme</li></ul> <p data-svelte-h="svelte-uedqlf">Le site utilise ensuite ces données pour générer un entête. Les données peuvent ensuite être utilisées sous plusieurs formes pour faire référence au guide sur d’autres pages.</p> <h2 data-svelte-h="svelte-1g5ta6o">Contenu de l’article</h2> <p data-svelte-h="svelte-13oxmt0">Écrivez ce que vous voulez ! Notez que vous pouvez librement mélanger <strong>MarkDown</strong>, <strong>HTML/CSS</strong> et composants <strong>Svelte</strong> pour les plus confirmés. Vous ne devriez pas avoir de problème pour publier quoi que ce soit sous la forme que vous imaginez ! Si vous écrivez du <strong>MarkDown</strong> pur et simple, votre article recevra le style par défaut utilisé par le site.</p> <h2 data-svelte-h="svelte-qjxet8">Publication</h2> <p data-svelte-h="svelte-pldlgo">Une fois votre article prêt, il vous faudra faire une <a href="https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests" rel="nofollow">Pull Request</a> pour que ce dernier soit au <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">dépôt</a> du site et validé par un contributeur. Bonne chance ! Nous avons besoin de guides pour couvrir l’essentiel des plateformes existantes !</p></article> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-1mht20g"><a href="/guides">Revenir à l'index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0 lg:block hidden" data-svelte-h="svelte-si3uu3"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer>
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_1f3gh83 = {
|
||
base: new URL("..", location).pathname.slice(0, -1),
|
||
env: null
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
const data = [{"type":"data","data":null,"uses":{}},null];
|
||
|
||
Promise.all([
|
||
import("../_app/immutable/entry/start.5YLs103A.js"),
|
||
import("../_app/immutable/entry/app.i08eSpn0.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 9],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|