-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 13.1 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 13.1 KB
1
<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><title>Scriptura, un framework pour applications web</title><meta name="description" content="Un framework front-end permettant de créer des applications web."><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="theme-color" content="#333"><link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials"><link rel="shortcut icon" href="/favicons/favicon.ico"><link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg"><link rel="icon" type="image/png" href="/favicons/favicon.png"><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"><link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5"><link rel="stylesheet" href="/styles/main.css" media="screen"><link rel="stylesheet" href="/styles/print.css" media="print"><link rel="preload" href="/fonts/notoSans-Regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/notoSerif-Regular.woff2" as="font" type="font/woff2" crossorigin></head><body class="type-index"><a class="sr-only" href="#main">Aller au contenu</a><nav class="nav" role="navigation"><div class="logo-nav"><span class="sr-only">Scriptura</span></div><button class="cmd-nav" id="cmd-nav" type="button" aria-label="Main Menu" aria-controls="sub-nav"><svg viewBox="0 0 100 100"><rect x="5" y="20" width="90" height="6"></rect><rect x="5" y="47" width="90" height="6"></rect><rect x="5" y="74" width="90" height="6"></rect></svg></button><ul class="sub-nav" id="sub-nav" aria-labelledby="cmd-nav"><li><a href="/page/components.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#trowel-bricks"></use></svg>Components</a></li><li><a href="/page/templates.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#gopuram"></use></svg>Templates</a></li><li><a href="/page/grids.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#border-none"></use></svg>Grid systems</a></li><li><a href="/page/article.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#ampersand"></use></svg>Sample article</a></li><li><a href="/page/forum.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#bubbles"></use></svg>Sample forum</a></li><li><a href="/page/imageGallery.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#picture"></use></svg>Sample gallery</a></li><li><a href="/page/dashboard.html"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#cogwheel3"></use></svg>Sample dashboard</a></li><li><a href="//github.com/Scriptura/scriptura.github.io"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#github"></use></svg>Repository</a></li></ul><ol class="breadcrumb" aria-label="Breadcrumb"><li><div>Sriptura <span>. Home page</span></div></li></ol></nav><main id="main" role="main"><article><header role="banner"><h1 class="main-heading">Scriptura <span>. Boîte à outils pour applications web</span></h1></header><div class="grid2 s-grid1 gap"><div class="tabs"><details><summary><svg class="icon-inline xs-hidden" role="img" focusable="false"><use href="/sprites/util.svg#quill"></use></svg>Présentation</summary><div><h2 class="h4">Un mot sur l'outil</h2><p>Scriptura est un framework front-end pour le web. Plus qu’un simple outil, il constitue avant tout un terrain d’expérimentation à grande échelle pour son concepteur. Les choix techniques qui le sous-tendent assument pleinement une compatibilité limitée aux navigateurs récents, afin d’exploiter sans compromis les capacités modernes de la plateforme web.</p><p>Le framework repose sur un principe central : préserver l’intégrité structurelle du HTML. Aucun balisage superflu n’est introduit pour servir des effets ou des comportements. Le contenu prime, et la mise en forme s’appuie sur des éléments natifs, organisés selon le flux logique du document.</p><p>L’approche consiste à partir d’un HTML correctement structuré, puis à activer des comportements via des classes ou des conteneurs ciblés. Une même structure peut ainsi être projetée en différents composants — onglets, accordéons, ou autres — sans altérer sa sémantique initiale.</p><p>Ce site n’a pas vocation à être une documentation exhaustive. Il présente les patterns du framework à travers leur exécution réelle, dans un contexte concret. Il constitue avant tout un espace d’usage, pensé pour son auteur.</p></div></details><details><summary><svg class="icon-inline xs-hidden" role="img" focusable="false"><use href="/sprites/util.svg#code"></use></svg>Version</summary><div><h2 class="h4">Version du framework</h2><p>Il n'y a jamais vraiment de version majeure, le soucis de rétrocompatibilité n'est pas porté : le site évolue constament, dans toutes les directions. L'ensemble du framework est un immense prototype.</p><ul><li>Version : 0.0.1 (<a href="//github.com/Scriptura/scriptura.github.io">Github</a>)</li></ul></div></details><details><summary><svg class="icon-inline xs-hidden" role="img" focusable="false"><use href="/sprites/util.svg#info"></use></svg>Client test</summary><div><h2 class="h4">Configuration cliente</h2><ul class="client-test"><li>test..</li></ul></div></details></div><figure class="center xs-order s-order"><svg class="size xs-scale decorative-svg sprite-to-inline svg-animation invisible-if-animation" role="img" focusable="false" style="--size:35em;--xs-scale:90%"><use href="/sprites/silos/195v.svg#a"></use></svg></figure></div><h2>Components</h2><ul class="grid4 gap-bottom list-straight"><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#ampersand"></use></svg><a href="/page/typography.html">Typography</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#language"></use></svg><a href="/page/languages.html">Languages</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#space-invader"></use></svg><a href="/page/icons.html">Icons</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#list-ul"></use></svg><a href="/page/lists.html">Lists</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#indent"></use></svg><a href="/page/detailsSummary.html">Details/Summary</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#folder-closed"></use></svg><a href="/page/tabs.html">Tabs</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#square-caret-down"></use></svg><a href="/page/accordions.html">Accordions</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#message"></use></svg><a href="/page/messageBoxes.html">Message Boxes</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#code"></use></svg><a href="/page/codeBlocks.html">Code Blocks</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#table"></use></svg><a href="/page/tables.html">Tables</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#picture"></use></svg><a href="/page/images.html">Images</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#video-play"></use></svg><a href="/page/mediaPlayers.html">Media players</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#table-list"></use></svg><a href="/page/forms.html">Forms</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#sliders"></use></svg><a href="/page/ranges.html">Ranges</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#check"></use></svg><a href="/page/checkboxes.html">Checkboxes, radios & switches</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#power-off"></use></svg><a href="/page/buttons.html">Buttons</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#bars-progress"></use></svg><a href="/page/progress.html">Progress</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#spinner"></use></svg><a href="/page/loaders.html">Loaders</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#pie"></use></svg><a href="/page/charts.html">Charts</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#address-card"></use></svg><a href="/page/cards.html">Cards</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#ribbon"></use></svg><a href="/page/ribbons.html">Ribbons</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#border-none"></use></svg><a href="/page/grids.html">Grids</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#grip"></use></svg><a href="/page/columns.html">Columns</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#search"></use></svg><a href="/page/scales.html">Scales</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#map-location-dot"></use></svg><a href="/page/maps.html">Maps</a></li></ul><h2>Templates</h2><ul class="grid4 list-straight"><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#login"></use></svg><a href="/page/login.html">Login</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#quill"></use></svg><a href="/page/register.html">Register</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#picture"></use></svg><a href="/page/imageGallery.html">Image gallery</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#compact-disc"></use></svg><a href="/page/audioShare.html">Audio share</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#ampersand"></use></svg><a href="/page/articles.html">Articles</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#ampersand"></use></svg><a href="/page/articles2.html">Articles 2</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#ampersand"></use></svg><a href="/page/article.html">Article</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#bubbles"></use></svg><a href="/page/forum.html">Forum</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#bubbles"></use></svg><a href="/page/topic.html">Topic</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#location"></use></svg><a href="/page/place.html">Place</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#address-card"></use></svg><a href="/page/person.html">Person</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#cogwheel3"></use></svg><a href="/page/dashboard.html">Dashboard</a></li><li><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#warning"></use></svg><a href="/page/404.html">Error 404</a></li></ul></article></main><footer class="footer" role="contentinfo"><div class="wrap"><div><div class="logo"><svg><use href="/sprites/silos/195v.svg#a"></use></svg></div><p>Scriptura</p></div><p>Created by <a class="author" href="https://www.linkedin.com/in/olivier-chavarin/">Olivier Chavarin</a></p><p>Since 2015</p></div></footer><div class="alert"><template id="gdpr"><div class="wrap" id="gdpr-see"><div class="mm" role="alert"><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#cookie-bite"></use></svg><div><p>Ce site utilise des cookies et vous donne le contrôle sur ceux que vous souhaitez activer.</p></div></div><div class="flex gap"><button class="button" id="gdpr-true-consent" style="background-color:tomato"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#checkmark"></use></svg>Tout accepter</button><button class="button" id="gdpr-false-consent" style="background-color:tomato"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#mark"></use></svg>Tout refuser</button><button class="button" style="background-color:tomato"><svg class="icon-inline" role="img" focusable="false"><use href="/sprites/util.svg#quill"></use></svg>Personnaliser</button></div></div></template><noscript><div class="wrap"><div class="mm" role="alert"><svg class="icon" role="img" focusable="false"><use href="/sprites/util.svg#warning"></use></svg><p>Javascript est désactivé dans votre navigateur. Afin de bénéficier de toutes les fonctionnalités du site, réactivez cette option dans vos paramètres.</p></div></div></noscript></div><script>if (window.location.host !== 'scriptura.github.io.localhost' && window.location.protocol === "http:") window.location.protocol = 'https'</script><script src="/scripts/main.js" async></script></body></html>