{"format":1,"api":2,"id":"fr.arcanescookie.scriptorium.lang.html","version":"1.0.0","category":"languages","author":"Les Arcanes de Cookie","color":"#e44d26","name":{"fr":"HTML","en":"HTML"},"description":{"fr":"Abréviations Emmet (ul>li*3, div.carte>h2{Titre}…, « ! » pour une page complète), extraits de code HTML et modèle de page web (HTML + CSS + JS).","en":"Emmet abbreviations (ul>li*3, div.card>h2{Title}…, “!” for a full page), HTML snippets and a web page template (HTML + CSS + JS)."},"contributes":{"emmet":["html","php"],"snippets":[{"language":"html","items":[{"prefix":"html5","label":"Page HTML5 complète","body":"<!DOCTYPE html>\n<html lang=\"${1:fr}\">\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t<title>${2:Titre}</title>\n\t<link rel=\"stylesheet\" href=\"${3:style.css}\">\n</head>\n<body>\n\t$0\n\t<script src=\"${4:script.js}\"></script>\n</body>\n</html>"},{"prefix":"link:css","label":"Lien vers une feuille de style","body":"<link rel=\"stylesheet\" href=\"${1:style.css}\">"},{"prefix":"script:src","label":"Script externe","body":"<script src=\"${1:script.js}\"></script>"},{"prefix":"meta:vp","label":"Balise viewport","body":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"},{"prefix":"og","label":"Balises Open Graph","body":"<meta property=\"og:title\" content=\"${1:Titre}\">\n<meta property=\"og:description\" content=\"${2:Description}\">\n<meta property=\"og:image\" content=\"${3:https://…/image.jpg}\">\n<meta property=\"og:url\" content=\"${4:https://…}\">"},{"prefix":"favicon","label":"Icône du site","body":"<link rel=\"icon\" href=\"${1:favicon.png}\">"},{"prefix":"form:post","label":"Formulaire POST","body":"<form method=\"post\" action=\"${1:}\">\n\t<label for=\"${2:nom}\">${3:Nom}</label>\n\t<input type=\"${4:text}\" id=\"${2:nom}\" name=\"${2:nom}\" required>\n\t<button type=\"submit\">${5:Envoyer}</button>\n</form>"},{"prefix":"select:opt","label":"Liste déroulante","body":"<select name=\"${1:choix}\" id=\"${1:choix}\">\n\t<option value=\"${2:1}\">${3:Premier}</option>\n\t<option value=\"${4:2}\">${5:Second}</option>\n</select>"},{"prefix":"table:std","label":"Tableau avec en-tête","body":"<table>\n\t<thead>\n\t\t<tr><th>${1:Colonne 1}</th><th>${2:Colonne 2}</th></tr>\n\t</thead>\n\t<tbody>\n\t\t<tr><td>$3</td><td>$4</td></tr>\n\t</tbody>\n</table>"},{"prefix":"nav:menu","label":"Menu de navigation","body":"<nav>\n\t<ul>\n\t\t<li><a href=\"${1:#}\">${2:Accueil}</a></li>\n\t\t<li><a href=\"${3:#}\">${4:Contact}</a></li>\n\t</ul>\n</nav>"},{"prefix":"card","label":"Carte (article)","body":"<article class=\"card\">\n\t<h2>${1:Titre}</h2>\n\t<p>${2:Texte}</p>\n\t<a href=\"${3:#}\">${4:Lire la suite}</a>\n</article>"},{"prefix":"img:lazy","label":"Image à chargement différé","body":"<img src=\"${1:image.jpg}\" alt=\"${2:description}\" loading=\"lazy\" width=\"${3:800}\" height=\"${4:600}\">"},{"prefix":"details","label":"Bloc repliable","body":"<details>\n\t<summary>${1:Titre}</summary>\n\t${2:Contenu}\n</details>"},{"prefix":"btn","label":"Bouton","body":"<button type=\"${1:button}\" class=\"${2:btn}\">${3:Texte}</button>"},{"prefix":"comment","label":"Commentaire de section","body":"<!-- ${1:Section} -->"}]}],"templates":[{"id":"web-page","label":{"fr":"Page web (HTML + CSS + JS)","en":"Web page (HTML + CSS + JS)"},"description":{"fr":"Dossier avec index.html, css/style.css et js/script.js","en":"Folder with index.html, css/style.css and js/script.js"},"files":[{"path":"{{name}}/index.html","content":"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t<title>{{name}}</title>\n\t<link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n<body>\n\t<header>\n\t\t<h1>{{name}}</h1>\n\t</header>\n\t<main>\n\t\t<p>Bonjour !</p>\n\t</main>\n\t<script src=\"js/script.js\"></script>\n</body>\n</html>\n"},{"path":"{{name}}/css/style.css","content":"* { box-sizing: border-box; }\nbody {\n\tmargin: 0;\n\tfont-family: system-ui, sans-serif;\n\tline-height: 1.6;\n}\nheader, main { max-width: 60rem; margin: 0 auto; padding: 1rem; }\n"},{"path":"{{name}}/js/script.js","content":"'use strict';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\tconsole.log('{{name}} prêt');\n});\n"}]}]}}