37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<script type="module" src="assets/js/main.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>Nathan's Web Components</h1>
|
|
<p>A bunch of web components for my own convenience.</p>
|
|
</header>
|
|
<h2>Audio Player</h2>
|
|
<p>A neat little audio component that nicely displays a cover image, native audio controls, a title, and a description.<br><br></p>
|
|
<p>Example usage:</p>
|
|
<pre>
|
|
<code>
|
|
<audio-player
|
|
cover="/assets/images/doge.jpg"
|
|
cover_alt="A snoozy doge!"
|
|
audio="assets/audio/KARATE KID - TOXIC (ILLFD022).wav">
|
|
<h3 slot="title">Toxic - Britney Spears (Karate Kid Bootleg)</h3>
|
|
<p slot="description">A massive DnB roller bootleg of a Britney Spears classic: <em>Toxic</em>.</p>
|
|
</audio-player>
|
|
</code>
|
|
</pre>
|
|
<audio-player
|
|
cover="/assets/images/doge.jpg"
|
|
cover_alt="A snoozy doge!"
|
|
audio="assets/audio/KARATE KID - TOXIC (ILLFD022).wav">
|
|
<h3 slot="title">Toxic - Britney Spears (Karate Kid Bootleg)</h3>
|
|
<p slot="description">A massive DnB roller bootleg of a Britney Spears classic: <em>Toxic</em>.</p>
|
|
</audio-player>
|
|
</main>
|
|
</body>
|
|
</html>
|