83 lines
2.6 KiB
HTML
83 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Who Am I? An audio visualization</title>
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:url" content="https://viz.silentsilas.com/" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Who Am I?"">
|
|
<meta
|
|
property="og:description"
|
|
content="An audio visualization of a poetry reading."
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content="https://viz.silentsilas.com/static/og.png"
|
|
/>
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:domain" content="viz.silentsilas.com" />
|
|
<meta property="twitter:url" content="https://viz.silentsilas.com/" />
|
|
<meta name="twitter:title" content="Who Am I?"">
|
|
<meta
|
|
name="twitter:description"
|
|
content="An audio visualization of a poetry reading."
|
|
/>
|
|
<meta name="twitter:image" content="https://viz.silentsilas.com/static/" />
|
|
|
|
<link rel="stylesheet" href="/static/styles.css" />
|
|
</head>
|
|
<body style="margin: 0; background: black">
|
|
<div id="container">
|
|
<div id="loader"></div>
|
|
<div id="startButton" style="display: none">BEGIN</div>
|
|
|
|
<div
|
|
id="debug"
|
|
style="
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
color: #efefef;
|
|
display: none;
|
|
"
|
|
></div>
|
|
<div id="subtitles"></div>
|
|
</div>
|
|
<div id="credits" style="display: none">
|
|
<div style="padding: 20px; background-color: rgba(0, 0, 0, 0.5)">
|
|
CREDITS:
|
|
<p>
|
|
Song: Space Chillout by
|
|
<a
|
|
href="/users/penguinmusic-24940186/?tab=audio&utm_source=link-attribution&utm_medium=referral&utm_campaign=audio&utm_content=14194"
|
|
>penguinmusic</a
|
|
>
|
|
from
|
|
<a
|
|
href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=14194"
|
|
>Pixabay</a
|
|
>.
|
|
</p>
|
|
<p>
|
|
3D Hand Model: "Low Poly Human Hands (All Quads)" by
|
|
<a href="https://skfb.ly/WuXz">Jeremy E. Grayson</a>.
|
|
</p>
|
|
<p>Poem & coding by yours truly.</p>
|
|
<p>
|
|
View the
|
|
<a href="https://git.silentsilas.com/silentsilas/audio-visualizer"
|
|
>source code</a
|
|
>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<script src="dist/index.js"></script>
|
|
</body>
|
|
</html>
|