88 lines
5.5 KiB
HTML
88 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
<head>
|
|
<title>gomepage</title>
|
|
<meta charset='utf-8'/>
|
|
<meta name='theme-color' content='#efe5d7'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
|
|
<link rel='icon' type='image/x-icon' href='./favicon.ico'>
|
|
<link rel='stylesheet' type='text/css' href='css/fonts.css'/>
|
|
<link rel='stylesheet' type='text/css' href='css/gomepage.css'/>
|
|
<script defer src='js/statuscafe.js'></script>
|
|
<script defer src='js/listening.js'></script>
|
|
<script defer src='js/wotd.js'></script>
|
|
<script defer src='js/background.js'></script>
|
|
<script defer src='js/gomesong.js'></script>
|
|
</head>
|
|
<body>
|
|
<header id='header' class='show-nav'>
|
|
<div class='title-box'>
|
|
<span class='title'>gomepage</span>
|
|
</div>
|
|
<nav>
|
|
<a href='journal'><span class='link-title'>Journal</span> <span class='link-description'>a collection of articles, essays, and posts authored by me.</span></a>
|
|
<a href='library' class='new'><span class='link-title'>Library</span> <span class='link-description'>indexes, links, pages & projects.</span></a>
|
|
<a href='socials'><span class='link-title'>Socials</span> <span class='link-description'>other accounts of mine around the web.</span></a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<article>
|
|
<p id='tagline'>Humble home of user gome</p>
|
|
<div class='music-box'>
|
|
<audio src='audio/forest_river.mp3' loop></audio>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>
|
|
Play a song
|
|
</div>
|
|
<div class='music-box'>
|
|
<audio src='audio/orchard_glen.mp3' loop></audio>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>
|
|
Play another song
|
|
</div>
|
|
<!-- <div class='music-box'>
|
|
<audio src='https://dl.vgmdownloads.com/soundtracks/freddi-fish-and-luther-s-maze-madness/fmhlqnpujk/13%20Custom%20Level%20Designer.mp3' loop></audio>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>
|
|
<code>freddi-fish.mp3</code>
|
|
</div> -->
|
|
</article>
|
|
<article id='wotd'>
|
|
<h2 class='title'></h2>
|
|
<time class='date'></time>
|
|
<div class='definiendum'></div>
|
|
<div class='pronunciation'></div>
|
|
</article>
|
|
<article id='status'>
|
|
<h2 id='statuscafe-title'></h2>
|
|
<div id='statuscafe'>
|
|
<div id='statuscafe-username'></div>
|
|
<div id='statuscafe-content'></div>
|
|
</div>
|
|
</article>
|
|
<article>
|
|
<h2>New on gomepage</h2>
|
|
<a class='library-link' href='library/daily-jingle'>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-0"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
|
|
<h3>Daily Jingle</h3>
|
|
<p>Simple creative outlet</p>
|
|
</a>
|
|
Latest Jingle: <div class='music-box'>
|
|
<audio src='https://gome.page/library/daily-jingle/24-04-21.bugsport.ogg' loop></audio>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>
|
|
Bugsport
|
|
</div>
|
|
</article>
|
|
<article id='listening'>
|
|
<h2 id='listening-title'></h2>
|
|
</article>
|
|
</main>
|
|
<footer>
|
|
<img src='./img/desktop_gomes.webp' loading='lazy' class='gome-img' alt='Kabouters at work' />
|
|
<img src='./img/tablet_gomes.webp' loading='lazy' class='gome-img' alt='Kabouters at work' />
|
|
<img src='./img/mobile_gome.webp' loading='lazy' class='gome-img' alt='Lone kabouter' />
|
|
</footer>
|
|
</body>
|
|
</html>
|