songbook: love magic
This commit is contained in:
parent
935d89ec17
commit
fed00707a0
|
|
@ -482,6 +482,14 @@ section::after {
|
|||
margin: 1.5em 0 1.5em 1.5em;
|
||||
border-bottom: 2px solid #323a42;
|
||||
}
|
||||
.inline-album {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin-bottom: -4px;
|
||||
margin-right: 4px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
a.journal-link {
|
||||
border-right: none;
|
||||
|
|
|
|||
|
|
@ -20,12 +20,13 @@
|
|||
fetch("verify.php")
|
||||
.then(r => {
|
||||
if (!r.ok) {
|
||||
throw new Error(`HTTP response ${response.status} ${response.statusText}`);
|
||||
throw new Error(`HTTP response ${r.status} ${r.statusText}`);
|
||||
}
|
||||
return response.text();
|
||||
return r.text();
|
||||
})
|
||||
.then(user => {
|
||||
document.getElementById('tagline').innerHTML = `Welcome to gomepage, <b>${user}</b>`
|
||||
console.info(user);
|
||||
document.getElementById('tagline').innerHTML = `Welcome to gomepage, <b>${user}</b>`;
|
||||
})
|
||||
.catch(e => {
|
||||
console.error(e);
|
||||
|
|
|
|||
|
|
@ -10,11 +10,6 @@
|
|||
<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 defer src='../../js/album-art.js' data-api-key='5460c3381d64e7e9908b9fdfc5559747'></script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -26,15 +21,17 @@
|
|||
<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 it’s actually sunny out, and you know what’s coming<br/>
|
||||
It’s 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>
|
||||
<p>
|
||||
Late winter/early spring<br/>
|
||||
True <a href='../../journal/fantasma.html'><img class='inline-album' data-album='Fantasma' data-artist='Cornelius' width='20' height='20' />sunlight music</a><br/>
|
||||
The world is still covered in snow, but it’s actually sunny out, and you know what’s coming<br/>
|
||||
It’s 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'><img class='inline-album' data-album='Heaven or Las Vegas' data-artist='Cocteau Twins' width='20' height='20' />Cocteau Twins does so well</a><br/>
|
||||
Faye Wong does this song <a href='https://song.link/s/3tZXEYMKCeo0G7ANYufPRv'><img class='inline-album' data-album='胡思亂想' data-artist='Faye Wong' width='20' height='20' />in Cantonese</a>
|
||||
</p>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
|
|
|
|||
|
|
@ -46,6 +46,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='Love Magic' data-artist="Snail's House" width='34' height='34' />
|
||||
<a href='love-magic'>Love Magic — Snail’s House</a>
|
||||
</li>
|
||||
<li>
|
||||
<img data-album='Four-Calendar Cafe' data-artist='Cocteau Twins' width='34' height='34' />
|
||||
<a href='bluebeard.html'>Bluebeard — Cocteau Twins</a>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Love Magic — Snail’s House</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'/>
|
||||
<script defer src='../../../js/album-art.js' data-api-key='5460c3381d64e7e9908b9fdfc5559747'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='../../..'>back to gomepage</a>—<a href='../..'>library</a>—<a href='..'>songbook</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Love Magic — Snail’s House</h1>
|
||||
<img id='album-art' data-album='Love Magic' data-artist="Snail's House" width='200' height='200' />
|
||||
<p>
|
||||
I think this is probably my favorite Snail’s House release overall.<br/>
|
||||
It has <a href='mint.html'><img class='inline-album' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />mint</a> and <a href='pinky-promise.html'><img class='inline-album' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />Pinky Promise</a> which are two of my favorite tracks,
|
||||
but all the tracks are good, so it’s one I like to listen through as a unit, rather than just shuffling into playlists
|
||||
<br/>
|
||||
I think Natsumatsuri sounds like <a href='https://song.link/s/4kVyw5HiFWfoOVc3Z540cI'><img class='inline-album' data-album='Kagayaki' data-artist='Masakatsu Takagi' width='20' height='20' />Amamizu</a> by Masakatsu Takagi.<br/>
|
||||
<br/>
|
||||
My most intensive listening for this was March 2022
|
||||
</p>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../../../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — mint — Snail’s House</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'/>
|
||||
<script defer src='../../../js/album-art.js' data-api-key='5460c3381d64e7e9908b9fdfc5559747'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='../../..'>back to gomepage</a>—<a href='../..'>library</a>—<a href='..'>songbook</a>—<a href='.'>Love Magic</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>mint — Snail’s House</h1>
|
||||
<img id='album-art' data-album='Love Magic' data-artist="Snail's House" width='200' height='200' />
|
||||
<p>
|
||||
Something very comfy and nostalgic about the chords, even though it’s a more energetic song<br/>
|
||||
Feels like a sort of confident relaxation to me
|
||||
</p><p>
|
||||
I think what really makes the track compelling overall is the great volume enveloping on the chords, with the octave jumps in the bass<br/>
|
||||
The enveloping feels very much like the type of thing that couldn’t be achieved through live performance on an existing instrument,
|
||||
but still alive and dynamic, which is a good pocket for electronic music to be in<br/>
|
||||
</p><p>
|
||||
Generally the piece is pretty monothematic, just the one idea repeated several times, with a little transition section sometimes<br/>
|
||||
But the texture and timbres get changed up throughout the process,<br/>
|
||||
and I think the theme is just that good
|
||||
</p>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../../../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Pinky Promise — Snail’s House</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'/>
|
||||
<script defer src='../../../js/album-art.js' data-api-key='5460c3381d64e7e9908b9fdfc5559747'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='../../..'>back to gomepage</a>—<a href='../..'>library</a>—<a href='..'>songbook</a>—<a href='.'>Love Magic</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Pinky Promise — Snail’s House</h1>
|
||||
<img id='album-art' data-album='Love Magic' data-artist="Snail's House" width='200' height='200' />
|
||||
<p>
|
||||
Probably the best example of Snail’s House’s maximalism<br/>
|
||||
I love the sheer throughput of musical events without losing definition
|
||||
</p>
|
||||
<ul>
|
||||
<li>breakbeat,</li>
|
||||
<li>rolled kicks,</li>
|
||||
<li>big sawtooth chords,</li>
|
||||
<li>that high arpeggio thing,</li>
|
||||
<li>background vocal samples,</li>
|
||||
<li>glitchy bass & plinky sounds,</li>
|
||||
<li>some synthesizer that sounds like ad lib background vocals,</li>
|
||||
</ul>
|
||||
<p>
|
||||
Any of these things could be the whole thing for a section, in a more sane composition<br/>
|
||||
It’s overwhelming in the best way<br/>
|
||||
<br/>
|
||||
Also has a great chopped vocal line,<br/>
|
||||
accompanied by a synthesizer that sounds like vocal ad libs,<br/>
|
||||
and then this clean synthesizer line with a really delightful interaction with the percussion,<br/>
|
||||
and then a third synthesizer voice counterpointing with the ad lib synth<br/>
|
||||
(honorable mention to the detuned comedy flute, lol)
|
||||
</p><p>
|
||||
Also a great example of ear saturation
|
||||
</p>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../../../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue