gome/gomesite
gome
/
gomesite
1
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

daily jingle initial

This commit is contained in:
gome 2024-04-22 11:15:33 -05:00
parent 1fbe38f70b
commit 93be45dbd8
3 changed files with 130 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/style.css
View File

@ -500,6 +500,10 @@ img.inline {
margin-right: 4px;
height: 20px;
}
details summary {
user-select: none;
cursor: pointer;
}
@media only screen and (max-width: 700px) {
a.journal-link {
border-right: none;

116
library/daily-jingle/index.html Normal file
View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — daily jingle</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/style.css'/>
<style>
h3 {
margin-bottom: 0.25em;
}
time {
margin: 0 0 20px 0;
}
audio {
margin: 0 0 20px 0;
}
details ul {
margin: 0;
}
ul li {
display: inline-flex;
align-items: center;
gap: 0.25em;
}
ul li::before {
content: '–';
}
ul li audio {
margin: 0;
}
noscript {
display: flex;
}
details {
margin: 0 0 20px 0;
}
details summary {
margin-bottom: 5px;
}
section {
display: flex;
flex-direction: column;
}
section::after {
margin-top: 0;
}
</style>
<script>
</script>
</head>
<body>
<header id='header'>
<nav>
<a href='../..'>back to gomepage</a>&mdash;<a href='..'>library</a>
</nav>
</header>
<main>
<h1>Daily Jingle</h1>
<p>[Nice image here]</p>
<p>Making some silly music every day</p>
<p>[Calendar here]</p>
<p>[Play all]</p>
<p>[Open all variants]</p>
<section>
<h3>Activity</h3>
<time datetime='2024-04-22'>22 Apr. 2024</time>
<noscript>
<audio controls src='24-04-22.wav'></audio>
</noscript>
<p>
Description text here. I think this is one of my songs.
</p>
<details>
<summary>Variants</summary>
<ul>
<li>
Descrip
<noscript>
<audio controls src='24-04-22.wav'></audio>
</noscript>
</li>
</ul>
</details>
</section>
<section>
<h3>Shupfhle</h3>
<time datetime='2024-04-23'>23 Apr. 2024</time>
<noscript>
<audio controls src='24-04-23.wav'></audio>
</noscript>
<p>
Description text here. I think this is one of my songs.
</p>
<details>
<summary>Variants</summary>
<ul>
<li>
Descrip
<noscript>
<audio controls src='24-04-22.wav'></audio>
</noscript>
</li>
</ul>
</details>
</section>
</main>
<footer>
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>
</html>

15
library/index.html
View File

@ -18,28 +18,33 @@
<main>
<h1>Library</h1>
<div class='library-links'>
<a class='library-link' href='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>
<a class='library-link' href='journal-index.html'>
<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="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
<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-1"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
<h3>Journal Index</h3>
<p>A helpful guide to my posts</p>
</a>
<a class='library-link' href='songbook'>
<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-1"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
<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-2"><path d="M3 18v-6a9 9 0 0 1 18 0v6"></path><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path></svg>
<h3>Songbook</h3>
<p>Investigating my favorite music</p>
</a>
<a class='library-link' href='links'>
<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-2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<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-3"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<h3>Links</h3>
<p>For those seeking something to click</p>
</a>
<a class='library-link' href='webjam'>
<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-3"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<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-4"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<h3>Ctrl-C Webpage Jam</h3>
<p>Event open to Ctrl-C members</p>
</a>
<a class='library-link' href='chat-gpt'>
<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-4"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
<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-5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
<h3>Chat&nbsp;GPT (Gome&nbsp;Poem&nbsp;Tome)</h3>
<p>It’s not intelligent, but the poems are good</p>
</a>