songbook: bluebeard

This commit is contained in:
gome 2023-11-10 17:57:48 -06:00
parent dff4b62aa3
commit 278f57bffa
4 changed files with 75 additions and 1 deletions

27
contact.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — contact</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='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' rel='stylesheet'>
<link rel='stylesheet' type='text/css' href='./css/style.css'/>
</head>
<body>
<header id='header'>
<nav>
<a href='.'>back to gomepage</a>
</nav>
</header>
<main>
<p>
You can contact me at my Ctrl-C email: <code>gome<span style='user-select: none;'>&nbsp;&#8203;</span>@<span style='user-select: none;'>&nbsp;&#8203;</span>ctrl-c.club</code>.
</p>
</main>
</body>
</html>

View File

@ -38,7 +38,6 @@
<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-3"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
<h3>Songbook</h3>
<span class='new'>New</span>
<p>Investigating my favorite music</p>
</a>
<a class='library-link coming-soon' href='inner-glossary'>
@ -69,6 +68,7 @@
</div>
</main>
<footer>
<p style='text-align: center; margin-top: 1em; margin-left: 1em;'><span style='font-style: italic;'>The lyf so short, the craft so longe to lerne.</span>” —Geoffrey Chaucer</p>
<img src='../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>

View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — Bluebeard — Cocteau Twins</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='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' rel='stylesheet'>
<link rel='stylesheet' type='text/css' href='../../css/style.css'/>
<style>
#album-art {
margin: 0 0 1em 0;
}
</style>
<script type='module' src='../../js/album-art.js'></script>
</head>
<body>
<header id='header'>
<nav>
<a href='../..'>back to gomepage</a>&mdash;<a href='..'>library</a>&mdash;<a href='.'>songbook</a>
</nav>
</header>
<main>
<h1>Bluebeard — Cocteau Twins</h1>
<img id='album-art' data-album='Four-Calendar Cafe' data-artist='Cocteau Twins' width='200' height='200' />
<p>Late winter/early spring<br/>
True <a href='../../journal/fantasma.html'>sunlight music</a><br/>
The world is still covered in snow, but its actually sunny out, and you know whats coming<br/>
Its nice to be moving around more again<br/>
This feel bears some relation to Tetris CD-i<br/>
I would play this almost every time I went somewhere for a couple months or so in 2022</p>
<p>Nice multiple vocal tracks, as <a href='../../journal/fraser.html'>Cocteau Twins does so well</a><br/>
Faye Wong does this song <a href='https://song.link/s/3tZXEYMKCeo0G7ANYufPRv'>in Cantonese</a></p>
</main>
<footer>
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>
</html>

View File

@ -42,6 +42,10 @@
<h1>Songbook</h1>
<p>Just my <i>rough</i> notes about various, mostly random songs I listen to</p>
<ul>
<li>
<img data-album='Four-Calendar Cafe' data-artist='Cocteau Twins' width='34' height='34' />
<a href='bluebeard.html'>Bluebeard — Cocteau Twins</a>
</li>
<li>
<img data-album='Currents' data-artist='Tame Impala' width='34' height='34' />
<a href='eventually.html'>Eventually — Tame Impala</a>