ayo/status-indicator
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add header & footer on demo page; link to repos

Browse source
This commit is contained in:
ayo 2026-05-08 17:52:47 +02:00
parent c410f0775b
commit b673ca841e
1 changed files with 45 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
index.html
View file

@ -5,26 +5,52 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Component Demo</title>
<script type="module" src="./src/status-indicator.ts"></script>
<style>
main {
padding: 1em;
}
footer {
}
</style>
</head>
<body>
<status-indicator status="positive">
All systems operational
</status-indicator>
<br />
<status-indicator status="negative">
Something's wrong
</status-indicator>
<br />
<status-indicator status="active">
It's just fine; carry on
</status-indicator>
<br />
<status-indicator>
Nothing matters
</status-indicator>
<br />
<status-indicator status="intermediary">
Slow down...
</status-indicator>
<header>
<h1>&lt;status-indicator&gt;</h1>
<p>
<a href="https://git.ayo.run/ayo/status-indicator">Ayo's Forge</a> &middot;
<a href="https://github.com/ayo-run/status-indicator">GitHub</a> &middot;
<a href="https://git.sr.ht/~ayoayco/status-indicator">SourceHut</a>
</p>
</header>
<main>
<status-indicator status="positive">
All systems operational
</status-indicator>
<br />
<status-indicator status="negative">
Something's wrong
</status-indicator>
<br />
<status-indicator status="active">
It's just fine; carry on
</status-indicator>
<br />
<status-indicator>
Nothing matters
</status-indicator>
<br />
<status-indicator status="intermediary">
Slow down...
</status-indicator>
</main>
<footer>
<hr />
<p>
Just keep building.
<br>
A web component by <a href="">Ayo</a>.
</p>
</footer>
</body>
</html>