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

writing challenge 41/100

This commit is contained in:
gome 2023-01-26 22:57:09 -06:00
parent dde7728261
commit b8f55f49e2
7 changed files with 98 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/gomepage.css
View File

@ -359,7 +359,7 @@ a.journal-link + a.journal-link {
background-color: #426153;
}
.music-box {
margin-top: 0.5em;
margin-bottom: 0.5em;
display: flex;
align-items: center;
width: fit-content;
@ -388,6 +388,9 @@ a.journal-link + a.journal-link {
.music-box svg.pause {
display: none;
}
#tagline {
margin: 0 0 0.5em 0;
}
@media only screen and (max-width: 960px) {
body {
grid-template-rows: min-content auto min-content;

12
index.html
View File

@ -30,7 +30,7 @@
</header>
<main>
<article>
<span id='tagline'>Humble home of user gome</span>
<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>
@ -59,11 +59,11 @@
</article>
<article>
<h2>Latest gomepost</h2>
<a class='journal-link' href='journal/listening.html'>
<h3>Listening to more and more music</h3>
<div class='line stop-1'></div>
<time datetime='Wed, 25 Jan 2023 11:00:00 CST'>25 Jan. 2023, 11:00 PM</time>
<p>When I was in high school, I was always impressed by people who knew a lot of music, and I wanted to be like that.</p>
<a class='journal-link' href='journal/colour-green.html'>
<h3>My relationship with <i>Colour Green</i></h3>
<div class='line stop-0'></div>
<time datetime='Thu, 26 Jan 2023 11:00:00 CST'>26 Jan. 2023, 11:00 PM</time>
<p>A pervasive lightness that’s deceptively rich and deep</p>
</a>
</article>
<article id='listening'>

64
journal/colour-green.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — Colour Green</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>&mdash;<a href='.'>journal</a>
</nav>
</header>
<main>
<article>
<h1 id='title'>My relationship with <i>Colour Green</i></h1>
<time datetime='Thu, 26 Jan 2023 11:00:00 CST'>26 Jan. 2023, 11:00 PM</time>
<p>
<i>Colour Green</i> is the only released album by Sibylle Baier.
She recorded the songs by herself at home in the early 70’s.
It wasn’t until 2006 that the songs were actually released as an album.
In the intervening time, Sibylle Baier didn’t pursue a career in music but instead focused on raising her family.
</p><p>
I first discovered <i>Colour Green</i> around the same time period as <a href='무너지기.html' target='_blank'><i>무너지기</i></a>, when I was finishing my second degree.
For that reason, the two albums have a somewhat related flavor to them in my mind.
The comparison kind of fits outside my mind too, since both albums have a lonely and reflective mood, which, as I mentioned in my <i>무너지기</i> post, is great for a Fall full of coding.
</p>
<figure>
<img src='img/colour_green.webp' width='400' height='400' />
<figcaption>I highly recommend the whole album, but if you only listen to one song, check out <i>Forget&nbsp;About</i></figcaption>
</figure>
<p>
Like <a href='pink-moon.html' target='_blank'><i>Pink Moon</i></a>, this is an album with just guitar and voice (with the exception of the strings on the last track).
Once again we have an example of a great songwriter building a whole world with just these two elements.
For me, the world she builds is characterized by a pervasive lightness that belies the richness and depth of every song.
The sound is always just floating by unobtrusively, never actively grabbing or forcing engagement from the listener.
But as soon as you reach out to touch it with your attention, the meaning & emotion just unfurl themselves.
</p><p>
One thing about the songwriting that stood out to me was the irregular of sizes of phrases.
A lot of times, the phrases don’t last a square four or two measures, but odd and varying lengths.
This enhances the etheral vibe, because new ideas will just float in, one following the other whenever feels natural.
Feeling natural is they key to doing irregular phrases well, in my opinion.
It’s the difference between organic songwriting and the sense of “I’m doing irregular things on purpose” you get from something like math rock.
</p><p>
I like the belated release story that surrounds <i>Colour Green</i>.
It makes the album feel uniquely intimate and genuine.
It also gives me hope as an artist that my work will eventually reach the people it needs to, even if it takes a long time.
And as a glimpse into the life of someone who did not pursue the path of fame, it serves as a good reminder of the hidden depths everyday life can offer.
</p><p>
Have you listened to <i>Colour Green</i>?
Did it resonate with you?
Did you notice the irregular phrase lengths?
Let me know your thoughts 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>
</article>
</main>
</body>
</html>

BIN
journal/img/colour_green.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

6
journal/index.html
View File

@ -20,6 +20,12 @@
<main>
<h1>Journal</h1>
<a href='rss/feed.xml' class='rss-link'>RSS feed</a>
<a class='journal-link' href='./colour-green.html'>
<h3>My relationship with <i>Colour Green</i></h3>
<div class='line stop-0'></div>
<time datetime='Thu, 26 Jan 2023 11:00:00 CST'>26 Jan. 2023, 11:00 PM</time>
<p>A pervasive lightness that’s deceptively rich and deep</p>
</a>
<a class='journal-link' href='./listening.html'>
<h3>Listening to more and more music</h3>
<div class='line stop-1'></div>

9
journal/rss/100-day-challenge.xml
View File

@ -13,6 +13,15 @@
<width>144</width>
<height>87</height>
</image>
<item>
<title>My relationship with <i>Colour Green</i></title>
<author>gome</author>
<pubDate>Thu, 26 Jan 2023 11:00:00 CST</pubDate>
<link>https://ctrl-c.club/~gome/journal/colour-green.html</link>
<guid>https://ctrl-c.club/~gome/journal/colour-green.html</guid>
<description>A pervasive lightness that’s deceptively rich and deep</description>
<enclosure url="https://ctrl-c.club/~gome/journal/img/colour_green.webp" length="62394" type="image/webp" />
</item>
<item>
<title>Listening to more and more music</title>
<author>gome</author>

9
journal/rss/feed.xml
View File

@ -13,6 +13,15 @@
<width>144</width>
<height>87</height>
</image>
<item>
<title>My relationship with <i>Colour Green</i></title>
<author>gome</author>
<pubDate>Thu, 26 Jan 2023 11:00:00 CST</pubDate>
<link>https://ctrl-c.club/~gome/journal/colour-green.html</link>
<guid>https://ctrl-c.club/~gome/journal/colour-green.html</guid>
<description>A pervasive lightness that’s deceptively rich and deep</description>
<enclosure url="https://ctrl-c.club/~gome/journal/img/colour_green.webp" length="62394" type="image/webp" />
</item>
<item>
<title>Listening to more and more music</title>
<author>gome</author>