95 lines
5.5 KiB
HTML
95 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-uk">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title data-site="DS2 core">DS2 core</title>
|
|
<link rel="icon" href="https://assets.gamv.ca/favicon.svg" media="(prefers-color-scheme:no-preference),(prefers-color-scheme:light)">
|
|
<link rel="icon" href="https://assets.gamv.ca/favicon-dark.svg" media="(prefers-color-scheme:dark)">
|
|
<link href="assets/scaffolding.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!--
|
|
DS2 core (c) 2024 Alexander McIlwraith
|
|
Core licensed under CC BY-SA 4.0
|
|
|
|
|
|
--><a class="skip" href="#main">Skip to main content</a>
|
|
<div class="container">
|
|
<header>
|
|
<!-- The headline banner area -->
|
|
<svg height="5.5rem" width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<text>DS2 core</text>
|
|
</svg>
|
|
<div>
|
|
<div class="header-title">
|
|
<h1> <a href="./">DS2 core</a></h1>
|
|
</div>
|
|
<!-- Other sections can go here, such as search and directory-->
|
|
</div>
|
|
</header>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="./?p=this-pattern-doesnt-exist">This pattern doesn't exist</a></li>
|
|
<li><a href="./?p=colours">Colours</a></li>
|
|
<li><a href="./?p=components">Components</a></li>
|
|
<li><a href="./?p=layouts">Layouts</a></li>
|
|
<li><a href="./?p=status">Status</a></li>
|
|
</ul>
|
|
</nav>
|
|
<p class="info-switches"><span></span><span id="deprecated" role="switch"></span>
|
|
<label for="deprecated">Show deprecated patterns</label><span></span><span id="breakpoints" role="switch"></span>
|
|
<label for="breakpoints">Show breakpoint information</label>
|
|
</p>
|
|
<main id="main">
|
|
<h1>DS2 core</h1>
|
|
<article id="this-pattern-doesnt-exist" data-name="this pattern doesn't exist" data-status="deprecated" data-template="pug" data-core="false" data-path="this-pattern-doesnt-exist">
|
|
<h1 class="status-deprecated"><span>This pattern doesn't exist
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Deprecated</tool-tip></span></h1>
|
|
</article>
|
|
<article id="colours" data-name="colours" data-status="complete" data-template="pug" data-core="true" data-path="colours">
|
|
<h1 class="status-complete"><span>Colours
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="components" data-name="components" data-status="complete" data-template="none" data-core="false" data-path="components">
|
|
<h1 class="status-complete"><span>Components
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="components-sticky-note" data-name="sticky-note" data-status="complete" data-template="pug" data-core="true" data-path="components/sticky-note">
|
|
<h1 class="status-complete"><span>Sticky note
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="components-switch" data-name="switch" data-status="complete" data-template="pug" data-core="true" data-path="components/switch">
|
|
<h1 class="status-complete"><span>Switch
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="components-tooltip" data-name="tooltip" data-status="complete" data-template="pug" data-core="true" data-path="components/tooltip">
|
|
<h1 class="status-complete"><span>Tooltip
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="layouts" data-name="layouts" data-status="complete" data-template="none" data-core="true" data-path="layouts">
|
|
<h1 class="status-complete"><span>Layouts
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
<article id="layouts-header" data-name="header" data-status="in-progress" data-template="pug" data-core="true" data-path="layouts/header">
|
|
<h1 class="status-in-progress"><span>Header
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">In progress</tool-tip></span></h1>
|
|
</article>
|
|
<article id="layouts-breakpoints" data-name="breakpoints" data-status="in-progress" data-template="pug" data-core="true" data-path="layouts/breakpoints">
|
|
<h1 class="status-in-progress"><span>Breakpoints
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">In progress</tool-tip></span></h1>
|
|
</article>
|
|
<article id="layouts-tabs" data-name="tabs" data-status="in-progress" data-template="pug" data-core="true" data-path="layouts/tabs">
|
|
<h1 class="status-in-progress"><span>Tabs
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">In progress</tool-tip></span></h1>
|
|
</article>
|
|
<article id="status" data-name="status" data-status="complete" data-template="pug" data-core="true" data-path="status">
|
|
<h1 class="status-complete"><span>Status
|
|
<tool-tip role="tooltip" inert="inert" tip-position="right">Complete</tool-tip></span></h1>
|
|
</article>
|
|
</main>
|
|
</div>
|
|
<script src="assets/scaffolding-min.js"></script>
|
|
</body>
|
|
</html> |