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

26
index.html
View file

@ -5,8 +5,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Component Demo</title> <title>Web Component Demo</title>
<script type="module" src="./src/status-indicator.ts"></script> <script type="module" src="./src/status-indicator.ts"></script>
<style>
main {
padding: 1em;
}
footer {
}
</style>
</head> </head>
<body> <body>
<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"> <status-indicator status="positive">
All systems operational All systems operational
</status-indicator> </status-indicator>
@ -26,5 +43,14 @@
<status-indicator status="intermediary"> <status-indicator status="intermediary">
Slow down... Slow down...
</status-indicator> </status-indicator>
</main>
<footer>
<hr />
<p>
Just keep building.
<br>
A web component by <a href="">Ayo</a>.
</p>
</footer>
</body> </body>
</html> </html>