Compare commits
1 Commits
| Author | SHA1 | Date |
|---|---|---|
 gome
|
530b7c1303 |
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — bookmarks</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'>
|
||||
<a id='back' href='..'>back to gomepage</a>
|
||||
</header>
|
||||
<h1>Bookmarks</h1>
|
||||
<main>
|
||||
<p>Just a stub for now.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<img src='../img/mushrooms_2.webp' alt='Toadstools' />
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
25
contact.html
25
contact.html
|
|
@ -1,25 +0,0 @@
|
|||
<!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='stylesheet' type='text/css' href='./css/fonts.css'/>
|
||||
<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;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
@font-face {
|
||||
font-family: Domitian;
|
||||
src: url("fonts/Domitian-Roman.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Domitian;
|
||||
font-weight: bold;
|
||||
src: url("fonts/Domitian-Bold.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Domitian;
|
||||
font-family: italic;
|
||||
src: url("fonts/Domitian-Italic.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Domitian;
|
||||
font-weight: bold;
|
||||
font-family: italic;
|
||||
src: url("fonts/Domitian-BoldItalic.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "URW Classico";
|
||||
src: url("fonts/URWClassico-Regular.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "URW Classico";
|
||||
font-weight: bold;
|
||||
src: url("fonts/URWClassico-Bold.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "URW Classico";
|
||||
font-family: italic;
|
||||
src: url("fonts/URWClassico-Italic.woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "URW Classico";
|
||||
font-weight: bold;
|
||||
font-family: italic;
|
||||
src: url("fonts/URWClassico-BoldItalic.woff2");
|
||||
}
|
||||
|
||||
html {
|
||||
--serif-fonts: Palatino, "Palatino Linotype", Domitian, "Times New Roman", serif;
|
||||
--sans-fonts: "URW Classico", Optima, Arial, sans-serif;
|
||||
font-family: var(--serif-fonts);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--sans-fonts);
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
544
css/gomepage.css
544
css/gomepage.css
|
|
@ -1,544 +0,0 @@
|
|||
html {
|
||||
color: #323a42;
|
||||
background-color: #efe5d7;
|
||||
height: 100%;
|
||||
font-size: 1.125em;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
header, main, .gome-img {
|
||||
transition: border-color 2000ms;
|
||||
}
|
||||
html.loaded header, html.loaded main, html.loaded .gome-img {
|
||||
border-color: #323a42;
|
||||
}
|
||||
html.loaded header {
|
||||
z-index: 1;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
grid-template-rows: 1fr auto min-content;
|
||||
line-height: 1.2;
|
||||
}
|
||||
#background {
|
||||
position: fixed;
|
||||
z-index: -2;
|
||||
display: block;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: cover;
|
||||
transition: opacity 2000ms;
|
||||
opacity: 0;
|
||||
}
|
||||
html.loaded #background {
|
||||
opacity: 1;
|
||||
}
|
||||
*::selection {
|
||||
background: #eab77544;
|
||||
}
|
||||
header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
grid-column: 2;
|
||||
grid-row: 1 / span 2;
|
||||
width: min-content;
|
||||
height: min-content;
|
||||
overflow: hidden;
|
||||
background-color: #efe5d7;
|
||||
padding-left: 2em;
|
||||
padding-bottom: 2em;
|
||||
border-bottom: 2px solid #efe5d7;
|
||||
border-left: 2px solid #efe5d7;
|
||||
border-radius: 0 0 0 1em;
|
||||
}
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
padding: 1em;
|
||||
background-color: #efe5d7;
|
||||
width: fit-content;
|
||||
max-width: 70ch;
|
||||
height: fit-content;
|
||||
border-right: 2px solid #efe5d7;
|
||||
border-bottom: 2px solid #efe5d7;
|
||||
border-radius: 0 0 1em 0;
|
||||
margin-right: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
footer {
|
||||
display: flex;
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2 / span 2;
|
||||
pointer-events: none;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.title-box, h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
h2, h3 {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
.title-box {
|
||||
position: relative;
|
||||
border: 2px solid #323a42;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
font-size: 48px;
|
||||
height: 3em;
|
||||
width: 10em;
|
||||
background-color: #efe5d7;
|
||||
}
|
||||
.title-box .title {
|
||||
background-color: inherit;
|
||||
position: absolute;
|
||||
bottom: -0.5225ex;
|
||||
padding: 0 0.25em 0 0.25em;
|
||||
user-select: none;
|
||||
}
|
||||
nav {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
/* this counters the left offset, but adds no real padding */
|
||||
padding-right: 1rem;
|
||||
left: 1rem;
|
||||
right: 0;
|
||||
border-bottom: 2px solid #323a42;
|
||||
}
|
||||
a {
|
||||
color: #323a42;
|
||||
}
|
||||
nav a {
|
||||
margin: 0.25em 0.75em 0.25em 0;
|
||||
padding: 0.25em;
|
||||
position: relative;
|
||||
left: -0.25em;
|
||||
color: #323a42;
|
||||
text-decoration: none;
|
||||
line-height: 1.2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
nav a:first-child {
|
||||
margin-top: 1em;
|
||||
}
|
||||
nav a:last-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #6d747a;
|
||||
outline: 0;
|
||||
}
|
||||
a:focus-visible {
|
||||
outline: 1px dashed #beb0b1;
|
||||
}
|
||||
nav a .link-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a .link-description::before {
|
||||
font-weight: normal;
|
||||
content: '— ';
|
||||
}
|
||||
nav a.new .link-title::after {
|
||||
content: '*';
|
||||
color: #984624;
|
||||
}
|
||||
nav a.new:hover .link-title::after, nav a.new:focus .link-title::after {
|
||||
color: #bf8e7c;
|
||||
}
|
||||
@keyframes fade-in {
|
||||
from { opacity: 0 }
|
||||
to { opacity: 1 }
|
||||
}
|
||||
.image-credit {
|
||||
padding: 4.5px;
|
||||
position: relative;
|
||||
font-style: italic;
|
||||
text-decoration: none;
|
||||
color: #323a42;
|
||||
text-decoration: none;
|
||||
line-height: 1.2;
|
||||
border-radius: 2px;
|
||||
font-size: 15px;
|
||||
animation: fade-in 2000ms ease backwards;
|
||||
}
|
||||
.image-credit p, .image-credit h3 {
|
||||
margin: 0;
|
||||
}
|
||||
.image-credit p .line {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.image-credit h3 {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-family: var(--serif-fonts);
|
||||
}
|
||||
header .image-credit {
|
||||
margin: 9px 0 -16px 13.5px;
|
||||
}
|
||||
main .image-credit {
|
||||
margin: 9px 0 0 -4.5px;
|
||||
display: none;
|
||||
}
|
||||
article {
|
||||
width: 100%;
|
||||
}
|
||||
.gome-img {
|
||||
user-select: none;
|
||||
border-radius: 0 1em 0 0;
|
||||
border-top: 2px solid #efe5d7;
|
||||
border-right: 2px solid #efe5d7;
|
||||
}
|
||||
.gome-img[src^='./img/desktop'] {
|
||||
width: auto;
|
||||
max-width: min(1280px, 100%);
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
.gome-img[src^='./img/mobile'] {
|
||||
display: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
#wotd h3 {
|
||||
font-size: 1.2em;
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
#wotd .definiendum {
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
#wotd time, #wotd .pronunciation {
|
||||
display: block;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.pronunciation:not(:empty)::before, .pronunciation:not(:empty)::after {
|
||||
content: '⧸';
|
||||
}
|
||||
#wotd ul {
|
||||
margin: 0 0 1em 0;
|
||||
padding-left: 0.5em;
|
||||
list-style: none;
|
||||
}
|
||||
#wotd li {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
#status:not(.loaded) *, #wotd:not(.loaded) * {
|
||||
margin: 0;
|
||||
}
|
||||
#statuscafe {
|
||||
padding-left: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#statuscafe-username a {
|
||||
margin: -0.15em;
|
||||
padding: 0.15em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
#listening {
|
||||
width: 100%;
|
||||
}
|
||||
.listening-item {
|
||||
display: grid;
|
||||
grid-template-columns: calc(36px + 0.5em) auto;
|
||||
align-items: center;
|
||||
justify-items: start;
|
||||
border-radius: 4px;
|
||||
padding: 0.25em 0.25em;
|
||||
margin: -0.25em -0.25em 0.25em -0.25em;
|
||||
cursor: default;
|
||||
transition: background-color 100ms;
|
||||
}
|
||||
.listening-item:not(.all-loaded):last-child:hover {
|
||||
background-color: #eab77522;
|
||||
}
|
||||
.listening-item.now-playing {
|
||||
border: 2px solid #984624;
|
||||
}
|
||||
.listening-item.now-playing .track-title, .listening-item.now-playing .track-artist {
|
||||
font-weight: bold;
|
||||
}
|
||||
.listening-item img {
|
||||
/* accounts for border */
|
||||
margin: 1px calc(0.5em + 1px) 1px 1px;
|
||||
}
|
||||
.listening-item img.loaded {
|
||||
margin: 0 0.5em 0 0;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #323a42;
|
||||
}
|
||||
.listening-item .listening-track {
|
||||
line-height: 36px;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
a.journal-link {
|
||||
display: grid;
|
||||
text-decoration: none;
|
||||
grid-template-columns: auto auto 1fr;
|
||||
margin: -0.25em;
|
||||
margin-right: 0;
|
||||
padding: 0.25em;
|
||||
margin-bottom: 1em;
|
||||
padding-right: 0;
|
||||
border: 1px solid #323a42;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
border-radius: 3px;
|
||||
}
|
||||
a.journal-link:hover, a.journal-link:focus {
|
||||
outline: 0;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
a.journal-link:hover .line, a.journal-link:focus .line {
|
||||
/* maybe just make it all opacity 0.7 instead of all the working-around (same for .library-link) */
|
||||
opacity: 0.7;
|
||||
}
|
||||
a.journal-link:hover time, a.journal-link:focus time {
|
||||
color: #6d747a;
|
||||
}
|
||||
a.journal-link h3 {
|
||||
font-family: var(--serif-fonts);
|
||||
font-weight: bold;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
a.journal-link p {
|
||||
grid-column: 1 / span 2;
|
||||
margin: 0.5em 5px 0.5em 0;
|
||||
}
|
||||
a.journal-link .line {
|
||||
grid-column: span 2;
|
||||
align-self: end;
|
||||
bottom: 6px;
|
||||
}
|
||||
a.journal-link time {
|
||||
grid-column: span 2;
|
||||
}
|
||||
a.journal-link time + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.journal-link.note {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-right: 1em;
|
||||
}
|
||||
time {
|
||||
font-size: 0.9em;
|
||||
color: #4E5458;
|
||||
font-style: italic;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
}
|
||||
a.journal-link + a.journal-link {
|
||||
margin-top: 1em;
|
||||
}
|
||||
a.journal-link .line {
|
||||
display: inline-block;
|
||||
height: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.line.stop-0 {
|
||||
background-color: #984624;
|
||||
}
|
||||
.line.stop-1 {
|
||||
background-color: #ad5f1e;
|
||||
}
|
||||
.line.stop-2 {
|
||||
background-color: #c59506;
|
||||
}
|
||||
.line.stop-3 {
|
||||
background-color: #c8b500;
|
||||
}
|
||||
.line.stop-4 {
|
||||
background-color: #8ea530;
|
||||
}
|
||||
.line.stop-5 {
|
||||
background-color: #4b7b52;
|
||||
}
|
||||
.line.stop-6 {
|
||||
background-color: #426153;
|
||||
}
|
||||
.music-box {
|
||||
margin-bottom: 0.5em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
padding: 2px 4px 2px 2px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #323a42;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
}
|
||||
.music-box:hover, .music-box:focus {
|
||||
outline: 0;
|
||||
color: #6d747a;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
.music-box svg {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.music-box.playing svg.play {
|
||||
display: none;
|
||||
}
|
||||
.music-box.playing svg.pause {
|
||||
display: block;
|
||||
}
|
||||
.music-box svg.pause {
|
||||
display: none;
|
||||
}
|
||||
#tagline {
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
a.library-link {
|
||||
display: grid;
|
||||
text-decoration: none;
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: auto auto 1fr;
|
||||
margin: -0.25em;
|
||||
margin-right: 0;
|
||||
padding: 0.25em;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 0;
|
||||
border: 1px solid #323a42;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
border-radius: 3px;
|
||||
align-items: center;
|
||||
}
|
||||
a.library-link:hover, a.library-link:focus {
|
||||
outline: 0;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
a.library-link:hover .icon, a.library-link:focus .icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
a.library-link h3 {
|
||||
font-family: var(--serif-fonts);
|
||||
grid-column: 2;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
a.library-link p {
|
||||
grid-row: 3;
|
||||
font-size: 0.9em;
|
||||
grid-column: 1 / span 2;
|
||||
margin: 0.25em 5px 0.5em 0;
|
||||
align-self: start;
|
||||
}
|
||||
a.library-link .icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
a.library-link.coming-soon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
a.library-link .coming-soon {
|
||||
color: #4b7b52;
|
||||
font-size: 0.8em;
|
||||
grid-row: 2;
|
||||
grid-column: 1 / span 2;
|
||||
}
|
||||
.icon.stop-0 {
|
||||
color: #984624;
|
||||
}
|
||||
.icon.stop-1 {
|
||||
color: #ad5f1e;
|
||||
}
|
||||
.icon.stop-2 {
|
||||
color: #c59506;
|
||||
}
|
||||
.icon.stop-3 {
|
||||
color: #c8b500;
|
||||
}
|
||||
.icon.stop-4 {
|
||||
color: #8ea530;
|
||||
}
|
||||
.icon.stop-5 {
|
||||
color: #4b7b52;
|
||||
}
|
||||
.icon.stop-6 {
|
||||
color: #426153;
|
||||
}
|
||||
p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
code {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@media only screen and (max-width: 960px) {
|
||||
body {
|
||||
grid-template-rows: min-content auto min-content;
|
||||
}
|
||||
header {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-color: #efe5d7;
|
||||
border-radius: 0;
|
||||
}
|
||||
header .image-credit {
|
||||
display: none;
|
||||
}
|
||||
main .image-credit {
|
||||
display: initial;
|
||||
}
|
||||
main {
|
||||
grid-row: 2;
|
||||
}
|
||||
footer {
|
||||
margin-top: 2em;
|
||||
grid-row: 3;
|
||||
}
|
||||
.title-box {
|
||||
border-left: none;
|
||||
height: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
.title-box:hover {
|
||||
cursor: initial;
|
||||
border-color: #323a42;
|
||||
color: #323a42;
|
||||
}
|
||||
.image-credit {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
.gome-img[src^='./img/desktop'] {
|
||||
display: none;
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
footer {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: none;
|
||||
}
|
||||
.gome-img[src^='./img/mobile'] {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
457
css/style.css
457
css/style.css
|
|
@ -1,6 +1,7 @@
|
|||
html {
|
||||
color: #323a42;
|
||||
background-color: #efe5d7;
|
||||
font-family: 'Palatino Linotype', Lora, serif;
|
||||
max-width: 70ch;
|
||||
margin: 1em auto;
|
||||
line-height: 1.2;
|
||||
|
|
@ -9,20 +10,7 @@ html {
|
|||
position: relative;
|
||||
}
|
||||
*::selection {
|
||||
background: #eab77555;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
margin-left: -0.25em;
|
||||
}
|
||||
nav a {
|
||||
font-size: 0.85em;
|
||||
left: 0;
|
||||
padding: 0.25em 0.5em;
|
||||
margin: -0.25em;
|
||||
background: #eab77533;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
@ -35,14 +23,13 @@ body {
|
|||
main {
|
||||
flex-grow: 1;
|
||||
margin-right: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
a {
|
||||
color: #323a42;
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
margin: -0.25em;
|
||||
/* change this */
|
||||
left: -0.25em;
|
||||
padding: 0.25em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
|
@ -51,10 +38,10 @@ a:hover, a:focus {
|
|||
outline: 0;
|
||||
}
|
||||
a:focus-visible {
|
||||
outline: 1px dashed #984624BB;
|
||||
outline: 1px dashed #beb0b1;
|
||||
}
|
||||
sup, sub {
|
||||
line-height: 0;
|
||||
a#back {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.socials p {
|
||||
font-size: 16px;
|
||||
|
|
@ -70,20 +57,17 @@ sup, sub {
|
|||
display: inline-block;
|
||||
width: fit-content;
|
||||
margin-bottom: 0.25em;
|
||||
left: -0.25em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.socials .social-link a::before {
|
||||
content: '⇒ ';
|
||||
}
|
||||
.line {
|
||||
.socials .line {
|
||||
display: inline-block;
|
||||
background-color: #323a42;
|
||||
height: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.socials .line {
|
||||
flex-grow: 2;
|
||||
position: relative;
|
||||
bottom: 12px;
|
||||
}
|
||||
.line.stop-0 {
|
||||
|
|
@ -107,27 +91,6 @@ sup, sub {
|
|||
.line.stop-6 {
|
||||
background-color: #426153;
|
||||
}
|
||||
.stop-0 {
|
||||
color: #984624;
|
||||
}
|
||||
.stop-1 {
|
||||
color: #ad5f1e;
|
||||
}
|
||||
.stop-2 {
|
||||
color: #c59506;
|
||||
}
|
||||
.stop-3 {
|
||||
color: #c8b500;
|
||||
}
|
||||
.stop-4 {
|
||||
color: #8ea530;
|
||||
}
|
||||
.stop-5 {
|
||||
color: #4b7b52;
|
||||
}
|
||||
.stop-6 {
|
||||
color: #426153;
|
||||
}
|
||||
.socials p a {
|
||||
padding: 0 2px;
|
||||
margin: 0 -2px;
|
||||
|
|
@ -140,415 +103,21 @@ sup, sub {
|
|||
}
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0 -0.5em 0.5em 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 2px solid #323a42;
|
||||
font-family: "URW Classico", Optima, Domitian, Palatino, "Palatino Linotype", Arial, sans-serif;
|
||||
font-family: Optima, 'Palatino Linotype', Lora, serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2, h3, ul, ol, p, main article img {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
p {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
hr {
|
||||
margin: 0 0 20px 0;
|
||||
border: none;
|
||||
border-bottom: 3px double #323a42;
|
||||
}
|
||||
main img {
|
||||
border: 1px solid #323a42;
|
||||
border-radius: 2px;
|
||||
padding: 2px;
|
||||
transition: opacity 200ms;
|
||||
}
|
||||
main article img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto 1em auto;
|
||||
}
|
||||
img.no-border {
|
||||
border: none;
|
||||
}
|
||||
footer {
|
||||
margin-right: 1em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
footer img {
|
||||
display: block;
|
||||
bottom: 0;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 160px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
user-select: none;
|
||||
}
|
||||
.journal-related-links {
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.key {
|
||||
font-size: 0.8em;
|
||||
border: 1px solid #323a42;
|
||||
border-radius: 3px;
|
||||
padding: 0 2px;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
}
|
||||
.recipe {
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.recipe ul {
|
||||
list-style: none;
|
||||
}
|
||||
ul {
|
||||
list-style: '– ';
|
||||
padding-left: 30px;
|
||||
}
|
||||
ol li::marker {
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
}
|
||||
li {
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
a.journal-link {
|
||||
display: grid;
|
||||
text-decoration: none;
|
||||
grid-template-columns: auto auto 1fr;
|
||||
margin-right: -1em;
|
||||
padding-right: 0;
|
||||
border: 1px solid #323a42;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
border-radius: 3px;
|
||||
}
|
||||
a.journal-link:hover, a.journal-link:focus {
|
||||
outline: 0;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
a.journal-link:hover .line, a.journal-link:focus .line {
|
||||
opacity: 0.7;
|
||||
}
|
||||
a.journal-link h3 {
|
||||
font-family: var(--serif-fonts);
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
a.journal-link p {
|
||||
grid-column: 1 / span 2;
|
||||
margin: 0.5em 5px 0.5em 0;
|
||||
}
|
||||
a.journal-link .line {
|
||||
grid-column: span 2;
|
||||
align-self: end;
|
||||
bottom: 6px;
|
||||
}
|
||||
a.journal-link time {
|
||||
grid-column: span 2;
|
||||
}
|
||||
article a.journal-link {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
article a.journal-link time {
|
||||
margin: 0;
|
||||
}
|
||||
.journal-link.note {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
time {
|
||||
font-size: 0.9em;
|
||||
color: #4E5458;
|
||||
font-style: italic;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
line-height: 1;
|
||||
}
|
||||
article time {
|
||||
display: block;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
a:hover time, a:focus time {
|
||||
color: #6d747a;
|
||||
}
|
||||
a.journal-link time + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
a.journal-link + a.journal-link {
|
||||
margin-top: 1em;
|
||||
}
|
||||
article .note {
|
||||
font-style: italic;
|
||||
color: #4E5458;
|
||||
}
|
||||
article .note a {
|
||||
color: #4E5458;
|
||||
}
|
||||
article figure {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
article figure img {
|
||||
margin: 0;
|
||||
}
|
||||
article figure figcaption, article figure figcaption a {
|
||||
font-size: 0.9rem;
|
||||
color: #4E5458;
|
||||
font-style: italic;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
}
|
||||
article :is(figure figcaption, .note) i {
|
||||
font-variant-numeric: initial;
|
||||
font-style: normal;
|
||||
}
|
||||
article :is(figure figcaption, .note) i i {
|
||||
font-style: italic;
|
||||
}
|
||||
.page-nav {
|
||||
margin-top: 1em;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-flow: wrap;
|
||||
}
|
||||
.page-nav a, .page-nav span {
|
||||
font-size: 0.9em;
|
||||
padding: 0.25em;
|
||||
line-height: 1;
|
||||
margin: 0 0.25em;
|
||||
text-decoration: none;
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
}
|
||||
.page-nav .current {
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
.footnote {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
blockquote.highlight {
|
||||
padding: 0.5em;
|
||||
border: 1px solid #eacda6;
|
||||
background-color: #f9f4ed;
|
||||
box-shadow: 2px 2px #bea98e;
|
||||
border-radius: 3px;
|
||||
}
|
||||
blockquote h1,
|
||||
blockquote h2,
|
||||
blockquote h3,
|
||||
blockquote h4,
|
||||
blockquote h5,
|
||||
blockquote h6,
|
||||
blockquote p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
blockquote {
|
||||
margin-left: 30px;
|
||||
}
|
||||
hr {
|
||||
border: 1px solid #323a42;
|
||||
margin-left: 20px;
|
||||
width: 20%;
|
||||
}
|
||||
.music-box {
|
||||
margin: 0 0 1em 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
padding: 2px 4px 2px 2px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #323a42;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
}
|
||||
.music-box:hover, .music-box:focus {
|
||||
outline: 0;
|
||||
color: #6d747a;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
.music-box svg {
|
||||
margin-right: 2px;
|
||||
display: none;
|
||||
}
|
||||
.music-box:not(.playing,.done) svg.play {
|
||||
display: block;
|
||||
}
|
||||
.music-box.playing svg.pause {
|
||||
display: block;
|
||||
}
|
||||
.music-box.done svg.replay {
|
||||
display: block;
|
||||
}
|
||||
.pixel-art {
|
||||
image-rendering: pixelated;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
image-rendering: crisp-edges;
|
||||
}
|
||||
table {
|
||||
margin: 0 0 20px 0;
|
||||
border: 1px solid #323a4288;
|
||||
}
|
||||
td {
|
||||
padding: 0.25em;
|
||||
border: 1px solid #323a4288;
|
||||
}
|
||||
th {
|
||||
padding: 0.25em 0.5em;
|
||||
}
|
||||
.library-links {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
}
|
||||
a.library-link {
|
||||
display: grid;
|
||||
text-decoration: none;
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: auto auto 1fr;
|
||||
margin: -0.25em;
|
||||
margin-right: 0;
|
||||
padding: 0.25em;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 0;
|
||||
border: 1px solid #323a42;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
border-radius: 3px;
|
||||
align-items: center;
|
||||
}
|
||||
a.library-link:hover, a.library-link:focus {
|
||||
outline: 0;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
a.library-link:hover .icon, a.library-link:focus .icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
a.library-link h3 {
|
||||
font-family: var(--serif-fonts);
|
||||
grid-column: 2;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
a.library-link p {
|
||||
grid-row: 3;
|
||||
font-size: 0.9em;
|
||||
grid-column: 1 / span 2;
|
||||
margin: 0.25em 5px 0.5em 0;
|
||||
align-self: start;
|
||||
}
|
||||
a.library-link .icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
a.library-link.coming-soon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
a.library-link .coming-soon {
|
||||
color: #4b7b52;
|
||||
font-size: 0.8em;
|
||||
grid-row: 2;
|
||||
grid-column: 1 / span 2;
|
||||
}
|
||||
a.library-link .new {
|
||||
color: #984624;
|
||||
font-size: 0.8em;
|
||||
grid-row: 2;
|
||||
grid-column: 1 / span 2;
|
||||
}
|
||||
.bubbles {
|
||||
display: flex;
|
||||
gap: 0.4em;
|
||||
margin-bottom: 1em;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.bubble {
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
padding: 1px 8px;
|
||||
line-height: 0.95;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #323a42;
|
||||
cursor: pointer;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bubble.active {
|
||||
background-color: #323a42;
|
||||
color: #efe5d7;
|
||||
}
|
||||
section.hide {
|
||||
display: none;
|
||||
}
|
||||
section::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 50%;
|
||||
margin: 1.5em 0 1.5em 1.5em;
|
||||
border-bottom: 2px solid #323a42;
|
||||
}
|
||||
img.inline {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin-bottom: -4px;
|
||||
margin-right: 4px;
|
||||
height: 20px;
|
||||
}
|
||||
details summary {
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
width: fit-content;
|
||||
margin: -0.25em;
|
||||
padding: 0.25em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
details summary:focus-visible {
|
||||
outline: 1px dashed #984624BB;
|
||||
}
|
||||
button.gome-button {
|
||||
font-size: 1em;
|
||||
font-family: var(--serif-fonts);
|
||||
color: #323a42;
|
||||
background-color: transparent;
|
||||
border: 1px solid #323a42;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
width: fit-content;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-shadow: 1px 1px #323a42;
|
||||
}
|
||||
button.gome-button:hover:not(:active) {
|
||||
color: #6d747a;
|
||||
border-color: #6d747a;
|
||||
box-shadow: 2px 2px #6d747a;
|
||||
}
|
||||
button.gome-button:active {
|
||||
background-color: #eab77555;
|
||||
box-shadow: 3px 3px #323a42;
|
||||
}
|
||||
button.gome-button:focus-visible {
|
||||
outline: 0;
|
||||
background-color: #eab77555;
|
||||
box-shadow: 2px 2px #323a42;
|
||||
}
|
||||
button.gome-button svg {
|
||||
margin-right: 2px;
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
a.journal-link {
|
||||
border-right: none;
|
||||
box-shadow: 0 1px #323a42;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
a.journal-link:hover, a.journal-link:focus {
|
||||
box-shadow: 0 2px #6d747a;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
BIN
img/disc.webp
BIN
img/disc.webp
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
350
index.html
350
index.html
|
|
@ -6,76 +6,320 @@
|
|||
<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>
|
||||
<link rel='preconnect' href='https://fonts.googleapis.com'>
|
||||
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
|
||||
<link rel='preload' href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' as='style' onload='this.onload=null;this.rel="stylesheet"'>
|
||||
<noscript><link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap'></noscript>
|
||||
<style>
|
||||
html {
|
||||
color: #323a42;
|
||||
background-color: #efe5d7;
|
||||
/* background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bc/Sir_Walter_Buffalo_Grass.jpg);
|
||||
background-size: cover;
|
||||
background-position: center; */
|
||||
height: 100%;
|
||||
font-family: 'Palatino Linotype', Lora, serif;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
grid-template-rows: 1fr auto min-content;
|
||||
line-height: 1.2;
|
||||
}
|
||||
*::selection {
|
||||
background: #eab77533;
|
||||
}
|
||||
header {
|
||||
grid-column: 2;
|
||||
grid-row: 1 / span 2;
|
||||
width: min-content;
|
||||
height: min-content;
|
||||
overflow: hidden;
|
||||
background-color: #efe5d7;
|
||||
padding-left: 2em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
main {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
padding: 1em;
|
||||
background-color: #efe5d7;
|
||||
max-width: fit-content;
|
||||
height: fit-content;
|
||||
}
|
||||
footer {
|
||||
display: flex;
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2 / span 2;
|
||||
pointer-events: none;
|
||||
}
|
||||
.title-box, h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
.title-box {
|
||||
position: relative;
|
||||
border: 2px solid #323a42;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
font-size: 48px;
|
||||
height: 3em;
|
||||
width: 10em;
|
||||
background-color: #efe5d7;
|
||||
}
|
||||
.title-box:hover {
|
||||
cursor: pointer;
|
||||
border-color: #6d747a;
|
||||
color: #6d747a;
|
||||
}
|
||||
.title-box .title {
|
||||
background-color: inherit;
|
||||
position: absolute;
|
||||
bottom: -13px;
|
||||
padding: 0 0.25em 0 0.25em;
|
||||
user-select: none;
|
||||
}
|
||||
nav {
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* this counters the left offset, but adds no real padding */
|
||||
padding-right: 1rem;
|
||||
left: 1rem;
|
||||
right: 0;
|
||||
border-bottom: 2px solid #323a42;
|
||||
transition: opacity 50ms;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
nav a {
|
||||
margin: 0.25em 0.75em 0.25em 0;
|
||||
padding: 0.25em;
|
||||
position: relative;
|
||||
left: -0.25em;
|
||||
color: #323a42;
|
||||
text-decoration: none;
|
||||
line-height: 1.2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
nav a:first-child {
|
||||
margin-top: 1em;
|
||||
}
|
||||
nav a:last-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #6d747a;
|
||||
outline: 0;
|
||||
}
|
||||
a:focus-visible {
|
||||
outline: 1px dashed #beb0b1;
|
||||
}
|
||||
nav a .link-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
nav a .link-description::before {
|
||||
font-weight: normal;
|
||||
content: '— ';
|
||||
}
|
||||
nav a.new .link-title::after {
|
||||
content: '*';
|
||||
color: #984624;
|
||||
}
|
||||
nav a.new:hover .link-title::after, nav a.new:focus .link-title::after {
|
||||
color: #BF8E7C;
|
||||
}
|
||||
nav.show, nav:focus-within {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
.gome-img {
|
||||
user-select: none;
|
||||
}
|
||||
.gome-img[src^='./img/desktop'] {
|
||||
width: auto;
|
||||
max-width: min(1280px, 100%);
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
.gome-img[src^='./img/mobile'] {
|
||||
display: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
#wotd {
|
||||
font-size: 18px;
|
||||
}
|
||||
#wotd h3 {
|
||||
font-family: Optima, 'Palatino Linotype', Lora, serif;
|
||||
font-size: 1.2em;
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
#wotd .definiendum {
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
#wotd time, #wotd .pronunciation {
|
||||
display: block;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.pronunciation:not(:empty)::before, .pronunciation:not(:empty)::after {
|
||||
content: '⧸';
|
||||
}
|
||||
#wotd ul {
|
||||
margin: 0 0 1em 0;
|
||||
padding-left: 0.5em;
|
||||
list-style: none;
|
||||
}
|
||||
#wotd li {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
@media only screen and (max-width: 960px) {
|
||||
body {
|
||||
grid-template-rows: min-content auto min-content;
|
||||
}
|
||||
header {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
main {
|
||||
grid-row: 2;
|
||||
}
|
||||
footer {
|
||||
grid-row: 3;
|
||||
}
|
||||
.title-box {
|
||||
border-left: none;
|
||||
height: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
.title-box:hover {
|
||||
cursor: initial;
|
||||
border-color: #323a42;
|
||||
color: #323a42;
|
||||
}
|
||||
nav {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
.gome-img[src^='./img/desktop'] {
|
||||
display: none;
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
footer {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.gome-img[src^='./img/tablet'] {
|
||||
display: none;
|
||||
}
|
||||
.gome-img[src^='./img/mobile'] {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header' class='show-nav'>
|
||||
<header id='header'>
|
||||
<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>
|
||||
<a href='bookmarks'><span class='link-title'>Bookmarks</span> <span class='link-description'>some curated lists of web pages I want to keep track of and share with others.</span></a>
|
||||
<a href='socials' class='new'><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>
|
||||
<h3 class='title'>Word of the day</h3>
|
||||
<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>
|
||||
</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' />
|
||||
<img src='./img/desktop_gomes.webp' class='gome-img' alt='Kabouters at work' />
|
||||
<img src='./img/tablet_gomes.webp' class='gome-img' alt='Kabouters at work' />
|
||||
<img src='./img/mobile_gome.webp' class='gome-img' alt='Lone kabouter' />
|
||||
</footer>
|
||||
<script>
|
||||
const header = document.querySelector('#header');
|
||||
const nav = header.querySelector('nav');
|
||||
|
||||
const revealNav = () => {
|
||||
nav.classList.add('show');
|
||||
}
|
||||
|
||||
const hideNav = () => {
|
||||
nav.classList.remove('show');
|
||||
}
|
||||
|
||||
header.addEventListener('click', e => {
|
||||
if (!nav.contains(e.target) && nav !== e.target) {
|
||||
if (nav.classList.contains('show')) {
|
||||
hideNav();
|
||||
}
|
||||
else if (!nav.classList.contains('show')) {
|
||||
revealNav();
|
||||
}
|
||||
}
|
||||
});
|
||||
window.addEventListener('click', e => {
|
||||
if (!header.contains(e.target) && header !== e.target) {
|
||||
hideNav();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script type='module'>
|
||||
const months = ['January','February','March','April','June','July','August','September','October','November','December'];
|
||||
const wotd = document.querySelector('#wotd');
|
||||
const today = new Date();
|
||||
let entry;
|
||||
try {
|
||||
let day = today.getDate().toString();
|
||||
if (day.length === 1) {
|
||||
day = '0' + day;
|
||||
}
|
||||
let month = (today.getMonth() + 1).toString();
|
||||
if (month.length === 1) {
|
||||
month = '0' + month;
|
||||
}
|
||||
const response = await fetch(`./wotd/${today.getFullYear()}.${month}.${day}.json`);
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP response ${response.status} ${response.statusText}`);
|
||||
}
|
||||
entry = await response.json();
|
||||
} catch (e) {
|
||||
console.error('Word of the Day error:', e);
|
||||
}
|
||||
if (!entry) {
|
||||
document.querySelector('#wotd').remove();
|
||||
} else {
|
||||
wotd.querySelector('.date').textContent = today.getDate() + ' ' + months[today.getMonth()] + ' ' + today.getFullYear();
|
||||
wotd.querySelector('.definiendum').textContent = entry.word;
|
||||
wotd.querySelector('.pronunciation').textContent = entry.pronunciation;
|
||||
let definitionHTML = '';
|
||||
for (const definitionEntry of entry.definitions) {
|
||||
definitionHTML += `<h3 class='part-of-speech'>${definitionEntry.part}</h4>`;
|
||||
definitionHTML += `<ul class='definitions'>`;
|
||||
for (const definition of definitionEntry.definitions) {
|
||||
definitionHTML += `<li class='definition'>${definition}</li>`
|
||||
}
|
||||
definitionHTML += `</ul>`;
|
||||
}
|
||||
wotd.innerHTML += definitionHTML;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — 2008</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>I’m looking for the <i>Hats</i> of 2008</h1>
|
||||
<time datetime='Tue, 26 Mar 2024 21:30:00 CDT'>26 Mar 2024, 9:30 PM</time>
|
||||
<p>
|
||||
<a href="https://album.link/s/4pLVvQiysxBwbUuSB3ceQv"><i>Hats</i></a> by The Blue Nile is a perfect album, in some ways.
|
||||
The description “mournful city soundscape” only sounds generic until you hear how well it fits the bill.
|
||||
Every track immerses you in this atmospheric world of twilight blue, city lights, and melancholy.
|
||||
</p><p>
|
||||
The album was released in 1989, and the clean, atmospheric sound palette is a flawless retrospective distillation of the decade’s synthy pop aesthetic.
|
||||
It’s a prime example of <a href="dialogue.html">genre decadence</a>, sitting at the end of an era, where the expressive tools of the medium have been dialectically honed to a mirror sheen.
|
||||
</p>
|
||||
<img src='img/hats.webp' width='400' height='400'
|
||||
alt='Album art for Hats by The Blue Nile'
|
||||
/>
|
||||
<p>
|
||||
It’s more of a gut feeling, but I also think <i>Hats</i> is pointing forward to the 90s in some ways.
|
||||
For some reason, I would the urban theming of it feels more of the 90s than the 80s.
|
||||
The drum machine and production also feel more early 90s to me.
|
||||
</p><p>
|
||||
In any case, I like to think about the unique vibes of particular years or spans of time like this,
|
||||
and the main perfection of <i>Hats</i> to me is how well it captures this edge of decades between the 80s and 90s.
|
||||
</p><p>
|
||||
Recently, I’ve been feeling like there is a late 2000s vibe on the wind.
|
||||
I somehow have the feeling that this summer will have a lot in common with the summer of 2007, maybe 2008, maybe 2009 (still narrowing it down).
|
||||
I happened to recently stumble across a haiku by Kyoshi Takahama, a Shōwa era poet, which I think perfectly describes the feeling:*
|
||||
</p><blockquote>
|
||||
去年今年貫く棒の如きもの<br>
|
||||
<i>Something like a stick<br>
|
||||
That goes through<br>
|
||||
Last year and this year</i>
|
||||
</blockquote><p>
|
||||
I think there’s something like a stick poking through the late 2000s and the current/coming moment.
|
||||
</p><p>
|
||||
I’ve been going back through old Pitchfork reviews from 2007 and 2008 and listening to the most highly recommended music, trying to hone in on that feeling.
|
||||
It’s been a lot of fun, discovering new music at an even faster rate than I normally do, probably closer to <a href="listening.html">my brother’s pace</a>.
|
||||
</p><p>
|
||||
Throughout this process, it finally dawned on me: I think what I want to find is the <i>Hats</i> of 2008.
|
||||
An album that perfectly captures the feeling of the time.
|
||||
It doesn’t need to be mournful and atmospheric, necessarily,
|
||||
but I do get the feeling it should have an urban theme, perhaps.
|
||||
</p><p>
|
||||
So consider this me officially putting out a bounty.
|
||||
If you know anything that came out in the period of 2007–09 that seems like it does a perfect job capturing the vibe of the times,
|
||||
<b>please</b> send me a lead!
|
||||
There’s not actually a reward, but I’ll really appreciate the gesture, and probably follow up with a shoutout thanking you.
|
||||
As always, I can be reached at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p><p class='footnote'>
|
||||
* <a href="https://koara.lib.keio.ac.jp/xoonips/modules/xoonips/download.php/AN10030060-20071215-0085.pdf?file_id=14444">English translation</a> by Katsuya Hiromoto
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — note: 27 May 2023 — camping</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'/>
|
||||
<script defer src='../js/gomesong.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Note: going camping</h1>
|
||||
<time datetime='Sat, 27 May 2023 20:00:00 CDT'>27 May 2023</time>
|
||||
<p>
|
||||
Hi, it’s gome, checking in with not a full post, but a note about the journal.
|
||||
</p><p>
|
||||
Since finishing my 100-post challenge, I’ve stuck to a rhythm of two posts a week.
|
||||
This coming week, though, I’ll have to forego posting, as I’ll be going on a camping trip with my dad.
|
||||
</p>
|
||||
<img src='img/camping.webp' width='346' height='500'
|
||||
alt='Sketch of a family going camping'
|
||||
/>
|
||||
<p>
|
||||
We’re going to be backpacking (my first time).
|
||||
One night will be in a cabin, and the next two will be at backcountry sites with tents.
|
||||
We’re going to try to go sailing too, if possible.
|
||||
It should be a lot of fun.
|
||||
</p><p>
|
||||
You can look forward to the return of regular posting here by June 6th!
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — a cappella</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My experience with a cappella</h1>
|
||||
<time datetime='Wed, 14 Dec 2022 22:00:00 CST'>14 Dec. 2022, 10:00 PM</time>
|
||||
<p>
|
||||
I was involved in my campus’s a cappella group in college.
|
||||
Before they accepted me as a singer, I did some arranging for the group.
|
||||
Once I was a real member, I gradually grew into a major leadership role.
|
||||
I lead rehearsals and did a large chunk of our arranging.
|
||||
</p>
|
||||
<img src='img/pentatonix.webp' width='600' height='206'
|
||||
alt='Singing group Pentatonix'
|
||||
/>
|
||||
<p>
|
||||
I personally have never had much interest in a cappella music as a culture.
|
||||
I never listened to Pentatonix or watched <i>Pitch Perfect</i>.*
|
||||
Some of the other members of my group did enjoy some a cappella music, but I don’t think they were in the majority.
|
||||
</p><p>
|
||||
Because of this, I think we had a different approach to the genre than most groups.
|
||||
We kind of stayed away from the showy glee club vibe.
|
||||
We never went to conferences or entered competitions.
|
||||
For the most part, we just focused on picking whichever songs we liked and performing them in concerts around campus.
|
||||
</p><p>
|
||||
For my part, my arranging was not really based on reference to the a cappella style.
|
||||
I usually started by trying to transcribe the instrument sounds and reproduce them with voices, which is pretty standard.
|
||||
But after that, I would often just try whatever original ideas I wanted to throw in.
|
||||
I like jazz harmony, so a lot of times I would add it to songs that were not originally in that style.
|
||||
</p><p>
|
||||
A really fun part of the group was that I could trust the other members to tell me if something didn’t work.
|
||||
That gave me a lot of freedom to experiment and fail, with a short feedback loop.
|
||||
The end result was that we had a fairly unique style that felt less like “a cappella” and more like “people getting together and singing songs they like with just their voices”.
|
||||
I liked that, because it meant the possibilities were a lot wider than just a specific genre.
|
||||
</p><p>
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
<p class='footnote'>* But I do enjoy The Blenders’ Christmas music, as a childhood favorite.</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — always</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Things people have always done</h1>
|
||||
<time datetime='Mon, 27 Mar 2023 23:30:00 CDT'>27 Mar 2023, 11:30 PM</time>
|
||||
<p>
|
||||
So much changed in the last 200 years of human history.
|
||||
Something that defines our lives today is how unmoored from the past our contemporary culture feels.
|
||||
All that change has uprooted most of us from traditional ways of living.
|
||||
</p><p>
|
||||
Some see this as a generally good thing when considering all the social and material gains that have come with it.
|
||||
Some think we need to reconnect and reground ourselves in those lost and waning traditions.
|
||||
Most people probably believe a mix of those things, depending on the specifics.
|
||||
In any case, almost everyone would agree that most of us live very different lives from those in the past.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/campfire.webp' width='381' height='450'
|
||||
alt='Boys hanging out around a campfire, one cooking and another playing guitar'
|
||||
/>
|
||||
<figcaption>Image credit: <a href='https://commons.wikimedia.org/wiki/File:Nancy_Adkin_Samoan_school_campfire_illustration.jpg#Licensing'>Nancy Adkin</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Even as our lives have changed in so many ways, humans across all times & places still share a lot in common.
|
||||
We eat, sleep, run, sneeze, laugh, cry, love, fear, mourn, and much more.
|
||||
These have all been going on since people were people, and probably before that as well.
|
||||
</p><p>
|
||||
I especially like to think about what activities people have always done together, that I still like to participate in today.
|
||||
Here’s a few things I like to do that people have probably done since prehistory:
|
||||
</p><ul>
|
||||
<li>Hanging out around a fire</li>
|
||||
<li>Eating together</li>
|
||||
<li>Going for walks</li>
|
||||
<li>Singing & dancing together</li>
|
||||
<li>Just chatting, having fun conversations</li>
|
||||
<li>Sitting around with each other doing nothing in particular</li>
|
||||
</ul><p>
|
||||
When I’m enjoying doing one of these things, I like to remind myself of just how long people have been doing it.
|
||||
The past doesn’t feel like a distant, disconnected thing, but an unbroken chain forged by our common nature.
|
||||
I’m participating in one of the many beautiful, long-standing patterns of human life.
|
||||
</p><p>
|
||||
Do you feel connected to or distant from the past?
|
||||
Do you like to do the things listed?
|
||||
Does doing them make you feel more a part of the past?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — angel’s egg</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'><i>Hollow Knight</i> and <i>Angel’s Egg</i></h1>
|
||||
<time datetime='Tue, 10 Jan 2023 23:30:00 CST'>10 Jan. 2023, 11:30 PM</time>
|
||||
<p>
|
||||
When it comes to video games, my favorite form of gameplay is exploration.
|
||||
I love taking in the moods and aesthetics of a well-made game world by freely wandering through it.
|
||||
<i>Hollow Knight</i> is a perfect example of such a game world, which is why it remains one of my all-time favorite games.
|
||||
</p><p>
|
||||
The game has solid gameplay and a lot of great boss fights, but ironically, I consider the real meat and potatoes of the experience to be its atomosphere.
|
||||
Through exhaustive artistry and an excellent soundtrack, the game articulates a diverse palette of lonely and mysterious moods throughout its abandoned setting.
|
||||
In fact, each game area could be thought of as a separate meditation on solitude.
|
||||
</p>
|
||||
<img src='img/hollow_knight.webp' width='600' height='338'
|
||||
alt='Screenshot from Hollow Knight: the knight sitting on a bench'
|
||||
/>
|
||||
<p>
|
||||
I heard that one of the creators of the game cited the film <i>Angel’s Egg</i> as an influence, so I checked it out.
|
||||
It was unlike anything else I had seen.
|
||||
The film is extremely slow-paced, regularly lingering on a long shots, occasionally for minutes at a time, just letting the soundtrack play out.
|
||||
The plot is fairly minimal, and what plot there is is challenging to follow.
|
||||
</p>
|
||||
<img src='img/angels_egg.webp' width='600' height='338'
|
||||
alt='Screenshot from Angel’s Egg: the main characters walk past a hall lined with jars'
|
||||
/>
|
||||
<p>
|
||||
Like <i>Hollow Knight</i>, the primary content of <i>Angel’s Egg</i> is its atomosphere.
|
||||
Even when you don’t follow what exactly is happening on the screen in front of you, the film consistently resonates on an emotional level.
|
||||
Every shot in the film is suffused with its palette of loneliness, alienation, & desperation.
|
||||
In the same way that music can communicate certain feelings more directly than verbal descriptions, it seems like <i>Angel’s Egg</i> is able to touch on its themes more directly & deeply than a concrete plot & presentation could.
|
||||
</p><p>
|
||||
Watching <i>Angel’s Egg</i>, it was easy to see the influence it had on <i>Hollow Knight</i>.
|
||||
Some of the influence is directly in the visual language the game borrows from the film: the often monochrome environment, the fossilized walls, the constant rain.
|
||||
But it seems like the game also takes inspiration in valuing aesthetics as content in its own right.
|
||||
Rather than fussing over a dichotomy of style vs. substance, both works propose that substance can in fact be achieved through style.
|
||||
</p><p>
|
||||
Have you played <i>Hollow Knight</i>?
|
||||
Have you watched <i>Angel’s Egg</i>?
|
||||
How do you think the latter influenced the former?
|
||||
Do you know of another example where an obscure film influenced a video game’s aesthetics?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — astronomy</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Astronomy is super cool</h1>
|
||||
<time datetime='Tue, 27 Dec 2022 22:30:00 CST'>27 Dec. 2022, 10:30 PM</time>
|
||||
<p>
|
||||
I worked for the astrophysics department of a state university for about a year.
|
||||
It wasn’t an astrophysics-related job; I mainly took care of their website, along with miscellaneous other projects I could cook up.
|
||||
Working with the content on the website, I got to see what the various professors were working on.
|
||||
</p><p>
|
||||
I enjoy “hard” science and often find it cool and exciting, but I’ve never been particularly passionate about it.
|
||||
However, getting a glimpse of real astrophysics research on the leading edge of the field gave me a bit of appreciation about just how incredible space really is.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/orion_nebula.webp' width='512' height='512'
|
||||
alt='Orion Nebula'
|
||||
/>
|
||||
<figcaption>Photo credit: NASA, ESA, M. Robberto (Space Telescope Science Institute/ESA) and the Hubble Space Telescope Orion Treasury Project Team</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
I learned about gravitational waves, redshift, cosmic background radiation, infrared astronomy, and much more.
|
||||
Regularly viewing imagery from advanced telescopes, especially nebulae, I was struck with just how much is going on in the universe all the time.
|
||||
All sorts of lively processes play out on an unfathomable scale with a huge menagerie of celestial objects, each one unique and able to teach us something.
|
||||
</p><p>
|
||||
Sometimes the universe outside of Earth, devoid of any known life, is characterized as “cold”, “dead”, or “lifeless”,
|
||||
but that really doesn’t feel fair when you learn about all the activity that takes place on a cosmic scale.
|
||||
It’s a beautiful dance that defies our efforts to wrap it up in a way that is succinctly meaningful to humanity.
|
||||
For this reason, I have a deep respect for the work of astrophysicists & astronomers, and the mystery their object of study evokes.
|
||||
</p><p>
|
||||
Do you enjoy learning about space?
|
||||
Is there a field you don’t know a ton about but have a special appreciation for?
|
||||
Have you learned about a topic by unconventional exposure through a job?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — better</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>I can be better</h1>
|
||||
<time datetime='Fri, 24 Mar 2023 21:00:00 CDT'>24 Mar 2023, 9:00 PM</time>
|
||||
<p>
|
||||
A while ago, I started to open up to the idea of being more okay with things as they are in a way I maybe hadn’t been previously.
|
||||
It’s a little hard to describe, because it was a subtle shift, but there were a number of things I used to worry about a lot more, or saw as things I “couldn’t live with” in a sort of fundamentally anxious way.
|
||||
I still worry about stuff, but I have opened up to greater flexibility in how I think about the things that worry me, especially if that flexibility reduces anxiety.
|
||||
</p><p>
|
||||
A big theme of this change was improving my ability to accept things about myself that I didn’t like.
|
||||
There’s a lot of things, even fairly neutral things, that I would avoid doing soley because they made me <i>feel</i> like I was doing something wrong, or bad, or maybe just rude or thoughtless.
|
||||
I realized that a lot of the guardrails I was putting on my behavior were artificial and based on repression, not motivated by good reason or values.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/sunrise.webp' width='600' height='400'
|
||||
alt='Sunrise at Taman Hidup Lake, Argopuro Mountains'
|
||||
/>
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Sunrise_in_Taman_Hidup_Argopuro.jpg#Licensing'>MrNamineSinten</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Now, I tend to think that if I accept my motivations, imperfect as they are, I have the opportunity to interrogate them and potentially transform them over time.
|
||||
Sometimes acting in accordance with an ill-understood feeling, rather than supressing it preemptively, is the only way to find out whether my motivations are good or not.
|
||||
This involves accepting that I will mess up sometimes (a very difficult proposition for my perfectionist streak), but that’s always going to be true whether I allow it or not, and it’s the price I have to pay to keep growing.
|
||||
</p><p>
|
||||
Overall, I am pleased that things are moving in this direction.
|
||||
When I allow myself to operate this way, I feel better and more myself.
|
||||
But I also think that taking the “governor” off yourself, so to speak, involves some due diligence in the broader view, to make sure you’re not just allowing yourself to give in to bad motivations and go down a morally degrading path.
|
||||
</p><p>
|
||||
My level of general confusion with life waxes and wanes, but in times of greater confusion, this question of how to balance my freedom and my self-discipline has given me pause.
|
||||
I don’t always do the right thing, and I want to show due respect the damage that I can do to myself and others.
|
||||
I want to be able to properly mourn the consequences of my actions when I do wrong, without becoming fearful of continuing to live authentically.
|
||||
Even if I can accept my flaws for the present, I don’t want to become comfortable in them in a way that prevents me from growing and improving.
|
||||
</p><p>
|
||||
Just the other day, I was rolling the idea around in my head of finding a powerful little phrase I could keep and repeat to myself, that would give this season of my life a good focus.
|
||||
I’ve done this kind of naturally in the past as part of my normal self-narrativizing, and I think it’s time for another.
|
||||
</p><p>
|
||||
When driving home in the evening yesterday after having a lot of fun (went to see a musical), I kind of settled back into thinking about the question I mentioned above, and a phrase came very naturally to me: “I can be better”.
|
||||
To me, this phrase allows for acceptance: presenting improvement as an option freely available to me.
|
||||
And it balances that acceptance with proper responsibility: recognizing that I have room to improve, but that improvement is indeed possible, which is enough to motivate me to try.
|
||||
</p><p>
|
||||
I think my struggles normally arise when I forget some part of this idea on some level.
|
||||
If I think “I must be better”, the pressure to live up to some external standard feels crushing.
|
||||
If I think “I can’t be better”, I despair and stop even trying.
|
||||
But if I keep the proper balance, “I <i>can</i> be better!” tucked away in my heart, I will be able to move through the world more confidently and lovingly.
|
||||
</p><p>
|
||||
Have you struggled to balance different needs in your personality?
|
||||
Have you tried to balance your self-acceptance and your self-discipline?
|
||||
Do you ever find good phrases to repeat to yourself?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — camping</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'/>
|
||||
<script defer src='../js/gomesong.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Back from the camping trip</h1>
|
||||
<time datetime='Tue, 6 Jun 2023 20:30:00 CDT'>6 Jun 2023, 8:30 PM</time>
|
||||
<p>
|
||||
I went to the Porcupine Mountains on the upper peninsula of Michigan with my dad last week.
|
||||
We had a lot of fun camping and hiking around.
|
||||
I got my first taste of real backpacking.
|
||||
It made hiking more strenuous, but it was fun and satisfying being able to bring everything we needed with us on our backs.
|
||||
</p><p>
|
||||
We spent one night in a rustic cabin on Mirror Lake, in the middle of the park.
|
||||
We backpacked in two and a half miles to this site, which was quite the initiation to carrying that much weight around as you hike.
|
||||
It’s a lovely hike, though, so we had a lot of fun taking in the views and noting the wildflowers by the trail.
|
||||
</p><p>
|
||||
In the evening, when the last of the wind died down, the lake really lived up to its name.
|
||||
It got very clear, and we had a great time just sitting by the fire among the hemlocks.
|
||||
</p>
|
||||
<img src='img/mirror_lake.webp' width='600' height='400'
|
||||
alt='Mirror Lake in the Porcupine Mountains'
|
||||
/>
|
||||
<p>
|
||||
The second cabin we stayed in was near to the shore of Lake Superior.
|
||||
The park is pretty buggy this time of year, so we thought maybe being by the lake would bring some welcome wind to keep the bugs away.
|
||||
Unfortunately, this area was thick with mosquitos, and what’s worse, the cabin didn’t seem to be able to keep them out.
|
||||
</p><p>
|
||||
We spent a fairly horrific half-hour after bedtime trying to kill all the mosquitos in the cabin, but it was clear that more were coming in all the time.
|
||||
I hadn’t slept very well on the trip thus far (a sole mosquito kept waking me up in the other cabin), and I was near the end of my rope.
|
||||
</p><p>
|
||||
So we ended up hiking out of the site in the middle of the night (it was only about three quarters of a mile, so not unmanageable with headlamps).
|
||||
We got a hotel for the night, which was kind of a bummer, but I slept very well that night, so it was probably worth it.
|
||||
</p><p>
|
||||
We also spent a night at Tettegouche State Park on the north shore of Lake Superior.
|
||||
This was the one night we actually camped out in our tents.
|
||||
This night went great, and was less buggy than either of the other sites.
|
||||
It was a cart-in campsite, which allowed us to bring in a cast-iron skillet, which we used to make eggs and hashbrowns.
|
||||
Great camping food!
|
||||
</p><p>
|
||||
Have you been to the Porcupine Mountains?
|
||||
Have you been backpacking?
|
||||
Have you been camping?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — candy</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Trying new candy</h1>
|
||||
<time datetime='Wed, 12 Apr 2023 23:00:00 CDT'>12 Apr 2023, 11:00 PM</time>
|
||||
<p>
|
||||
I don’t eat (or really like) much candy.
|
||||
Unless you count dark chocolate, which feels like its own category to me.
|
||||
</p><p>
|
||||
It’s not that I don’t like sweet things.
|
||||
I love ice cream and cookies and cake as much as anyone.
|
||||
But when it comes to the kind of stuff you’d see in the “impulse buy” section of an American store, it has little appeal to me.
|
||||
</p><p>
|
||||
We have a great Asian market in town that imports a lot of cool international food products.
|
||||
It’s super fun to walk around in because all the unfamiliar foods and packages make it feel like you’ve stepped into another country.
|
||||
I like to try out new things that strike my interest as I walk through, because I never know when I’ll find something new I love.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/mochi.webp' width='550' height='367'
|
||||
alt='Pieces of mochi in a grid-shaped box'
|
||||
/>
|
||||
<figcaption>As I mention below, it’s not exactly a candy, but mochi is a very photogenic treat.</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Ironically enough, a lot of what I end up buying there is actually candy and sweets.
|
||||
As opposed to all the American candy, which I already know the taste and quality of, every Asian candy I try represents a new possibility.
|
||||
And when do I find something I really like, candy is great for sharing small portions with other people.
|
||||
</p><p>
|
||||
One of my favorite treats I’ve gotten at the market is mochi, which is a sweet food but not really a candy, I think.
|
||||
The ones I get come with peanut, sesame, and red bean fillings, which are all great.
|
||||
I’ve also gotten some good Indian peanut brittle called chikki and these chewy ginger candies.
|
||||
</p><p>
|
||||
Recently, a friend of my dad’s gave me a little bar of a Mexican candy made of salty & spicy tamarind pulp.
|
||||
He had happened upon it recently, and he said it reminded him of how they would prepare tamarind in Thailand (he is Thai), with salt & hot peppers.
|
||||
</p><p>
|
||||
I had had dried tamarind on its own before, but I didn’t like it that much.
|
||||
But this bar was unlike anything else I had tasted.
|
||||
Tamarind flavor really works better in this combination, and the bar kind of gets more tasty as you eat it.
|
||||
</p><p>
|
||||
The Asian market in town also carries this candy, so I went there and got myself a box.
|
||||
I actually got two boxes, so I have enough to hand them out to people I meet.
|
||||
I think it would be fun, and I want to see what other people think of the flavor.
|
||||
</p><p>
|
||||
I’m not going to mention the brand name of any of these foods, but they should all be fairly easy to find at the right store.
|
||||
I’ll let you know the names by email upon request if you’re interested.
|
||||
</p><p>
|
||||
Do you like American candy?
|
||||
Do you like Asian candy?
|
||||
Do you like Mexican candy?
|
||||
Do you like chocolate?
|
||||
Do you like mochi?
|
||||
Do you like tamarind?
|
||||
Do you like spicy or salty candies?
|
||||
Do you like trying unfamiliar kinds of candy (or food in general)?
|
||||
Do you want to know the brand names of any of these candies?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — challenge</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>100-day challenge check-in</h1>
|
||||
<time datetime='Thu, 23 Mar 2023 23:30:00 CDT'>23 Mar 2023, 11:30 PM</time>
|
||||
<p>
|
||||
Back in November, I saw <a href='https://jibran.substack.com/p/100-day-creator-challenge'>Jibran el Bazi</a>’s call for participants in a 100-day writing challenge.
|
||||
At the time, I had been wanting to commit to some long-term goal and see if I could see it through.
|
||||
Often I start projects and don’t finish them, and at the time, I wasn’t even sure whether I could break that pattern.
|
||||
</p><p>
|
||||
I’m currently ⅘<sup>ths</sup> done with the challenge (today’s post is #81).
|
||||
Every weekday since December 1<sup>st</sup>, without exception, I’ve managed to publish a new post here.
|
||||
After the first week or so of initial success, I started running into walls where it felt pretty difficult to come up with a post.
|
||||
Once I stuck it through the first couple times, though, I got a better idea of what I could expect of myself.
|
||||
I didn’t get discouraged when I didn’t know what to write about, because by that point I had established a track record of getting it done.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/books.webp' width='375' height='500'
|
||||
alt='An outdoor statue of a stack of books'
|
||||
/>
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Bookpile-Rajshahi_University.jpg#Licensing'>FaysaLBinDaruL</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
One of the biggest helps in writing has been knowing that others are participating in the challenge.
|
||||
Everyone’s contributions are aggregated and published on <a href='https://100daychallenge.substack.com/'>this Substack page</a>.
|
||||
I try to read my fellow challengers’ writing when I can, and it’s been fun encountering everyone else’s daily thoughts.
|
||||
I have to give a shoutout especially to my man <a href='https://kzhai.substack.com/'>Kevin Zhai</a>.
|
||||
He wrote <a href='https://kzhai.substack.com/p/041-i-barely-listen-to-music-anymore'>a great post</a> in reaction to <a href='listening.html'>my post about music listening</a>, and he’s boosted my writing on Twitter a couple times.
|
||||
He’s written some great stuff over the challenge, about <a href='https://kzhai.substack.com/p/055-defanging-fear'>fear</a>, <a href='https://kzhai.substack.com/p/060-dear-me-write-for-just-one-person'>writer’s block</a>, and <a href='https://kzhai.substack.com/p/069-never-had-a-chance'>this great watercolor comic</a>.
|
||||
</p><p>
|
||||
Once I’ve finished the challenge, I don’t think I’ll post every day, but I’d like to keep it up, maybe weekly at least.
|
||||
I have some other <a href='unfinished.html'>ideas for the site</a> I’d like to put more focus into.
|
||||
I think I’d like to start another “100 of something” sometime too, maybe something musical instead of literary.
|
||||
In any case, I feel very proud of what I’ve accomplished so far.
|
||||
It feels great to look back through what I’ve written, knowing it’s the fruit of my persistence.
|
||||
I’m grateful to Jibran for offering this opportunity for me to take on a big goal like this, and to everyone in the challenge for keeping me interested & motivated.
|
||||
</p><p>
|
||||
Have you committed to a long-term goal with daily effort?
|
||||
Did it take some “pushing through” to get over the early hump?
|
||||
Have you tried to do 100 of something?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — chess</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Chess etymology adventure</h1>
|
||||
<time datetime='Thu, 16 Feb 2023 19:00:00 CST'>16 Feb 2023, 7:00 PM</time>
|
||||
<p>
|
||||
I love etymology.
|
||||
It’s so cool how every word has a little real-life story attached to it.
|
||||
But some don’t, and they make these tantalizing unresolved puzzles with a few pieces missing.
|
||||
Learning etymologies, you get a sense of how lively words are, moving around and occupying different meanings like the shifting borders of a country.
|
||||
</p><p>
|
||||
So today, I looked up the meaning of the German word <a href='https://en.wiktionary.org/wiki/Bauer#German'><i>Bauer</i></a>.
|
||||
I studied some German in college, but I am rusty on it, so I thought it maybe meant “builder”.*
|
||||
It actually means “farmer”, or “peasant”, but I noticed that it’s also the German term for the pawn piece in chess.
|
||||
</p><p>
|
||||
Even better, the entry includes a table showing the names for the other chess pieces in German.
|
||||
Even better than <i>that</i>, there’s actually a <a href='https://en.wiktionary.org/wiki/Appendix:Chess_pieces'>page with a big table</a> that gives the names for chess pieces in many languages.
|
||||
Just with the clicking around I’ve done so far, I’ve picked up some fascinating tidbits.
|
||||
</p><p>
|
||||
Just in the German table, I saw that the term for the bishop was <i>Läufer</i>, which means “runner”, not bishop.
|
||||
I had kind of assumed it would have been called <i>Bischof</i> in German and the equivalent of <i>bishop</i> in most languages, so that was a neat surprise.
|
||||
“Runner” is an approprite name for the piece given its function.
|
||||
</p><p>
|
||||
Another great tidbit I picked up from the German table was the word <i>Ross</i> as one of the terms for the knight.
|
||||
<i>Ross</i> means “horse”, evidently, but it’s not the common word I learned in my German class, which would have been <i>Pferd</i>.
|
||||
It’s a more archaic and poetic term for horse, perhaps like <i>steed</i> in English.
|
||||
But it’s cognate with English <i>horse</i>, because both descend from the same Germanic root <a href='https://en.wiktionary.org/wiki/Reconstruction:Proto-West_Germanic/hross'><i>*hross</i></a>.
|
||||
</p><p>
|
||||
When I was learning German, I noticed that a lot of the cognates between English and German went the other way, where the modern German word was linked to an archaic-sounding English word.
|
||||
For example, <i>Mädchen</i> is the normal word for “girl”, whereas its English cognate <i>maiden</i> is a more archaic word.
|
||||
So it was cool to find <i>Ross</i>–<i>horse</i>, a pair where the English is modern and the German equivalent is archaic.
|
||||
</p><p>
|
||||
The bishop wasn’t originally the bishop in English.
|
||||
First it was <i>alfin</i>, from the Arabic word for “elephant”, الفِيل (<i>al-fīl</i>, literally “the elephant”).
|
||||
There are a lot of languages that still call the piece either something based on <i>al-fīl</i> or just their native word for “elephant”.
|
||||
After that, it was <i>archer</i>, which was probably a reference to its movement.
|
||||
</p><p>
|
||||
I’m still looking around to figure out how exactly <i>bishop</i> got introduced as the English word for that piece.
|
||||
I always assumed the piece looked the way it did because it was meant to be a bishop’s hat, but if it’s a more recent coinage,
|
||||
perhaps it got that name for the reverse reason: people noticed the elephant piece looked kind of like a bishop’s hat and started calling it that.
|
||||
Please let me know if you know any more about it.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/old_chess.webp' width='600' height='457'
|
||||
alt='Ancient chess set from Iran. One side is green and the other is brown'
|
||||
/>
|
||||
<figcaption>One of the oldest remaining chess sets. Check out the tusks on the bishops!</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
In a lot of languages, the rook is called something like “tower”.
|
||||
But English <i>rook</i> comes from the Persian word رخ (<i>rox</i>), which apparently is just used for the chess piece.
|
||||
Relatively few langauges use a descendant of <i>rox</i>, not even French, which is where English got it, via Old French’s <i>roc</i>.
|
||||
</p><p>
|
||||
Okay, I’d better stop myself there.
|
||||
Etymology really is one of those topics I could just talk forever about; this stuff is totally fascinating to me.
|
||||
But if I don’t stop now, we’re quickly heading towards wall-of-text territory.
|
||||
</p><p>
|
||||
Do you like etymology?
|
||||
Do you have other topics you tend to rabbit-hole on?
|
||||
Do you play chess?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p><p class='footnote'>
|
||||
* I was close; <i>Bau</i> means “building” or “construction”, both the act and the result. The correct word for this kind of builder according to Wiktionary is <i>Bauarbeiter</i>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — choral favorites</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>A few of my favorite choral pieces</h1>
|
||||
<time datetime='Mon, 6 Mar 2023 23:00:00 CST'>6 Mar 2023, 11:00 PM</time>
|
||||
<p>
|
||||
I wrote last week about <a href='choral.html'>my love of choral music</a>, and how I used to think about it more when I wrote more of it.
|
||||
I also spent a lot of time listening to it back then.
|
||||
Today I’ll share a few of my favorites.
|
||||
</p>
|
||||
<h3><i>Faire is the Heaven</i> by William Henry Harris</h3>
|
||||
<p><a href='https://song.link/s/4k0U99WjDjOn19SAQKPmY2'>Link to recording</a></p>
|
||||
<p>
|
||||
Double choir is a technique where a composer writes parts for two separate choral units, both consisting of each part of the choir.
|
||||
These units then sing separate & overlapping phrases according to their organization.
|
||||
<i>Faire is the Heaven</i> is probably the best use of a double choir that I know of.
|
||||
Harris uses overlaps between the end of one choir’s phrase and the beginning of the other’s to create a chain of unbroken texture throughout the piece.
|
||||
Each idea starts as the previous finishes, smoothly transitioning you through a sublime kaleidoscope.
|
||||
There are a lot of ideas in the piece, but they flow together so nicely that it feels well-structured nonetheless.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/miserere.webp' width='400' height='400'
|
||||
alt='Album art for Allegri: Miserere by Tenebrae'
|
||||
/>
|
||||
<figcaption>This entire album is fantastic, by the way. Choral music is a huge challenge to record well, so the audio engineers who worked on this one deserve a lot of credit.</figcaption>
|
||||
</figure>
|
||||
<h3><i>O sacrum convivium!</i> by Olivier Messiaen</h3>
|
||||
<p><a href='https://song.link/s/1zi3yZetwlWMaiYcDWO0Ci'>Link to recording</a></p>
|
||||
<p>
|
||||
Messiaen is a composer who kind of just had his own way of doing things.
|
||||
He didn’t write much choral music, and his mature compositional approach probably wouldn’t have been well-suited to it anyway.
|
||||
But <i>O sacrum convivium</i> is a gem of a piece, in which he brings his unique language to choral writing with lovely results.
|
||||
The rhythmic pattern is irregular but very slow, so it may take a moment to “feel into it” on first encounter.
|
||||
The harmony is generally tonal but features some forays into octatonic harmony, lending it an otherworldly but nevertheless devotional feel.
|
||||
</p>
|
||||
<h3><i>Ubi caritas</i> by Maurice Duruflé</h3>
|
||||
<p><a href='https://song.link/s/5z1FB2jimYNSYmBk4G6cQk'>Link to recording</a></p>
|
||||
<p>
|
||||
This piece has a special place in my heart.
|
||||
I sang it in an honor choir I participated in in middle school, which was one of my first experiences with 4-part SATB choral music.
|
||||
I’m usually a tenor, but I ended up singing bass in this ensemble, which always gives you a different view of the piece.
|
||||
There’s this really cool “money note” the basses get to sing on the word <i>diligamus</i>, and it’s such a short thing, but it was what I looked forward to the most when we sang the piece.
|
||||
It’s also a great example of how to adapt a Gregorian chant theme, which is one of Duruflé’s specialties, being an organist.
|
||||
</p><p>
|
||||
Do you listen to choral music?
|
||||
Have you heard the pieces I mentioned?
|
||||
Do you have some favorites you’d like to recommend me?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — choral</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Let’s talk choral music</h1>
|
||||
<time datetime='Thu, 2 Mar 2023 22:00:00 CST'>2 Mar 2023, 10:00 PM</time>
|
||||
<p>
|
||||
I haven’t written especially much on here about choral music, but it’s actually very important to me.
|
||||
My composition degree included a special concentration in choral music, and despite my current <a href='dry-spell.html'>dry spell</a>,
|
||||
I still see choral music as part of my life’s calling in a special way.
|
||||
</p><p>
|
||||
I think with getting a full-time job and getting myself established in that, I lost a certain level of focus on choral music that I had before.
|
||||
While in school, my life’s narrative revolved around music on both a micro and macro level.
|
||||
I spent my time studying music, writing it, rehearsing it, and all in service of the large-scale goal of cultivating myself as a composer.
|
||||
My current job is at least music-adjacent, but it’s hard to keep the thread of choral music as lively when my daily work doesn’t orient me towards it,
|
||||
and my general career trajectory isn’t currently bringing me closer to choral music either.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/requiem.webp' width='500' height='333'
|
||||
alt='Oratorienchor of Würzburg singing Brahms’s Requiem'
|
||||
/>
|
||||
<figcaption>They’re singing Brahms’s Requiem<br/>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Oratorienchor_W%C3%BCrzburg_Brahms-Requiem_14.jpg#Licensing'>Schorle</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
In spite of all this, I still have the glowing embers from the fire of choral inspiration that once burned in me.
|
||||
Many people think of choral music as a subgenre of classical music, and certainly a lot of choral music is from that tradition, but to me, it transcends that world.
|
||||
I don’t write classical music or whatever its contemporary equivalent is; I just write plans for what I think people should do when they get together to sing.
|
||||
People coming together to sing is a holy and precious thing in the many forms it takes, and I want my life’s work to be devoted to facilitating and participating in that.
|
||||
</p><p>
|
||||
I’ve had the incredible privilege to sing in some great choirs with superb directors, and through these ensembles I had the chance to encounter and sing many pieces that had a profound influence on me personally.
|
||||
The most moving experience I had in college was singing Brahms’s <i>Ein deutsches Requiem</i>.
|
||||
At the end of that performance, having put my all into this music I had grown to love, I found myself surprised by a sudden rush of tears.
|
||||
I barely held it together for the applause, then I rushed to the bathroom.
|
||||
There, I wept hard & loudly for about ten solid minutes, some of the most cathartic crying of my life.
|
||||
Knowing how deeply a person can be moved by the right music, it’s my ambition to write some music that people can put their hearts & souls into like that.
|
||||
</p><p>
|
||||
Do you sing or enjoy choral music?
|
||||
Do you write any music?
|
||||
Have you been deeply moved by music?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — cold walk</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My cold walk</h1>
|
||||
<time datetime='Wed, 4 Jan 2023 23:00:00 CST'>4 Jan. 2023, 11:00 PM</time>
|
||||
<p>
|
||||
Today I took a walk after I was done with work.
|
||||
The temperature outside was 8°F (–13°C), so it was pretty chilly, and the sun was just setting.
|
||||
Fortunately, the moon is almost full right now, so I actually had good lighting anyway.
|
||||
</p><p>
|
||||
I love taking walks.
|
||||
It gets me into an open and receptive mood.
|
||||
I notice all the things I would normally miss in a car, and getting my body moving helps me have good ideas.
|
||||
</p>
|
||||
<img src='img/cold_walk.webp' width='600' height='450'
|
||||
alt='A school with one room lit up, surrounded by snow. The full moon is visible behind clouds'
|
||||
/>
|
||||
<p>
|
||||
When it’s as cold as it is outside, your ability to take walks is somewhat limited, and most people choose not to do it.
|
||||
I myself don’t take as many walks in the winter, and usually not after dark.
|
||||
But walking at twilight with no one else outside is pretty enchanting, so I felt like it was worth it even as my hands froze.
|
||||
</p><p>
|
||||
My favorite part about the walk was watching a thin layer of clouds move over the moon.
|
||||
Looking at the moon, it really felt like a physical light hanging high up in the firmament.
|
||||
I had a strong sense of how beautiful it is for us to live under the moon, even when we’re not looking at it.
|
||||
</p><p>
|
||||
Do you like taking walks?
|
||||
Do you take walks in adverse conditions?
|
||||
Do you like looking at the moon?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<!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='stylesheet' type='text/css' href='../css/fonts.css'/>
|
||||
<link rel='stylesheet' type='text/css' href='../css/style.css'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<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 23: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'><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'
|
||||
alt='Album art for Colour Green by Sibylle Baier'
|
||||
/>
|
||||
<figcaption>I highly recommend the whole album, but if you only listen to one song, check out <i>Forget About</i></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Like <a href='pink-moon.html'><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 sizes of phrases.
|
||||
A lot of times, the phrases don’t last the normal four or two measures, but rather odd and varying lengths.
|
||||
This enhances the etheral vibe, because new ideas will just float in, one following the other, whenever it feels natural.
|
||||
Feeling natural is the 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;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — completion</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Abysmal project completion rate</h1>
|
||||
<time datetime='Mon, 23 Jan 2023 10:00:00 CST'>23 Jan. 2023, 10:00 PM</time>
|
||||
<p>
|
||||
I had the idea recently to transcribe the <a href='https://www.youtube.com/watch?v=byJLw-dQXHA'>Tetris CD-i soundtrack</a> by Jim Andron for piano.
|
||||
I could have fun playing through the songs and then share the enjoyment by putting the scores online.
|
||||
If I do end up finishing this side project, I’ll post about it here.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/tetris_cd-i.webp' width='372' height='246'
|
||||
alt='Screenshot from Tetris CD-i: a monolith with Tetris on it in a meadow, with a mountain in the background'
|
||||
/>
|
||||
<figcaption>The whole Tetris CD-i game has incredible vibes, by the way</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
After having the idea, I spent a couple hours working on the <i>Level 0</i> track.
|
||||
The basic pattern was easy enough to transcribe, but after the initial success, it turned into a bit of a slog.
|
||||
I wanted to capture all these neat details and extra pieces of instrumentation in the track, and figuring out how to incorporate them into the piano part wasn’t easy.
|
||||
After thinking about it some more, I decided I could stick with a simpler version that focused on the piano part, if it meant I made a better rate of progress.
|
||||
</p><p>
|
||||
After that, I just never got back to the project.
|
||||
It’s not that I couldn’t return to it, but now there’s been a definite break from the initial burst of energy that made me want to do the project.
|
||||
I still like the idea, but I just don’t <i>feel</i> like doing it in the way I did before, and I see no reason to force myself to do it when it’s not really a priority.
|
||||
In order to feel it again, I’d have to get back in touch with my original motives for doing it and kind of get past that “activation energy” threshold that makes it hard to pick up a project.
|
||||
</p><p>
|
||||
I have many such examples of side projects, either on hold or basically abandoned.
|
||||
In fact, I could probably write a whole post just taking inventory of my project graveyard (I think I will <a href='graveyard-1.html'>tomorrow</a>).
|
||||
I do regret not finishing certain projects, or I think that I’d like to still come back to them sometime.
|
||||
</p><p>
|
||||
But a lot of times, it seems like completion isn’t really what I’m after.
|
||||
I always learn a lot from starting a project, and I have a lot of fun fleshing out ideas even if they don’t always pan out.
|
||||
Sometimes, the partial remains of a previous project can be rolled into something new (e.g., I abandoned a translation project and then used one of my texts for a choral piece).
|
||||
</p><p>
|
||||
If I were to set a goal for myself, I think I’d like to become someone who can choose whether to complete a given project or not, and stick to that.
|
||||
I know not all projects are for completing, but I would like to be able to say “yes, this matters enough to me”, and do what I had to to make it happen.
|
||||
This year I’m making progress with <a href='./goals.html'>setting & achieving daily goals</a>.
|
||||
Maybe there’s a way to take that ability to commit and apply it to some of my old projects.
|
||||
</p><p>
|
||||
Do you have some abandoned or on-hold projects?
|
||||
What is your side project completion rate like?
|
||||
Do you have any techniques for committing to the ones you really want to see through?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — cram</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Stream of consciousness cram</h1>
|
||||
<time datetime='Thu, 19 Jan 2023 18:00:00 CST'>19 Jan. 2023, 6:00 PM</time>
|
||||
<p>
|
||||
Unlike most weeknights, I’m going to be unable to write my post in the evening.
|
||||
I just spent the last half hour struggling to think of a topic for today.
|
||||
I’m still determined to succeed at this challenge, so I’ve decided to just sit down and write whatever comes to mind and call it a post.
|
||||
</p><p>
|
||||
I’m excited to be going out and doing something tonight, even if it throws off my regular schedule.
|
||||
During the winter, I kind of go “hibernation mode” & I’m more hesitant to disrupt my daily rhythm.
|
||||
But if I go too long just on autopilot things deteriorate mood-wise, so I know it will be good for me to get out.
|
||||
</p>
|
||||
<img src='img/bear.webp' width='500' height='377'
|
||||
alt='Hibernating bear'
|
||||
/>
|
||||
<p>
|
||||
Working from home, I have a lot fewer time constraints than I used to while in school.
|
||||
There just aren’t that many things I have to worry about being on-time for, and all my meetings are right in the same place I always am.
|
||||
I’ve always been unpunctual, and now I have fewer occasions to improve at that then ever.
|
||||
When I do have to worry about timing nowdays, I’m actually kind of glad to have the opportunity to test my skills.
|
||||
</p><p>
|
||||
Well, looks like I’ve made it past 100 words.
|
||||
That’s all I’ve got for now.
|
||||
Tomorrow’s post should be back to a more typical level of thoroughness.
|
||||
</p><p>
|
||||
Do you go “hibernation mode” at all in the winter?
|
||||
Are you punctual?
|
||||
Have you improved with punctuality over time?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — custard</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Attempts to make custard</h1>
|
||||
<time datetime='Tue, 14 Mar 2023 22:00:00 CDT'>14 Mar 2023, 10:00 PM</time>
|
||||
<p>
|
||||
This weekend, I wanted to try making custard.
|
||||
My parents have a <a href='https://en.wikipedia.org/wiki/Sous_vide'>sous vide</a> machine.
|
||||
They’re good for making custard because they can get food to a very even temperature and never overheat it.
|
||||
</p><p>
|
||||
The first batch I based on the recipe my mom uses for making crème brûlée with the sous vide.
|
||||
I like the consistency of crème brûlée custard a lot, so it seemed like a good starting point.
|
||||
I wanted it to have a low-sweetness, dark chocolate sort of flavor.*
|
||||
We used cocoa powder for the chocolate, just guessing on the amount.
|
||||
After it was cooked, thought it would be fun to chill it by putting it in a snow bank.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/custard.webp' width='500' height='375'
|
||||
alt='A jar of chocolate custard sitting in a snow bank'
|
||||
/>
|
||||
<figcaption>
|
||||
This is the second batch.
|
||||
I was looking forward to this being the best custard ever made and to sharing my “gome custard” recipe with you on here.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
This first batch turned out pretty good.
|
||||
I thought the consistency was a little thinner than what I wanted, and the chocolate flavor didn’t come through quite as much as I was hoping.
|
||||
I think the stage we introduced the cocoa at caused it to clump up a little bit, and then those clumps got filtered out during the straining step.
|
||||
So we probably needed more cocoa and needed to introduce it later.
|
||||
But in general, this batch was some great custard.
|
||||
The lower sweetness worked just fine, and even with a light chocolate flavor, great custard is still great custard.
|
||||
</p><p>
|
||||
For the second batch, I got the bright idea of trying to add rosemary.
|
||||
Infusing the cream with rosemary was actually pretty fun.
|
||||
I like sitting over a pot and keeping it stirring.
|
||||
</p><p>
|
||||
We tried several tweaks to the recipe for this one, including a higher egg-to-cream ratio and a slightly higher cooking temperature, both in the hopes of a slightly thicker texture.
|
||||
We also used melted chocolate chips for the chocolate.
|
||||
</p><p>
|
||||
My mom tried to warn me against making too many adjustments at once, suggesting I find a recipe to follow specifically for rosemary-chocolate custard or pudding.
|
||||
My rationale for freestyling it was that I wanted to learn how to get exactly the custard I wanted, which could only be achieved through some trial and error.
|
||||
</p><p>
|
||||
This batch was definitely the error side of that achievement.
|
||||
The rosemary was significantly stronger than the chocolate, which was not a good balance, especially when you account for the fact that I accidentally added twice as much salt.
|
||||
The chocolate still came out weak, and this time, the sweetness was almost completely gone (I had decreased the sugar added to account for the chocolate chips, but the move was naively executed).
|
||||
</p><p>
|
||||
In the end, I had fun making custard both times, and I feel like I have some valuable lessons to bring forward with me next time.
|
||||
I don’t want to give up experimenting, because I really do think it helps develop my general “cook’s sense”.
|
||||
But next time I make custard, I’ll probably reference a recipe.
|
||||
</p><p>
|
||||
Have you made custard before?
|
||||
Have you experimented with the recipe before?
|
||||
Have you made mistakes cooking?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p><p class='footnote'>
|
||||
* In retrospect, trying to get a dish with milk as the main ingredient to have a “dark chocolate flavor” was not the best-formed concept.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — dark matter</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Last.fm dark matter</h1>
|
||||
<time datetime='Wed, 5 Apr 2023 23:00:00 CDT'>5 Apr 2023, 11:00 PM</time>
|
||||
<p>
|
||||
I enjoy being able to keep track of what music I listen to with my <a href='https://www.last.fm/user/atbseefeldt'>last.fm account</a>.
|
||||
After you’ve used it for a while you can get a lot of nice data about your listening habits.
|
||||
I wish more of my friends had accounts so I could follow what they listen to.
|
||||
</p><p>
|
||||
I only have last.fm hooked up to my Spotify account, since that’s what I use the most by far for streaming music.
|
||||
I would like to eventually get physical or DRM-free digital copies of all my favorite albums, but unfortunately, the prospect of purchasing my whole library just gets more and more expensive as I find more music to love…
|
||||
</p><p>
|
||||
Anyway, I do listen to some music off of Spotify, and unfortunately, this listening is not reflected in my last.fm data.
|
||||
So I thought I might share some of my favorite music I have to go off Spotify to enjoy.
|
||||
</p>
|
||||
<img src='img/dark_matter.webp' width='900' height='300'
|
||||
alt='Album art for Blue by Joni Mitchell; Tetris CD-i box art, to represent the soundtrack by Jim Andron, and album art for Strawberry Fields by Mushroom Village'
|
||||
/>
|
||||
<h3>Joni Mitchell</h3>
|
||||
<p>
|
||||
I mentioned Joni Mitchell previously as <a href='singers.html'>one of my favorite singers</a>, and when she was on Spotify I listened to her a lot on there.
|
||||
Unfortunately, her music was removed from Spotify soon after I started my last.fm account, so she’s sorely underrepresented on there.
|
||||
But I love her songwriting & singing, and I wish I listened to her more often.
|
||||
My favorite album by her is currently <a href='https://album.link/us/i/1492263092'><i>Blue</i></a>.
|
||||
Some of my favorite songs by her include
|
||||
<a href='https://song.link/us/i/74769080'><i>Chelsea Morning</i></a>,
|
||||
<a href='https://song.link/us/i/1492263241'><i>Help Me</i></a>, and
|
||||
<a href='https://song.link/us/i/1492263126'><i>Carey</i></a>.
|
||||
</p>
|
||||
<h3>Tetris CD-i soundtrack by Jim Andron</h3>
|
||||
<p>
|
||||
I listen to this one on <a href='https://www.youtube.com/watch?v=byJLw-dQXHA'>YouTube</a>* from time to time.
|
||||
I knew immediately when I found this one that it was something special.
|
||||
I was blown away at the time to discover there was a Tetris game released for a console I had never heard of that was this vibey.
|
||||
The soundtrack goes perfect with the blissful proto-vaporwave visuals of the game world, as you play Tetris on monoliths placed in various scenic locations.
|
||||
So on the right kind of day, I love to come back and revisit that awesome sound-world.
|
||||
</p>
|
||||
<h3>Various comfy synth artists</h3>
|
||||
<p>
|
||||
Comfy synth is a microgenre based on dungeon synth, which itself is a microgenre that uses retro synthesizer sounds to create an 80’s-inspired dark fantasy aesthetic.
|
||||
Comfy synth is like the lighter side of that same aesthetic, more out of a story-book than a D&D campaign.
|
||||
The album art and track titles are always twee or nostalgic, and the music follows up in the same vein.
|
||||
I originally learned about it through this <a href='https://daily.bandcamp.com/lists/comfy-synth-list'>Bandcamp Daily post</a>,
|
||||
which is a great place to start if you’re interested.
|
||||
My favorite comfy synth artist is probably <a href='https://mushroomvillage.bandcamp.com/album/strawberry-fields'>Mushroom Village</a>, with <a href='https://snowyhillhouse.bandcamp.com/album/my-house'>Snowy Hill House</a> in a close second.
|
||||
<a href='https://tinymouse.bandcamp.com/'>Tiny Mouse</a> and <a href='https://grandmascottage.bandcamp.com/'>Grandma’s Cottage</a> both deserve honorable mentions, especially for their more recent output.
|
||||
</p><p>
|
||||
Do you have a last.fm account?
|
||||
Do you do most of your music listening on one app?
|
||||
Do you have some other music off the beaten path you like to come back to?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p><p class='footnote'>
|
||||
* There’s a nice comment on that video from Jim Andron himself, the artist behind the soundtrack!
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — dialogue</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>A model of musical dialogue</h1>
|
||||
<time datetime='Thu, 8 Dec 2022 20:00:00 CST'>8 Dec. 2022, 8:00 PM</time>
|
||||
<p>
|
||||
One way to frame a genre is as a common set of musical ideas that tie together a group of musical works.
|
||||
A genre starts with a period of innovation, wherein one or more musicians introduce enough new ideas to a genre that they take on a new life, separate from the base genre.
|
||||
An example would be William Bevan, better known as Burial, whose atomospheric approach to dubstep went on to define the genre of future garage.
|
||||
</p><p>
|
||||
When they come on the scene, the ideas that characterize a new genre are usually rough and only partially realized.
|
||||
As the genre gains a larger body of work, different players contribute new music, which refines the genre and its core ideas.
|
||||
Eventually, this reaches a peak where the core ideas of the genre have been fully refined and solidified.
|
||||
The most sophisticated and fully realized examples of a genre usually emerge from this time.
|
||||
Carlo Gesualdo, for example, did not invent the Italian madrigal, but he arguably wrote some of the best of the period, because he had a whole century’s worth of material behind him.
|
||||
Between his mastery of counterpoint and harmony of the time and his deep understanding of the form, he was able to bring this genre to new heights near the end of its relevancy.
|
||||
</p>
|
||||
<img src='img/burial_gesualdo.webp' width='600' height='374'
|
||||
alt='Carlo Gesualdo hanging out with the guy from the album art of Untrue by Burial'
|
||||
/>
|
||||
<p>
|
||||
Once a genre reaches this decadent stage, its core ideas have played out, and there’s not really new ground to cover with them.
|
||||
At this point, the genre dies, or some new ideas come along and keep it going, possibly spawning off new genres.
|
||||
In any case, the genre’s core ideas tend to go dormant.
|
||||
New music may reference them, but in a backwards-looking way, not developing them further.
|
||||
</p><p>
|
||||
I’ve focused on the genre, this progression of innovation & refinement leading to decadence is also a genral model of musical dialogue.
|
||||
The same process happens all the time in music, independent of genres, on the micro and macro level.
|
||||
It’s the lifecycle of any musical idea that is shared between musicians.
|
||||
</p><p>
|
||||
What do you think of this model?
|
||||
Do you have any good examples of an early innovator in a genre?
|
||||
What about an example of high perfection near the decadent stage?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — disagreeing</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Disagreeing with friends</h1>
|
||||
<time datetime='Thu, 2 Feb 2023 23:30:00 CST'>2 Feb 2023, 11:30 PM</time>
|
||||
<p>
|
||||
I had a roomate in college one year who I would describe as disagreeable.
|
||||
They would often disagree with me about fairly trivial things, and then we would end up arguing.
|
||||
Strangely enough, I look back fondly on our arguing.
|
||||
Since we were arguing about trivial things, it soon became clear we were doing it more for entertainment than for any high stakes.
|
||||
</p><p>
|
||||
All this arguing also had a great secondary effect: it increased our confidence speaking our mind with each other.
|
||||
Normal roomate disagreements were easy to handle and resolve amicably, because we knew it was safe for us to disagree.
|
||||
In other roomate situations, I’ve sometimes gotten stuck behind a shield of politeness, which makes it hard to discuss touchy subjects for fear of disturbing the peace.
|
||||
</p><p>
|
||||
I’ve noticed a similar pattern with other friends of mine.
|
||||
In general, I find it easier to get close with people I have some significant difference in beliefs with.
|
||||
To me, the more important quality in a friend isn’t what they specifically believe, but their openness to other points of view and their ability to handle disagreements well.
|
||||
Some points are easier to make in chart form, so check it out:
|
||||
</p>
|
||||
<img src='img/friend_chart.webp' width='330' height='280' />
|
||||
<p>
|
||||
With those who have different beliefs than me, disagreements are naturally more likely to occur, so I can sooner discover how open-minded someone is.
|
||||
Once we’ve established the trust that we can disagree and still get along, I feel like I can reveal more of myself to a friend.
|
||||
So it’s precisely those sites of disagreement where we build trust that our friendship can transcend our differences.
|
||||
</p><p>
|
||||
Do you disagree with your friends?
|
||||
Are your friends open-minded?
|
||||
Do you like to argue a bit for fun?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — dowsing</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>What’s up with dowsing?</h1>
|
||||
<time datetime='Tue, 2 May 2023 22:00:00 CDT'>2 May 2023, 10:00 PM</time>
|
||||
<p>
|
||||
Today at dinner my dad was talking about a podcast he had heard where they talked about dowsing.
|
||||
For the unfamiliar, dowsing is a technique used to find hidden things, such as underground water or gravesites.
|
||||
The dowser often uses a rod or pair of rods, which are meant to guide them toward whatever it is they’re looking for.
|
||||
</p><p>
|
||||
The episode my dad listened to gave some impressive anectdotal examples of dowsing being used to find things.
|
||||
Obviously these are only examples, and if this were all I had heard, I wouldn’t be that interested.
|
||||
But I actually have a personal connection to the practice in my family history.
|
||||
</p><p>
|
||||
I’ve heard a few times from my mom that my grandfather actually had a pair of dowsing rods, and used them with some success.
|
||||
To be clear, my grandpa wasn’t some paranormal enthusiast or pseudoscience quack.
|
||||
He was a farmer of the American heartland, and not prone to eccentricity or superstition.
|
||||
He did dowsing because it produced practical results for him.
|
||||
</p>
|
||||
<img src='img/dowser.webp' width='490' height='480' />
|
||||
<p>
|
||||
I don’t really have a clear picture of his success rate with it, but I do know that he used his rods to find water and the graves of relatives.
|
||||
And it must have worked well enough for him that he did it regularly; it’s not like he tried it once & gave up.
|
||||
My understanding is that it’s not uncommon for old farmers to have some experience with dowsing, especially for finding water.
|
||||
</p><p>
|
||||
So, what exactly is going on with dowsing?
|
||||
I don’t think anyone really knows, but I have a general theory I’ve picked up about things like this.
|
||||
People receive a lot of sensory information that never makes it to their conscious mind, but still gets processed.
|
||||
Some of this sensory information might be conditions in the feel of the ground or the air that give an experienced mind clues to where water might be.
|
||||
Processes like dowsing might give the unconscious a way to pass that information along to the conscious mind, bypassing the layer of filtering that would normally interfere with that intuition.
|
||||
</p><p>
|
||||
As I said, it’s just a general theory.
|
||||
Practices like dowsing are still mostly a mystery.
|
||||
But the interesting thing about it is that you can have no clue how it works, and it might still work for you.
|
||||
And if it works, why not use it?
|
||||
There seems to be some variation among people in their aptitude for it, but I’d like to give it a try sometime and see for myself.
|
||||
</p><p>
|
||||
Have you ever heard stories of dowsing working?
|
||||
Have you ever tried dowsing?
|
||||
Do you think there’s anything to the theory I gave?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — dreaming</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Dreaming all the time</h1>
|
||||
<time datetime='Fri, 2 Dec 2022 22:30:00 CST'>2 Dec. 2022, 10:30 PM</time>
|
||||
<p>
|
||||
I tend to dream in “place-feelings”. I have a strong spatial sense of the place I am in during a dream, and I associate the place with some unique (usually personal & nostalgic) feeling.
|
||||
Sometimes, they are real places, other times, they are built out of fragments of places I’ve been to, seen, or imagined.
|
||||
Rather than a whole vista I could envision, place-feelings tend to have a collection of associated features or emotional contexts to them.
|
||||
</p><p>
|
||||
Some examples of place-feelings I can recall are:
|
||||
</p><ul>
|
||||
<li>A cool, comfortable evergreen forest with a gazebo or chapel in it</li>
|
||||
<li>A garden with a white brick wall next to it, in bright sunlight</li>
|
||||
<li>A wide open plain with tall trees or walls surrounding it on all sides at a distance</li>
|
||||
</ul>
|
||||
<img src='img/liminal_field.webp' width='640' height='427' />
|
||||
<p>
|
||||
On days when I feel really good and well-rested, I can sense a place-feeling flickering around the edges of my conscious thoughts.
|
||||
The specific place-feeling I sense tends to change gradually over a few weeks or months, usually with some intervening time where I don’t sense it at all.
|
||||
These impressions arise most often while I am outside and moving around.
|
||||
This has lead me to think that whatever makes me feel these places in dreams continues to go on while I’m awake, but is usually unaccessible.
|
||||
</p><p>
|
||||
The phenomenon squares pretty well with what I understand about the unconscious mind.
|
||||
Roughly speaking, the conscious mind fades away during sleep, but the unconscious remains active, and some of its activity can then be remembered by the conscious mind upon waking.
|
||||
Then, during the day, the unconscious carries on in the same way, but is usually not detectable.
|
||||
It’s like dreams are the stars, and conscious thought is the sun.
|
||||
These waking dreams are like catching a lucky glimpse of an especially bright star during daylight.
|
||||
</p><p>
|
||||
I’m curious whether there is a way to further cultivate dream awareness during my waking hours.
|
||||
Currently, I just enjoy it when it happens, and try to take good care of myself.
|
||||
</p><p>
|
||||
What do you think? Are dreams (or something similar) going on all the time for everyone?
|
||||
Have you ever noticed elements from your dreams arise during waking hours?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — drinking</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Drinking in the presence of others</h1>
|
||||
<time datetime='Wed, 22 Mar 2023 22:30:00 CDT'>22 Mar 2023, 10:30 PM</time>
|
||||
<p>
|
||||
I’ve noticed that I sometimes start to feel uncomfortable with other people when I feel I can’t sufficiently mirror them.
|
||||
Maybe the energy they’re giving off feels wrong to me, or I don’t quite agree with what they’re saying, or they’re expressing some difficult emotion.
|
||||
Basically, I’m feeling some resistance to an aspect of their presence.
|
||||
</p><p>
|
||||
I think of this phenomenon as akin to drinking a beverage and gagging on some weird flavor you weren’t ready for.
|
||||
Sometimes there might be a good reason for this.
|
||||
Maybe you’re responding to the taste of a poison or something that just isn’t good for you.
|
||||
But it might be that you’re just not used to the flavor, and if you acclimated to it, you wouldn’t have any trouble finishing the drink.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/bebida_divertida.webp' width='600' height='310' />
|
||||
<figcaption>The title of this image was <i>Bebida divertida</i> (“fun drink”). Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Bebida_divertida.jpg#Licensing' target='href'>Prácticas Intraescolares</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
I kind of abused that metaphor, but when applied to people, it means that it might take a little effort to fully “drink in” their presence.
|
||||
Being able to drink without gagging is really about giving your full attention to the person, and not flinching away from discomfort.
|
||||
And that full attention is something generally worth making an effort for.
|
||||
</p><p>
|
||||
Do you ever get uncomfortable or awkward around people?
|
||||
Does it make it difficult to be fully present with them?
|
||||
Do you try to work through that discomfort?
|
||||
Have you ever gagged on a weird-tasting drink?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — dry spell</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Musical dry spell</h1>
|
||||
<time datetime='Wed, 15 Feb 2023 23:00:00 CST'>15 Feb 2023, 11:00 PM</time>
|
||||
<p>
|
||||
I went to college for music composition.
|
||||
When I first started college, I was studying computer science.
|
||||
Two years in, I was spending far more time writing, arranging, and performing music than I was on programming,
|
||||
so I decided it made sense to switch.
|
||||
My time in college was probably my most prolific so far.
|
||||
I dedicated time almost every day to composing choral music and <a href='a-cappella.html'>arranging for my a cappella group</a>.
|
||||
</p><p>
|
||||
After graduating, I wanted to continue being a composer, but I didn’t see a straightforward path to doing that full-time that appealed to me.
|
||||
So I went back to school for a computer science degree, knowing I could make money with it & hopefully keep composing.
|
||||
That went well & all, but unfortunately I don’t compose nearly as much as I used to.
|
||||
I still do write maybe a piece or two a year, but I spend much less time doing it, and I feel very much out of practice on the whole process.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/desert.webp' width='500' height='375' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:IceBirdWithFledgling.jpg'>Mostafa Meraji</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
I don’t think the problem is having less time to spend on composing.
|
||||
When I was in school, I was more busy than I am now outside of work, but I still made time to compose.
|
||||
Nowadays, when I do write, I find it very difficult to truly get into the necessary creative mindset, and I bounce off of the work easily.
|
||||
</p><p>
|
||||
Inspiration’s always elusive, but in order to get any inspiration, you need to dedicate a certain portion of your subconscious mind to working on the music all the time in the background.
|
||||
It seems like I can rarely do that anymore.
|
||||
The work just doesn’t hook me in like it used to.
|
||||
</p><p>
|
||||
Around the time I started college again, I got started on a piece I had wanted to write for a really long time.
|
||||
It had taken me a few false starts to get some material I was really happy with, and the text is special to me, so I wanted to make something exceptional.
|
||||
It’s been 4 years since then, and I still haven’t finished the piece, despite repeated efforts to complete it.
|
||||
That’s by far the longest I’ve ever taken to finish a piece.
|
||||
</p><p>
|
||||
Sometimes I tell myself if I could finish this piece, I’d be able to open up the floodgates and get back into writing music.
|
||||
I sometimes tell myself that the perfectionism I’m bringing to this one is what’s really holding me back.
|
||||
I tell myself a lot of things, but the piece is still unfinished.
|
||||
</p><p>
|
||||
I’ve thought a lot about my dry spell, because in the long term I’m still serious about music being a major part of my life’s work.
|
||||
I don’t think I have a simple and satisfying answer to why I write less than I used to.
|
||||
My life in general is pretty good right now, so maybe it’s alright for me to be relatively less prolific for the time being.
|
||||
All I know is that this is a bridge I must cross eventually if I don’t want to wind up regretting things later on.
|
||||
</p><p>
|
||||
Do you struggle with creative output?
|
||||
How do you get around writer’s block?
|
||||
Have you ever had difficulty finishing a piece or project over a long period of time?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — etiquette</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Why learn etiquette?</h1>
|
||||
<time datetime='Thu, 4 May 2023 22:30:00 CDT'>4 May 2023, 10:30 PM</time>
|
||||
<p>
|
||||
I recently found myself thinking that it might be helpful to seek out resources on etiquette.
|
||||
The exact reason I was thinking this escapes me, so this post is an attempt to rebuild that train of thought.
|
||||
</p><p>
|
||||
Generally I want to be kind to people.
|
||||
Maybe if I’m in some kind of mean or crabby or otherwise negative mood, I don’t feel like it as much, though I’ll still try.
|
||||
But usually, I do have a genuine desire to be kind & pleasant to people if I can.
|
||||
This includes avoiding awkward situations that would make someone uncomfortable, where it is prudent to do so.
|
||||
</p>
|
||||
<img src='img/dinner_party.webp' class='no-border' width='475' height='373' />
|
||||
<p>
|
||||
Social interactions are complex, and usually there are more things in the picture than just “be kind”.
|
||||
You always have your own reactions and emotions going on that need to be duly processed & managed.
|
||||
You might have other goals you want to achieve depending on the context, like to look good or have fun.
|
||||
You also have awareness of other people’s emotions and goals, and those in turn might affect yours.
|
||||
</p><p>
|
||||
All these factors mean it’s sometimes hard to decide what to do, especially in novel situations with unfamiliar details.
|
||||
Suppose a friend made you a weird necklace or something, and you don’t really like it or it doesn’t go with your clothes, but they’re clearly hoping you’ll wear it at this event.
|
||||
How do you handle it?
|
||||
Obviously it’s okay to not get it right all the time, but there might be a simple, practical solution to a scenario like this you just haven’t considered.
|
||||
</p><p>
|
||||
I think a good etiquette book could play a really helpful role here.
|
||||
You could think of it as a stock of these practical solutions, applied to many different scenarios.
|
||||
By reading and understanding these examples, you could build up your own intuition about how to come up with your own solutions on the fly.
|
||||
</p><p>
|
||||
So I’m not looking to etiquette for a list of rules that tell me how to act in particular situations.
|
||||
You can’t really expect a rule list to apply very well to the messy realities of real life.
|
||||
Rather, I would like to learn etiquette as a set of templates for considerate behavior that I can adapt and riff on.
|
||||
</p><p>
|
||||
Etiquette as an established, agreed-upon set of rules is not especially relevant in my culture.
|
||||
Like anywhere else, there are certainly implicit cultural norms, but many things are much more casual now than they maybe once were.
|
||||
There’s not really a “rulebook for polite society” that everyone’s aware of or anything like that.
|
||||
</p><p>
|
||||
Inasmuch as it makes people less constrained & stifled in their behavior, that seems like a good thing.
|
||||
But I think we could use a form of etiquette as positive guidance.
|
||||
Most of us want to be kind, but with such a complex social world, we could sometimes use some help knowing how to do it effectively.
|
||||
</p><p>
|
||||
Have you ever studied etiquette?
|
||||
Do you participate in a culture or subculture with an established etiquette?
|
||||
Do you know of any resources for learning about etiquette?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — examples</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Start with examples</h1>
|
||||
<time datetime='Wed, 28 Dec 2022 23:00:00 CST'>28 Dec. 2022, 11:00 PM</time>
|
||||
<p>
|
||||
If you’ve ever read about the programming language Haskell, it’s likely you encountered some explanation of an abstract structure called a monad.
|
||||
If so, it’s almost as likely you’ve encountered the line “a monad is just a monoid in the category of endofunctors”, which is nonsense to everyone but category theorists.
|
||||
It’s often repeated humorously, but it’s also a prime example of a terrible yet common way to explain a new concept.
|
||||
I myself have read or watched many “simple introductions” to monads that started far too abstractly to be of any help to the uninitiated.
|
||||
</p><p>
|
||||
Try to recall a lecture or lesson (it’s often in math) where you were lost when a concept was first introduced, but eventually it clicked for you.
|
||||
For me, I’ve noticed the clicking usually doesn’t occur until we start discussing concrete examples.
|
||||
Nonetheless, lessons often start with an abstract concept and then bring in concrete examples to illustrate as they go.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/monad.webp' width='530' height='227' />
|
||||
<figcaption>It’s really quite simple!</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Where does this bias towards the abstract come from?
|
||||
Well, the benefit of abstraction is that it lets us do more reasoning with less thinking.
|
||||
A good abstract concept covers many examples at once, so once you understand it, you can use it to think about things on a higher level more easily.
|
||||
So from the expert’s point of view, explanations wrapped up in abstractions are a more elegant and satisfying way of communicating key insights.
|
||||
“A monad is just a monoid in the category of endofunctors” is succinct and technically contains all the information one needs to grasp monads, so it’s a great explanation if you already know what monoids, categories, and endofunctors are.
|
||||
</p><p>
|
||||
So proceeding from the abstract to the concrete works great for experts, but for those learning, I propose that concrete to abstract is the better route.
|
||||
I’ve noticed that the best teachers I’ve learned from do this already.
|
||||
Whenever I am teaching or explaining, I try to think of a good example to start things off.
|
||||
It’s actually a real challenge to come up with a strong example that will make sense to the learner and frame the new concept well,
|
||||
but the right example will have serious payoff in ease of comprehension.
|
||||
</p><p>
|
||||
Is there anything you find yourself regularly teaching or explaining?
|
||||
Do you tend to start with examples or abstractions?
|
||||
If you start with examples, what examples do you use and how effective do you think they are?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — exploration</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>How I like to play</h1>
|
||||
<time datetime='Thu, 6 Apr 2023 22:30:00 CDT'>6 Apr 2023, 10:30 PM</time>
|
||||
<p>
|
||||
Previously I wrote about the aesthetic of <a href='angels-egg.html'><i>Hollow Knight</i></a>, an all-time favorite game of mine.
|
||||
I am not a particularly active gamer, and I rarely look forward to upcoming games, but <i>Hollow Knight: Silksong</i> is one I am genuinely exicted for.
|
||||
I try not to read or think about it too much, because I want to go into the game mostly blind.
|
||||
But from what I can tell, I think the team is really going to outdo themselves, and I can’t wait for it to drop.
|
||||
</p><p>
|
||||
The last time I looked forward to a video game releasing was <i>Portal 2</i>, but this year, I actually have a couple games to anticipate.
|
||||
In addition to <i>Silksong</i>, I’m excited for <i>The Legend of Zelda: Tears of the Kingdom</i>.
|
||||
Nintendo still hasn’t given away much info about it, but I loved <i>Breath of the Wild</i> so much that I feel pretty confident it will be worth pre-ordering.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/silksong-totk.webp' width='646' height='300' />
|
||||
<figcaption>In <i>Silksong</i> you get to play as Hornet, who looks like she will have some really fun movement mechanics.
|
||||
Also I am 100% certain the soundtrack is going to be awesome again.
|
||||
<br/><i>Tears of the Kingdom</i> is based on the same map as <i>Breath of the Wild</i>, but they’re adding a whole bunch of new stuff including sky islands, so there should be plenty to explore. I do hope they have real dungeons this time.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Some people like to play video games for the challenges they present.
|
||||
Some people try to optimize the effectiveness of their play in quantitative ways, as seen in min-maxing or speedrunning.
|
||||
I enjoy challenges, but I find the proposition of optimization-as-play pretty onerous.
|
||||
It’s definitely not my idea of fun to have to figure out how to do a narrowly-defined task perfectly.
|
||||
</p><p>
|
||||
If you’re familiar with the titles I mentioned above, you might be able to get a better idea of how I like to play.
|
||||
I enjoy open-ended exploration, where you can take many paths through the game world and always be rewarded.
|
||||
With exploration, not everything you do will be tied to concrete objectives.
|
||||
Instead, the gameplay and the way you express yourself through it is its own reward.
|
||||
</p><p>
|
||||
Really, exploring is actually just one of my favorite things to do in real life, too.
|
||||
I love visiting places I haven’t been before, seeing new things, mapping them out in my mind, stitching together a new part of the world in my mind.
|
||||
When I can get out and about, I find real-world exploring far more rewarding than the video game equivalent.
|
||||
But it’s nice to have alternatives during the long winters up here.
|
||||
And there’s also a value to the novel and fantastical elements that a game world can bring to the table.
|
||||
</p><p>
|
||||
While I still find replay value in revisiting my favorite game worlds from time to time, there’s nothing quite like the first time you get to explore a game.
|
||||
That’s one unavoidable problem with exploratory video games, no matter how big and open their worlds are:
|
||||
eventually you mostly exhaust them, and while they might still offer some fun and good vibes, they don’t necessarily offer that same sense of mystery and wonder anymore.
|
||||
That’s why I’m glad they’re making sequels to <i>Breath of the Wild</i> and <i>Hollow Knight</i>.
|
||||
I think both are going to recapture some of the magic of the originals, and hopefully bring some of their own, new magic as well.
|
||||
</p><p>
|
||||
Have you played <i>Hollow Knight</i> or <i>Breath of the Wild</i>?
|
||||
Are you looking forward to their sequels?
|
||||
Are you looking forward to any other video game sequels?
|
||||
Do you enjoy exploration in games or real life?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — expression</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Extensive vs. intensive expression</h1>
|
||||
<time datetime='Mon, 5 Dec 2022 21:30:00 CST'>5 Dec. 2022, 9:30 PM</time>
|
||||
<p>
|
||||
The study of phsyics contrasts physical properties as either <i>extensive</i> or <i>intensive</i>. An extensive property is dependent on magnitude (of either a material or a system), whereas an intensive property is not. An example would be a sample of water: the volume (say, 1 gallon) is extensive, and its density (about 1 g/mL) is intensive. If you add another gallon, the volume of the sample would change, but its density would not.
|
||||
</p><p>
|
||||
I like the terms extensive and intensive.
|
||||
I find them useful for describing situations where you have two related concepts, but one faces outward and the other inward.
|
||||
A good example of this would be two contrasting types of expression that occur in the process of writing music.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/ice_bird.webp' width='640' height='432' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:IceBirdWithFledgling.jpg'>Andreas Tille</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
The first type is how the music makes use of the space of possibilities available.
|
||||
This includes:
|
||||
</p><ul>
|
||||
<li>the approach to rhythm & pitch</li>
|
||||
<li>the style or genre</li>
|
||||
<li>the choice of instrumentation</li>
|
||||
<li>the specific ways in which instruments could be used (their ranges, extended techniques)</li>
|
||||
<li>recording & production techniques</li>
|
||||
<li>&c., many other things</li>
|
||||
</ul><p>
|
||||
From this point of view, expression is reaching into this possibility space to discover novelty and project it onto a blank canvas.
|
||||
This is what I would call <i>extensive expression</i>.
|
||||
I think of it as being more aligned with the early stages of writing music: brainstorming and digging around for good ideas to grow.
|
||||
</p><p>
|
||||
<i>Intensive expression</i>, on the other hand, is focused on understanding the nature of the music which is taking shape.
|
||||
You zero in on the specific musical statement you are making, and help the music to become more itself, more of “what it is”, so to speak.
|
||||
The wider space of possibilities gets progressively pruned off as your gut leads you to a distilled form.
|
||||
If extensive expression is about exploration, intensive expression is about receptivity.
|
||||
</p><p>
|
||||
Do you notice a parallel to these types of expression in your creative process?
|
||||
Do you think this interpretation of these terms is a stretch, given their meaning in physics?
|
||||
Do you have an alternative way of looking at musical expression that I don’t touch on here?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Fantasma</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My relationship with <i>Fantasma</i></h1>
|
||||
<time datetime='Fri, 24 Feb 2023 21:30:00 CST'>24 Feb 2023, 9:30 PM</time>
|
||||
<p>
|
||||
I’m not really in shape to do <i>Fantasma</i> justice in writing tonight.
|
||||
My brain is foggy; my ears are clogged.
|
||||
But I’ll do what I can, because the feeling of the album is what’s keeping me going through this most difficult leg of winter.
|
||||
</p><p>
|
||||
<i>Fantasma</i> always reminds me of the summer of 2020.
|
||||
Winter had felt extra long that year because of COVID & lockdown, so the summer had a special sense of freedom to it.
|
||||
Even if we weren’t able to be out and about like normal yet, my family was fortunate to be able to go to the lake & sail a lot.
|
||||
</p>
|
||||
<img src='img/fantasma.webp' width='400' height='400' />
|
||||
<p>
|
||||
I first listened to <i>Fantasma</i> on my brother’s recommendation.
|
||||
There was a lot for me to like about it right away on first listen.
|
||||
I love the pairing of heavy, frenetic drums (both live and machined) with upbeat, sunny guitars and synths.
|
||||
I also love the liberal use of sampling and weird electronic sounds just mixed into the music.
|
||||
</p><p>
|
||||
I often think about “sunlight” as a naturally identifiable quality in music.
|
||||
Like above, I described the guitars as “sunny”, and generally speaking, I can pretty quickly tell if music “has sunlight in it” or not.
|
||||
<i>Fantasma</i> has sunlight in nearly every song, the whole album is a great encapsulation for the feeling of summer.
|
||||
It became a natural accompaniment for our trips to the lake.
|
||||
</p><p>
|
||||
Right now, we’re in the dead of winter, and I think the number one thing the body wishes for in a long winter is sunlight.
|
||||
With the weather being cold & snowy again and me being sick all week, I haven’t seen hardly any sunlight this week, and I can feel it throughout my body.
|
||||
It’s the part of winter where you might have to give up trying for a bit and just wait for it to end.
|
||||
Listening to <i>Fantasma</i> doesn’t bring back the sunlight, but it reminds me of what I’m waiting for on the other side of winter.
|
||||
</p><p>
|
||||
Have you listened to <i>Fantasma</i>?
|
||||
Do you hear the sunlight in it?
|
||||
What other music reminds you of summer or sounds like sunlight to you?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — fireplaces</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Fireplace jokes</h1>
|
||||
<time datetime='Thu, 9 Feb 2023 19:00:00 CST'>9 Feb 2023, 7:00 PM</time>
|
||||
<p>
|
||||
My brother and I went to the library the other week.
|
||||
While there, I looked through an interior design book titled <a href='https://thamesandhudson.com/the-iconic-interior-1900-to-the-present-9780500023334'><i>The Iconic Interior: 1900 to the Present</i></a>.
|
||||
The excellent photography in the book is by Richard Powers.
|
||||
</p><p>
|
||||
Overall, I enjoyed the book.
|
||||
With architecture photobooks, there are always some things that make me say “hmm...” or “ugh!” or “meh”, but there were plenty of really beautiful & cool spaces as well.
|
||||
As I get older, I find my taste in such things gets stronger, in that I know better what I like & dislike, so it was fun to peruse & react to all the different styles.
|
||||
</p><p>
|
||||
One funny thing I noticed in the book was a lot of clearly non-functional fireplaces.
|
||||
I’m sure some of them were real fireplaces that were simply no longer used, and thus got redecorated.
|
||||
But some of the more modern ones were just holes in the wall or mantels that were clearly never meant to be a functional fireplace.
|
||||
One of the funniest was just an all-white shelf that had glass & ceramic doohickeys instead of logs.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/firejacks.webp' width='468' height='222' />
|
||||
<figcaption>I couldn’t find the one from the book, but the doohickeys were like this.</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
I like to call these “fireplace jokes”.
|
||||
They’re kind of a pun on the grammar of interior design.
|
||||
These spaces have no need for the function of a fireplace, but the form of one is useful as an aesthetic focal point even without the function.
|
||||
The irony of including something that looks like a fireplace in a building that has no need for one and couldn’t possibly be heated by one is very funny to me.
|
||||
</p><p>
|
||||
There are some good examples of fireplace jokes on <a href='https://www.richardpowersphoto.com/'>Richard Powers’ website</a>.
|
||||
I can’t include them inline with the article without infringing on his copyright, so I’ll just list links to them here:
|
||||
</p><ul>
|
||||
<li><a href='https://www.richardpowersphoto.com/interiors/2020/3/7/gd2xq4k0qeikiuqx6pp3hgmcopb489'>On the left</a>, just a strange metal box in a hole</li>
|
||||
<li><a href='https://www.richardpowersphoto.com/interiors/2020/3/23/i1e2oqpblfhmzbjjjbm79dfbzga8b1'>Baloon animal fire</a></li>
|
||||
<li><a href='https://www.richardpowersphoto.com/interiors/l74zlbqpxbha5k54y1ly3do5scwkrg'>Space age trash chute</a></li>
|
||||
</ul><p>
|
||||
And here are a few more I found on Architectural Digest:
|
||||
</p><ul>
|
||||
<li><a href='https://media.architecturaldigest.com/photos/636c5c0427e3bef3956e2688/master/w_1600,c_limit/BJD%20-%20Julie%20Soefer.jpg'>Crystals instead of fire</a></li>
|
||||
<li><a href='https://media.architecturaldigest.com/photos/636d2ccb27e3bef3956e26a5/master/w_1600,c_limit/GettyImages-532883098.jpg'>Rocks instead of fire</a>, this one has very nice colors</li>
|
||||
<li><a href='https://media.architecturaldigest.com/photos/636c67157529778c18e8a559/master/w_1600,c_limit/AD070119_DISC_DUSEN_05.jpg'>Mosaic instead of fire</a></li>
|
||||
<li><a href='https://media.architecturaldigest.com/photos/602456ea3b9878872209d03b/master/w_1600,c_limit/YESAD090119_JOHNSON_03.jpg'>Plants instead of fire</a></li>
|
||||
<li><a href='https://media.architecturaldigest.com/photos/636c67130b818156d847ebf0/master/w_1600,c_limit/AD0921_STUDIO_JOB_11.jpg'>This one’s possibly functional</a>, but it was too weird to not include</li>
|
||||
</ul><p>
|
||||
What do you think of these fireplace jokes?
|
||||
Do you know of any other good fireplace jokes?
|
||||
Do you know of other design “puns” of a similar nature?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — food chain</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Rebuilding your food chain</h1>
|
||||
<time datetime='Fri, 10 Mar 2023 22:30:00 CST'>10 Mar 2023, 10:30 PM</time>
|
||||
<p>
|
||||
A while ago, I watched a video about grocery store logistics.
|
||||
Part of the operating philosophy of a grocery store is that if they stock something, they want to stock it year-round.
|
||||
For produce like oranges, this means they source them from different regions depending on the active growing seasons around the year.
|
||||
When oranges are in season domestically, you have shorter shipping times, and therefore lower costs and fresher oranges.
|
||||
But when they’re out of season, they get them shipped internationally, which costs more money and leaves you with not-as-fresh fruit.
|
||||
</p><p>
|
||||
When I watched this video, I thought they could save a lot of money and emissions if more grocery stores just didn’t offer certain products for parts of the year.
|
||||
People would certainly be able to make do with whatever was in season.
|
||||
Personally, I don’t buy fruit at the higher prices anyway, and things like oranges are really only worth it to me when they’re in season and fresher.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/oranges.webp' width='500' height='333' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Caracara_sinensis_2.jpg#Licensing'>Jpbrigand</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Thinking more about <a href='regenerative.html'>regenerative agriculture</a> this week, I started wondering about what I could grow in my region.
|
||||
I live in zone 4, which is a colder zone, but I could grow potatoes, allia like onion and garlic, and various pulses, which could form a good basis for a home-grown diet.
|
||||
Many fruits, veggies, and herbs can be grown here over the summer too.
|
||||
Mushrooms you can grow pretty much anywhere, and I love mushrooms, so that would be great to figure out.
|
||||
</p><p>
|
||||
Even if I don’t go full self-sufficient permaculture, I want to learn to shrink the distance my food has to travel to get to me.
|
||||
It would be great to grow what I can, and then find more efficient sources for things I can’t.
|
||||
For example, I wouldn’t want to give up cooking with olive oil, and you can’t grow olives in zone 4.
|
||||
But I could probably do my research and buy just American-grown olive oil.
|
||||
</p><p>
|
||||
Do you know where your food’s coming from?
|
||||
Have you taken steps to reduce the length of your “food chain”?
|
||||
Do you notice when the grocery store fruit is more expensive & less fresh?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — fraser</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Elizabeth Fraser is my favorite singer</h1>
|
||||
<time datetime='Fri, 9 Dec 2022 23:30:00 CST'>9 Dec. 2022, 11:30 PM</time>
|
||||
<p>
|
||||
Hearing <i>Heaven or Las Vegas</i> by Cocteau Twins for the first time in 2021 was a big deal for me.
|
||||
The sound was expansive and brilliant; the songwriting was powerful and catchy.
|
||||
The thing that really pushes the album above and beyond, in my opinion, is the voice of Elizabeth Fraser.
|
||||
</p>
|
||||
<img src='img/elizabeth_fraser.webp' width='450' height='491' />
|
||||
<p>
|
||||
Her voice is strong enough to hold up against the wall of sound, and at the same time fully expressive, capable of a complete palette of colors and personalities.
|
||||
Furthermore, she navigates that palette actively over the course of any given phrase, something I always appreciate in a good singer.
|
||||
You can hear this especially well in the verse line from “Cherry-coloured Funk”, which develops exquisitely as it climbs through her vocal range.
|
||||
</p><p>
|
||||
Throughout the album, Fraser’s voice is dubbed over itself, which demonstrates her versatility in background vocals and harmonies.
|
||||
In the album’s title track, the harmonies are pretty much color-matched to the melody, augmenting its power.
|
||||
On the other hand, in “Road, River and Rail”, they add a very subtle touch to the pathos of the chorus.
|
||||
</p><p>
|
||||
The whole album is worth a listen, and if you appreciate her singing, there’s plenty more where that came from through Cocteau Twins’ entire discography.
|
||||
If you want to hear her just completely go to town, check out “Carolyn’s Fingers” from <i>Blue Bell Knoll</i>.
|
||||
</p><p>
|
||||
Have you heard Cocteau Twins or any of Elizabeth Fraser’s other singing?
|
||||
Do you have a favorite track she sings on?
|
||||
Do you have a different favorite singer?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — funny</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>I’m more funny in person</h1>
|
||||
<time datetime='Wed, 18 Jan 2023 23:00:00 CST'>18 Jan. 2023, 11:00 PM</time>
|
||||
<p>
|
||||
Writing has been fun so far, because it makes it easier to say some things I maybe wouldn’t in conversation.
|
||||
These might be ideas that are just hard to come up with on the spot, or ways of putting things that I would find awkward to say out loud.
|
||||
One thing I’ve been pondering lately, though, is that my written persona has almost no sense of humor.
|
||||
</p><p>
|
||||
In my daily life, I think I have a fairly functioning sense of humor, albeit a strange one.
|
||||
I wouldn’t say I’m usually the funniest in the room, but when I’m in the mood to crack jokes, I can get on a roll with it.
|
||||
In any case, I can reliably amuse myself with my sense of humor, which is the most important part of having one.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/cry.webp' width='450' height='343' />
|
||||
<figcaption>p-please… *snerff* you gotta believe me… im hilarious irl</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
My humor maybe doesn’t transfer well to the written word.
|
||||
A lot of the jokes I make are situational, in direct reaction to what’s going on around me.
|
||||
I like to do funny voices and characters, which are bound to my specific voice and body and therefore hard to transfer to text.
|
||||
In writing, I make an effort to avoid ambiguity or confusion (probably a result of writing mainly for school), which is kind of contrary to being funny.
|
||||
</p><p>
|
||||
Also, when joking in real life, I play off the energy of the people I’m talking with.
|
||||
For me, a good joke is usually just an opportunity that presents itself in the natural flow of conversation.
|
||||
When I’m sitting alone writing, humor doesn’t feel as natural, because I don’t know who I’m talking to and I’m not getting any feedback.
|
||||
</p><p>
|
||||
I’ve always been pretty reserved online.
|
||||
Growing up, my parents warned me that anyone can see what you post on the internet, and I always took that seriously.
|
||||
In fact, this writing challenge is probably the most I’ve ever shared about myself online.
|
||||
One of the things I’d like to learn with the challenge is how to express more of my personality when writing.
|
||||
Hopefully, with time, I’ll loosen up and find a way to crack a few jokes on here.
|
||||
</p><p>
|
||||
Are you more funny in person or in writing?
|
||||
Do you have a different sense of humor between the two?
|
||||
What did you really think of my attempt at humor?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — garden gate</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Show us the garden, not the gate</h1>
|
||||
<time datetime='Mon, 20 Mar 2023 23:30:00 CDT'>20 Mar 2023, 11:30 PM</time>
|
||||
<p>
|
||||
Suppose you’ve spent a lot of time thinking and reading about philosophy.
|
||||
You’ve taken what you’ve learned together with your life experience, and come up with your own way of thinking about things.
|
||||
Eventually, you get the sense that you might have a sort of theory or system you could share with other people, which would allow them to have insights similar to what you’ve had.
|
||||
</p><p>
|
||||
So you dedicate all your time trying to get just the right framing that will help people “get it” like you do.
|
||||
In the spirit of “teaching a man to fish”, you want to pass on the keys to your perspective to others.
|
||||
I think there is a good intention here, but it’s not always the most effective approach.
|
||||
It seems kind of like growing an incredible garden with all sorts of things blooming inside it and then spending all your time taking pictures of the garden gate.
|
||||
</p><p>
|
||||
Many really bright people get stuck at this stage.
|
||||
It might be philosophy or some other realm of thought that benefits from perspective & insight, and can theoretically be taught (e.g. art, spirituality).
|
||||
People will realize they have something potentially valuable to share, and then they set about trying to find the right way to introduce their perspective to other people.
|
||||
This in itself is not a problem; if it’s a good perspective, then it’s a good thing to try to share.
|
||||
I think the problem comes when trying to teach your perspective gets in the way of sharing its fruits.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/garden_gate.webp' width='375' height='500' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Garden_gate,_in_grand_style_-_geograph.org.uk_-_3520390.jpg#Licensing' target='href'>Pauline E</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
People will not necessarily understand or agree with a novel perspective, but if it’s valuable, the results will speak for themselves.
|
||||
Often those results speak far more eloquently than the individual might be capable of.
|
||||
Using the example of art, I would rather see the art someone makes than hear their ideas about art.
|
||||
If their art resonates with me, I will naturally want to understand where it comes from, and I’ll probably start working backwards from what I like about it towards my own ideas.
|
||||
</p><p>
|
||||
This is the value of “show, don’t tell” for ideas.
|
||||
If you simply try to reproduce your perspective in other people, you face all kinds of difficulties, because everyone is different.
|
||||
They will be drawing on different experiences and their own ideas.
|
||||
If you give people something tangible, something that resonates with them, something they can respond to,
|
||||
they’ll be able to use it to build on their own perspective.
|
||||
</p><p>
|
||||
When it comes to something more nebulous like philosophy, what does sharing the fruits of your perspective look like?
|
||||
Perhaps it’s applying your ideas to real-life situations, or even sharing how your perspective interacts with other people’s ideas.
|
||||
I think the key thing to avoid here is too much self-reference, and the key thing to seek is “nucleation sites”, or opportunities for your ideas to grow, interact with other ideas, and flourish.
|
||||
</p><p>
|
||||
Do you have a perspective you want to share with other people?
|
||||
Have you tried teaching it systematically?
|
||||
Have you tried sharing the fruits of your perspective?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — garden</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>A gome’s garden</h1>
|
||||
<time datetime='Mon, 9 Jan 2023 22:00:00 CST'>9 Jan. 2023, 10:00 PM</time>
|
||||
<p>
|
||||
Last year, I got interested in gardening, both as an abstract inspirational concept & as in literal gardening.
|
||||
I <a href='./gomepage.html'>wrote previously</a> that I think of this site as a sort of digital garden.
|
||||
In the spring, I decided I wanted to have a physical garden as well.
|
||||
</p><p>
|
||||
My job is remote and entirely on a computer.
|
||||
Often I find myself interested in physical places of work, and longing for my own physical space in which I do work.
|
||||
There’s a felt sense of belonging and ownership to it that I think is missing if you work in the same place you live the rest of the time.
|
||||
Starting a garden seemed to me like a way of creating that kind of place for myself.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/garden_early.webp' width='600' height='345' />
|
||||
<figcaption>The garden early in the season</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Since I lived in an apartment at the time, I couldn’t really do a full plot in the ground, which is still my dream one day.
|
||||
Fortunately, our unit had a ground-level entrance, so I was able to put a planter box outside it.
|
||||
I spent a lot of time looking at different plants and developing ideas for the arrangement I wanted.
|
||||
My final selection includes a lot of greenery with varied foliage.
|
||||
For the flowers the major colors are bright pink and white, with a bit of yellow from the lantana.
|
||||
</p><p>
|
||||
To develop my relationship to them, I gave all my plants names.
|
||||
</p>
|
||||
<ul>
|
||||
<li>The pink and yellow lantana is Victoria</li>
|
||||
<li>The pink geranium is Buffy</li>
|
||||
<li>The pink petunia is Shelby</li>
|
||||
<li>The ivy is Josef</li>
|
||||
<li>The jalapeños are Fani and Fina</li>
|
||||
<li>The white alyssums are Spud, Cloud, Peach, and Vince</li>
|
||||
<li>The white bacopa is Claudia</li>
|
||||
<li>The sprengeri is Gary</li>
|
||||
<li>Not a plant, but the gnome on the mushroom is Barvis Mikey Holth</li>
|
||||
</ul>
|
||||
<p>
|
||||
I also wrote an album of songs for them, but since I haven’t gotten around to recording them yet, I will leave that story for another post.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/garden_late.webp' width='550' height='375' />
|
||||
<figcaption>The garden later in the season</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
The appeal of the garden as a broader concept is that your role in it is not to control, but to cultivate.
|
||||
It’s a space you can plan and labor over, but the main action of growth is something beyond your power.
|
||||
In literal gardening, you make yourself one part of a larger natural system that supports the flourishing of your plants.
|
||||
Similarly, anything you participate in to bring about a flourishing beyond your control can be thought of as a kind of garden.
|
||||
I think the metaphor extends especially well to developing your inner life as a garden, which I think is how I tend to approach it.
|
||||
</p><p>
|
||||
Have you ever tended a garden?
|
||||
Do you have a physical space in which you do work?
|
||||
Do you have any sort of metaphorical garden you cultivate?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/lot_gnome.webp' width='400' height='488' />
|
||||
<figcaption>
|
||||
Bonus image: I found this drawing of a gnome in the parking lot of our apartment. Perhaps a colleague of Barvis Mikey?
|
||||
</figcaption>
|
||||
</figure>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — ghost kitchens</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Thoughts on ghost kitchens</h1>
|
||||
<time datetime='Mon, 13 Mar 2023 23:00:00 CDT'>13 Mar 2023, 11:00 PM</time>
|
||||
<p>
|
||||
I have never used any of those food delivery apps, so ghost kitchens are a new concept to me.
|
||||
If you’re not familiar, ghost kitchens are an arrangement where a company lists a non-existent restaurant on a delivery app.
|
||||
The food is then made in another kitchen on behalf of the fake restaurant.
|
||||
</p><p>
|
||||
Big chains will have several storefronts on these apps for each physical kitchen they run, letting them draw unwitting customers with trendier branding, with virtually no overhead per store.
|
||||
Some companies have actually started running locations that are soley ghost kitchens.
|
||||
A single, unmarked, delivery-only kitchen will prepare food for maybe dozens of brands at once.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/ghost_kitchen.webp' width='600' height='270' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Ghost_Kitchen_(49851939438).jpg#Licensing'>Mack Male</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
As I said before, I never use delivery apps, so none of this really affects me directly for the time being.
|
||||
But this all made me think about the strangeness of branding as a concept.
|
||||
With this setup, they’ve effectively decoupled brands from kitchens, making a “restaurant” as a branding concept fully separable from any physical place.
|
||||
It’s kind of like cloud computing for food service: you can run any software (brand) you want on top of the available hardware (kitchens).
|
||||
</p><p>
|
||||
Cloud computing makes sense to me.
|
||||
It’s just another degree of abstraction in a field where abstraction is already a core concept.
|
||||
And I’m sure from the corporations’ perspective, ghost kitchens make the same kind of sense.
|
||||
</p><p>
|
||||
But something feels really odd to me about this level of alienation from a real place, while still maintaining the pretense of a place.
|
||||
It feels like restaurants and the concepts surrounding them should be embedded in real places you can go and interact with people, and whatever ghost kitchens are should be something different, if they should even exist at all.
|
||||
</p><p>
|
||||
If we consider the corporations’ perspective again, “a real place” is not what a restaurant is, and it hasn’t been for a long time.
|
||||
Since the rise of fast-food franchising, brand and kitchen have been separable, but in the opposite way: many kitchens all implementing a single brand.
|
||||
The “restaurant” is just an abstraction, a template set by the franchising corporation to be faithfully executed on by franchisees.
|
||||
</p><p>
|
||||
Any time you walk into, say, a Culver’s, you have a certain set of expectations about that experience that almost all come from the brand “Culver’s”.
|
||||
Almost none of your expectations come from the specific place you’re actually in.
|
||||
</p><p>
|
||||
If you were going to a local place there’s only one of, some of your expectations might come from the restaurant’s branding, but much more of it comes from the specific place (perhaps you’re friendly with the waitstaff).
|
||||
And since there’s only one, the branding is much more tied to the specific place, so in a way they’re kind of the same thing.
|
||||
</p><p>
|
||||
I think these brand-controlled expectations lead to a sort of experience filtering in fast food chains like Culver’s.
|
||||
The expectations lead us to miss the specific details of the place we’re in and experience the whole visit as an abstraction instead.
|
||||
This is the alienation induced by brands: they exist to make us experience reality on their terms, by way of abstraction, rather than experiencing things as they are.
|
||||
</p><p>
|
||||
Branding & advertising are ludicrously empowered forces in our society, but I like to think once you’ve noticed a pattern like this, you can start to resist it.
|
||||
Next time you visit a chain, make sure to notice the details.
|
||||
Remember someone’s name, take in the view from the window, look for scuffs & smudges.
|
||||
It’s a challenge, but see whether you can make it feel like a real place.
|
||||
</p><p>
|
||||
What do you think about ghost kitchens?
|
||||
Do you notice your experience being filtered at fast food chains?
|
||||
Does branding make you a little sad when you think about it?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — git</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>You don’t need GitHub</i></h1>
|
||||
<time datetime='Mon, 24 Apr 2023 23:00:00 CDT'>24 Apr 2023, 11:00 PM</time>
|
||||
<p>
|
||||
Like most programmers, I use git for version control.
|
||||
I’ve been using it since college, where we were introduced to it for working on shared projects as well as a consistent way to turn our code in.
|
||||
</p><p>
|
||||
There were a lot of things I didn’t get about git when I first started using it.
|
||||
If I needed to do anything besides simply add commits to a single branch in a linear fashion and push them to a remote, I got confused quickly.
|
||||
I would try to consult a guide or StackOverflow post, typing in commands I didn’t understand and usually I made a mess of things.
|
||||
I remember I would end up force-pushing to remote a lot, which I understood was a no-no, but at the time, the repositories I was working with were mine alone, so it didn’t really matter.
|
||||
</p><p>
|
||||
Now that I’ve used it for work and actually had to contend with things like stashes and branches and remotes over & over again, I feel like I’ve got a more stable handle on git than I used to.
|
||||
At the very least, I can do what I need to for work pretty reliably, and I know how to get myself out of the sticky spots well enough.
|
||||
</p>
|
||||
<img src='img/network.webp' width='355' height='352' class='no-border' />
|
||||
<p>
|
||||
There’s one really interesting thing about git I didn’t understand until recently.
|
||||
When you push to a remote repository, such as those hosted on GitHub, there’s really nothing privileged about it compared to any other repository.
|
||||
The only difference is that it’s what’s called a “bare” repository, which means it doesn’t actually keep a working tree (the instantiation of a repo’s files on a given filesystem).
|
||||
</p><p>
|
||||
The upshot of this is that you can actually push & pull repositories from any machine you can SSH to that has git installed.
|
||||
So you don’t need to use a separate hosting service to store your code, especially if you’re mainly pushing it to pull it down onto another machine you have access to.
|
||||
</p><p>
|
||||
For example, I use git to <a href='update.html'>deploy my website</a>.
|
||||
When I wrote that post, I would always push my repository to tildegit, then log into the Ctrl-C server and pull it back down.
|
||||
Since learning this little tidbit, I ended up reworking my setup so that when I do a <code>git push</code>, it actually goes to tildegit <i>and</i> the ctrl-c server directly, so no additional pulling is necessary.
|
||||
</p><p>
|
||||
To make this work, I had to do two things.
|
||||
The first was to add an additional url to the <code>origin</code> remote:
|
||||
</p><blockquote class='highlight'><code>
|
||||
git remote set-url --add --push origin ctrl-c:public_html
|
||||
</code></blockquote><p>
|
||||
If you use this command, replace <code>ctrl-c:public_html</code> with your own hostname and repo path.
|
||||
In my case, I have the <code>ctrl-c</code> hostname configured to connect to the Ctrl-C server in my <code>~/.ssh/config</code> file,
|
||||
and <code>public_html</code> is the directory the actual repository resides in, relative to my home directory on the Ctrl-C server.
|
||||
</p><p>
|
||||
The second thing was to update the config of the repository on the Ctrl-C server:
|
||||
</p><blockquote class='highlight'><code>
|
||||
git config receive.denycurrentbranch updateInstead
|
||||
</code></blockquote><p>
|
||||
Above, I mentioned that remote repositories on hosting services are “bare”, that is, they have no working tree.
|
||||
If you have a normal repository with a working tree, and you push an update to the branch it currently has checked out, it would normally deny your update.
|
||||
When you set this setting, it will update the repository instead.
|
||||
</p><p>
|
||||
If you use this approach to deploy websites or other files, it’s best to avoid making changes in the remote repository if you can.
|
||||
Also, there are more sophisticated ways to do this kind of thing, so don’t take this as expert advice.
|
||||
But at the very least, it’s a cool trick that suits my needs for deploying a personal site quite well.
|
||||
</p><p>
|
||||
Do you use git?
|
||||
Do you feel like you grasp it pretty well?
|
||||
Have you ever discovered a neat trick that helps your workflow?
|
||||
Have you tried managing git repositories in a similar way before?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — goals pt. 2</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>New-year goals postmortem</h1>
|
||||
<time datetime='Wed, 9 Aug 2023 21:30:00 CDT'>9 Aug 2023, 9:30 PM</time>
|
||||
<p>
|
||||
Back in January, I set some <a href='goals.html'>goals for the year</a>.
|
||||
Some of them I ended up dropping pretty quickly, especially those I wasn’t holding myself to daily.
|
||||
A few of them I pretty much just forgot about.
|
||||
</p><p>
|
||||
On the other hand, I stuck with some of the daily habits for surprisingly long.
|
||||
That being said, I’ve since dropped off on most of those in the last few months.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/flower_field.webp' width='650' height='366'
|
||||
alt='A field of lilacs in the Netherlands.'
|
||||
/>
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Flower_field_-_De_Zilk.jpg#Licensing'>Joris</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
Here’s an item-by-item breakdown of the list from <a href='goals.html'>the original post</a>:
|
||||
</p>
|
||||
<h3>Idly using my phone less</h3>
|
||||
<p>
|
||||
Before 2023, I used to use my phone last thing at night or first thing in the morning fairly often.
|
||||
I broke this habit enough. I still occasionally do it, but not so often that it really becomes a problem.
|
||||
Still, I have a ways to go before I’m using my phone as little as I’d like, ideally.
|
||||
</p>
|
||||
<h3>Getting proactive about dental health</h3>
|
||||
<p>
|
||||
I flossed regularly for a really long time.
|
||||
I was pretty pleased that I was able to go six months doing it consistently.
|
||||
Unfortunately, I got a nasty tangle in my most recent capsule of floss, so I just thought, “I don’t want to fix this tonight”, and didn’t.
|
||||
Then I went on a trip where I was busy enough to not want to bother with it.
|
||||
</p><p>
|
||||
After that, I pretty much lost the habit.
|
||||
But I think if I just get some new floss I should be able to pick this one up again.
|
||||
Even with a lapse of a few weeks, if I finish the year with a steady flossing habit, I’d call that a win.
|
||||
</p>
|
||||
<h3>Regular quiet time, where I mainly do nothing</h3>
|
||||
<p>
|
||||
This one really didn’t pan out.
|
||||
During the day, for some reason, slowing down and doing nothing is the last thing I want to do.
|
||||
But it seems to help me feel a lot better when I do it.
|
||||
It’s kind of a mystery to me currently, but I don’t know how to get this one to stick.
|
||||
Maybe I need to put it at a consistent time of day, like “12:00–12:20 is always my quiet time, no matter what”.
|
||||
</p>
|
||||
<h3>Working out regularly</h3>
|
||||
<p>
|
||||
This one is going fine, actually.
|
||||
I definitely worked out less during the winter, but now that it’s nicer out, I have more energy and I can go outside.
|
||||
I go for runs, walks, & bike rides fairly regularly, and then I lift hand weights maybe once or twice a week.
|
||||
</p>
|
||||
<h3>Regular journaling and recording of my daily activities</h3>
|
||||
<p>
|
||||
Unfortunately, I don’t really journal anymore.
|
||||
I only did daily logs (short descriptions of my day) for a few weeks.
|
||||
I did journaling a few times a week for maybe a little longer.
|
||||
It seems like if I don’t keep a consistent streak going with it, I drop journaling habits pretty fast.
|
||||
Also, journaling on paper makes my hand hurt, cause I think faster than I can handwrite (I think faster than I can even talk).
|
||||
</p>
|
||||
<h3>Various monthly and year-long goals, including reading a book monthly, learning 500 German vocab words, and identifying 50 trees</h3>
|
||||
<p>
|
||||
One of my big lessons from these goals is that any goal with a scope larger than “daily” is actually really hard to keep sight of in the face of daily life!
|
||||
On the other hand, I have identified a number of trees with this great field guide I got, so that’s cool.
|
||||
But I totally forgot I was going to study German again.
|
||||
</p><p>
|
||||
And I certainly haven’t read a book monthly.
|
||||
It’s possible I’ve started a book about once a month, though.
|
||||
I just end up doing most of my reading on the internet these days.
|
||||
</p><p>
|
||||
I will say, I’ve dropped the habit of reading Twitter recently, which is promising.
|
||||
For a while, I actually got a lot of enjoyment out of Twitter and learned a lot from reading it, but it’s not the same for me anymore and it’s better that I drop it at this point.
|
||||
So maybe that will open up more room for me to read.
|
||||
</p><hr /><p>
|
||||
You may judge for yourself how my goals went, but in the end, I’m glad I tried to do them.
|
||||
I learned about what works and what doesn’t, I proved to myself I can hold habits longer than I thought, and all the positive things I did were worthwhile, even when I didn’t keep doing them.
|
||||
</p><p>
|
||||
So with all this in mind, I’ve recently been thinking again about how I want to manage my priorities and time.
|
||||
My mom said the first & last hours of the day are really important for setting up the rest of the day well, so I might try to come up with a consistent routine of good habits for just those parts of the day.
|
||||
</p>
|
||||
<h3>Side note: an idea for managing personal projects</h3>
|
||||
<p>
|
||||
I’ve also thought about how to set myself up for success for future <a href='completion.html'>projects</a>, including things I want to do here on my gomesite.
|
||||
I think I need to set a limited amount of time to do a given project, and then budget out that time over a reasonable time span.
|
||||
Like, if I want to write some program, but I don’t want to sink too much time into it, I should decide up front that I’ll only spend, say, six hours on it.
|
||||
Then I can spread that time over a few evenings, commit to doing it for that limited scope, and reevaluate if I want to carry on at the end of it.
|
||||
</p><p>
|
||||
It’s a more structured approach than I’m used to, but it might help me execute on more of my ideas.
|
||||
And the addition of structure certainly <a href='challenge.html'>helped me with writing</a> on my gomesite.
|
||||
</p><p>
|
||||
How are your 2023 resolutions going?
|
||||
What projects or habits are you currently working on?
|
||||
What projects or habits have you recently dropped?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — goals</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My goals for the year</h1>
|
||||
<time datetime='Tue, 17 Jan 2023 23:00:00 CST'>17 Jan. 2023, 11:00 PM</time>
|
||||
<p>
|
||||
On the first of January, I set some goals for the new year.
|
||||
I didn’t want to talk about them right away because I wasn’t sure they’d stick.
|
||||
I’d feel kind of silly boldly declaring my strong intentions just to have them fail to last a week.
|
||||
</p><p>
|
||||
As someone who has struggled many times in the past to develop the habits I wanted,
|
||||
I find myself hesitant to commit to new habits, out of fear of disappointing myself yet again.
|
||||
Logically, though, I know it’s just a form of self-defeating perfectionism, and what I really need to do is keep trying until something sticks.
|
||||
</p><p>
|
||||
Thankfully, as I get older, I seem to be slowly but steadily improving my dependability.
|
||||
For example, when I went back to school to complete my computer science degree, I found it easier to get my homework done than before.
|
||||
I still procrastinated sometimes (and I still do), but in general the experience made me feel like change was possible.
|
||||
</p><p>
|
||||
The other thing that inspired me to set some goals for the year was my ongoing success with this writing challenge.
|
||||
It hasn’t been easy to get a post out every weekday, but I feel proud of what I’ve managed to do so far.
|
||||
Looking back on all the writing I’ve managed to do so far is super cool and keeps me motivated to stay with it.
|
||||
Honestly, prior to starting the challenge, I didn’t think I’d be capable of such a commitment, but I’ve proven myself wrong again and again for 33 days and counting.
|
||||
</p><p>
|
||||
With all this in mind, I sat down on January 1<sup>st</sup> to give myself some goals.
|
||||
And I mean “give” in more than one way. I consider each of these goals to be a gift to myself.
|
||||
I won’t list all the goals or the specifics of each goal, but here are the broad categories of what I’m doing:
|
||||
</p>
|
||||
<ul>
|
||||
<li>idly using my phone less</li>
|
||||
<li>getting proactive about dental health</li>
|
||||
<li>regular quiet time, where I mainly do nothing</li>
|
||||
<li>working out regularly</li>
|
||||
<li>regular journaling and recording of my daily activities</li>
|
||||
<li>various monthly and year-long goals, including reading a book monthly, learning 500 German vocab words, and <a href='./naturalist.html'>identifying 50 trees</a></li>
|
||||
</ul>
|
||||
<img src='img/goal_booklets.webp' width='500' height='342' />
|
||||
<p>
|
||||
One important element of my new attempt at building habits is tracking them.
|
||||
Every week, I make a <a href='https://bookzoompa.wordpress.com/2009/11/30/how-to-make-an-origami-pamphlet/'>little booklet</a> with my goals printed on it,
|
||||
and I check them off as I complete them.
|
||||
Having something tangible sitting on my desk helps return my focus to my goals on days I would be likely to forget them.
|
||||
</p><p>
|
||||
So far, the goals have actually been going really well.
|
||||
Most of my daily goals I’ve stuck with entirely.
|
||||
The ones I tend to struggle with are the quiet time and the journaling.
|
||||
They take the largest chunk of time out of my day, so I end up avoiding them.
|
||||
</p><p>
|
||||
I’m not sure I’ll hit all my monthly goals in January, since they’re a little harder to prioritize than the more immediate daily goals.
|
||||
And I have no idea if I’ll hit my year-long goals.
|
||||
But as with the writing challenge, I’m already doing better than I thought I might.
|
||||
Every day I get better at commiting to habits than I was before, and the value I’ve already gotten out of them is worth celebrating.
|
||||
</p><p>
|
||||
Did you set any goals for 2023?
|
||||
What were they, and how are they going?
|
||||
Have you noticed yourself improving in dependability with age?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,97 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — 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/style.css'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>The design of gomepage</h1>
|
||||
<time datetime='Mon, 2 Jan 2023 22:00:00 CST'>2 Jan. 2023, 10:00 PM</time>
|
||||
<p>
|
||||
Today I’m going to give a little history for my personal site here on Ctrl-C.
|
||||
I’ve had the site for almost a year, starting on January 17<sup>th</sup>, 2022, and gradually built it up over that time.
|
||||
Since my username is <i>gome</i>, I refer to my homepage as <i>gomepage</i>, and sometimes I refer to my site as a whole as <i>gomesite</i>.
|
||||
</p><p>
|
||||
Discovering the world of tilde servers and other small web pages was exciting to me.
|
||||
One of the things I love about the internet is that despite how centralized it is now, it’s still possible to just build your own site and share it around the world.
|
||||
The tools are fairly accessible and offer a lot of room to grow your skills.
|
||||
</p><p>
|
||||
I do web development professionally, and have a site I coded myself for my composition work.
|
||||
But prior to 2022, I had not really built a website purely for the fun of it.
|
||||
So it was really cool to discover servers of people who build stuff on the web just for the fun of making & sharing things.
|
||||
It seemed exactly like something I’d like to be a part of.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/gomepage_mockup.webp' width='600' height='304' />
|
||||
<figcaption>The first mockup I made for the gomepage design</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
My vision for the site was something like the feeling of dry coziness that I associate with being in the woods on brisk fall days.
|
||||
I love woods like this. They’re bright & clear & full of life, and they give me a deep sense of belonging.
|
||||
At the same time, the woods don’t exist for your comfort like your home: they’re something separate from & greater than you.
|
||||
So I wanted the design of gomepage to somehow convey a similar feeling.
|
||||
</p><p>
|
||||
Another design element I wanted to include was gnomes.
|
||||
Gnomes and other folkloric creatures are associated with the aesthetic of comfy synth, a microgenre of music I enjoy.
|
||||
Also, <i>gome</i> & <i>gnome</i> sound very similar, so I thought it would be fun to play up that comparison.
|
||||
</p><p>
|
||||
After some searching on Wikimedia, I discovered a <a href='https://commons.wikimedia.org/wiki/File:Werkende_kabouters_bij_een_bos,_RP-T-2015-41-1355.jpg'>wonderful drawing</a>
|
||||
of working gnomes* in a wood by Gijsbertus Johannes van Overbeek.
|
||||
What I love about these gnomes is that they’re not cute kitschy toy gnomes with their hats over their eyes.
|
||||
They’re busy at work, in their own world with their own lives.
|
||||
They fit perfectly with the feeling I described above, so I adapted them to create the first mockup of gomepage.
|
||||
Now I consider them essential in establishing the aesthetic of the site.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/werkende_kabouters_bij_een_bos.webp' width='600' height='411' />
|
||||
<figcaption>The original drawing the gnomes come from</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
As time has gone on, gomesite has slowly grown with new pages and features:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Site navigation in the header</li>
|
||||
<li>Word of the day</li>
|
||||
<li>Socials page</li>
|
||||
<li><a href='https://status.cafe/'>status.cafe</a> widget</li>
|
||||
<li>Background images</li>
|
||||
<li>Journal section</li>
|
||||
<li>Listening widget</li>
|
||||
</ul>
|
||||
<p>
|
||||
What I love about having a site like this as a side project is that it’s easy to work on intermittently.
|
||||
Most of these features were finished in a few days, so I didn’t have to devote a ton of time to get them done or leave things in a half-finished state.
|
||||
It’s like a digital garden where great things grow gradually over time.
|
||||
I’m looking forward to another year of tinkering with it!
|
||||
</p><p>
|
||||
Have you ever built a website or page?
|
||||
Have you ever made one just for fun?
|
||||
Did you have a feeling you wanted to express with it?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/gome_color.webp' width='500' height='303' />
|
||||
<figcaption>
|
||||
Bonus image: I once made a color version of the walking gnome, but didn’t use it.
|
||||
He looks like he belongs on the cover of an old programming textbook.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<p class='footnote'>
|
||||
* Since this is a Dutch drawing, they are actually <i>kabouters</i>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — graveyard pt. 1</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'/>
|
||||
<script defer src='../js/gomesong.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My game graveyard, part one</h1>
|
||||
<time datetime='Tue, 24 Jan 2023 23:00:00 CST'>24 Jan. 2023, 11:00 PM</time>
|
||||
<p>
|
||||
Yesterday, I <a href='completion.html'>posted</a> about how I start so many side projects and finish so few.
|
||||
Today, I wanted to follow up with a review of just some of the projects I haven’t managed to complete so far, a tour of my “side project graveyard”.
|
||||
I quickly realized I would have enough to say about each project for its own separate post.
|
||||
So to keep the scope limited for today, I’m just going to focus on video games I’ve made or wanted to make.
|
||||
</p><p>
|
||||
I should clarify at the start, more for myself than the reader, that I don’t consider all of these projects truly “dead”.
|
||||
I reserve the right to “resurrect” them at any time, and indeed I hope to return to several of them.
|
||||
Others ones I’m fine with consigning to the graveyard indefinitely.
|
||||
I might be more or less vague on the details of a game depending on how likely such a return is.
|
||||
</p>
|
||||
<h4><i>Vernal Luncheon</i></h4>
|
||||
<p>
|
||||
A cute little 2-dimensional platformer with a bear character.
|
||||
The bear’s name is Vern.
|
||||
The idea is that you would jump around collecting food.
|
||||
Each type of food would grant you a different temporary ability, such as a double jump or a wall grab.
|
||||
If you’ve ever played <i>Celeste</i>, the dash crystals from that are a similar idea.
|
||||
</p><p>
|
||||
The prototype was made in Godot, and it’s probably the most extensive thing I’ve made in Godot to date (which isn’t much).
|
||||
In the prototype, I got the player character’s movement fine-tuned and several foods are operational.
|
||||
I made all the pixel art myself, and I also gave it a soundtrack (music I had previously written) and designed all the sound effects myself.
|
||||
</p>
|
||||
<img src='img/vernal_luncheon.webp' width='512' height='399' />
|
||||
<div class='music-box'>
|
||||
<audio src='img/davey_verne.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>
|
||||
<span><i>Vernal Luncheon</i> soundtrack</span>
|
||||
</div>
|
||||
<h4><i>Tungolcweorn</i></h4>
|
||||
<p>
|
||||
A top-down “galaxy crawler”, where you play as a legendary, planet-sized, planet-eating monster called the <i>Tungolcweorn</i>, Old English for “<a href='https://en.wiktionary.org/wiki/tungol#Old_English'>planet</a> <a href='https://en.wiktionary.org/wiki/cweorn#Old_English'>grinder</a>”.
|
||||
The monster, which would look something like a round anglerfish made of volcanoes, flies around solar systems, eating up planets and absorbing energy from them.
|
||||
You would have to contend with space-faring civilizations of varying sizes trying to defend their home planets and resources.
|
||||
At the same time, I wanted the game to have a sort of medieval mythical theme to it, a mix of sci-fi and fantasy.
|
||||
</p><p>
|
||||
This idea never made it too far in implementation, but I had some good ideas sketched out for the various in-game quantities you’d have to collect, like matter, energy, lifeforce, and exotic forms & states of matter that granted various abilities.
|
||||
I wanted the game to be based on a relatively accurate gravity simulation, so you could do things like gravity slingshots, and planet collisions would be realistic.
|
||||
The difficulty of implementing that was the first hurdle, and the one I never ended up getting over.
|
||||
</p>
|
||||
<h4><i>Standing Wave</i></h4>
|
||||
<p>
|
||||
A musical tower defense game inspired by the flash game <a href='https://en.wikipedia.org/wiki/GemCraft'>GemCraft</a>.
|
||||
Each tower would emit a single musical pitch, but in order to do damage to passing enemies, you would need multiple towers to create certain combinations of pitches (e.g., a major chord).
|
||||
Different combinations would do different amounts of damage, and the game would require some musical background and reasoning to play well.
|
||||
I built a little bit of this one, but dropped it due to insufficient knowledge of Godot.
|
||||
</p><p>
|
||||
Well, I didn't make it through all the games I wanted to talk about, but I want to wrap up the post for now.
|
||||
I could talk a lot about my fun ideas for games and other things.
|
||||
Maybe I’ll keep going with this as a series, either this week or spread out intermittently.
|
||||
</p><p>
|
||||
Have you ever tried to make a video game?
|
||||
Which of these ideas do you think sounds the most fun?
|
||||
Would you like to hear about more of my ideas and abandoned side projects?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — graveyard pt. 2</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'/>
|
||||
<script defer src='../js/gomesong.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My game graveyard, part two</h1>
|
||||
<time datetime='Mon, 30 Jan 2023 23:00:00 CST'>30 Jan. 2023, 11:00 PM</time>
|
||||
<p class='note'>
|
||||
Last week I wrote <a href='completion.html'>a post</a> about how I have so many unfinished projects.
|
||||
Then I wrote <a href='graveyard-1.html'>part one</a> of this series, where I looked at some video game ideas I had abandoned.
|
||||
Today I’ll look at more.
|
||||
</p>
|
||||
<h4><i>Duelin’ Poohs</i></h4>
|
||||
<p>
|
||||
A crap game I hacked together while I was trying to learn to use <a href='https://www.monogame.net/'>MonoGame</a>.
|
||||
Two players play on a shared keyboard (I have <a href='https://en.wikipedia.org/wiki/Lego_Star_Wars:_The_Video_Game'>fond childhood memories</a> of this control scheme) as two differently colored versions of Winnie the Pooh: Sad Pooh and Blue Pooh.
|
||||
</p><p>
|
||||
Each Pooh can shoot little pellets at the other, which will cause the struck Pooh to briefly grow in size.
|
||||
Each Pooh also has a two buttons to slowly grow and shrink the size of the opposing Pooh.
|
||||
One interesting thing you could do was actually shrink the opposing Pooh down until he was a <i>negative size</i>—at which point he would actually invert and start growing again!
|
||||
(You can see this happening to Blue Pooh in the screenshot below).
|
||||
</p><p>
|
||||
Like <i>Vernal Luncheon</i>, <i>Duelin’ Poohs</i> features an original soundtrack, this time composed expressly for the game.
|
||||
I cannot fathom how I could augment or improve this game in any respect.
|
||||
It’s strangely fun for about 10 minutes (your mileage may vary).
|
||||
I consider it my only finished game (not counting all my childhood <a href='https://en.wikipedia.org/wiki/GameMaker'>GameMaker</a> games… which are a story for another time).
|
||||
</p>
|
||||
<img src='img/duelin_poohs.webp' width='600' height='450' />
|
||||
<div class='music-box'>
|
||||
<audio src='img/two_brothers.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>
|
||||
<span><i>Duelin’ Poohs</i> soundtrack</span>
|
||||
</div>
|
||||
<h4><i>Pareidolia</i></h4>
|
||||
<p>
|
||||
This one was ambitious.
|
||||
Around the time I had this idea, I was getting into the YouTube channel <a href='https://www.youtube.com/@GMTK'>Game Maker's Toolkit</a>.
|
||||
GMTK covers fascinating game design topics such as <a href='https://youtu.be/Uqk5Zf0tw3o'>how games generate novel content</a>, an interest of mine at the time.
|
||||
I had recently played <a href='https://en.wikipedia.org/wiki/Hollow_Knight'><i>Hollow Knight</i></a>, which became one of my all-time favorite games.
|
||||
GMTK had an excellent video detailing <a href='https://youtu.be/nn2MXwplMZA'>the world design of <i>Super Metroid</i></a>, a major inspiration for <i>Hollow Knight</i>.
|
||||
</p><p>
|
||||
All this conspired to make me want to create a game of my own that took place in an open 2D world like <i>Hollow Knight</i> or <i>Super Metroid</i>, but where everything was procedurally generated.
|
||||
The world, the game areas, the NPCs, the enemies, the bosses, the powerups, even the textures of the walls would be procedurally generated.
|
||||
Automatically generating content that feels natural & hand-designed is already a difficult problem in any of these specific cases, but it really compounds when you want to generate <i>everything</i>.
|
||||
I spent a lot of time brainstorming ways to solve each of those problems, continually coming up with more places I could use generated content as I went.
|
||||
</p><p>
|
||||
What I didn’t do was spend a ton of time building anything.
|
||||
One thing I did end up building was a neat algorithm for generating the world map.
|
||||
It would decide the relative placements of each game area, the connections between them, and the powerups required to pass these various connections.
|
||||
It was only a tiny fraction of what I had envisioned the game being, but I do think it actually did a good job of creating natural & novel world layouts each time, so I was pretty pleased with it.
|
||||
</p>
|
||||
<h4>Untitled Rhythm Game</h4>
|
||||
<p>
|
||||
A couple years ago I joined a game jam based around the Game Boy Advance, where participants would build a game for the actual GBA system.
|
||||
In preparation for this, I ended up learning a lot about the Game Boy Advance hardware, which was a fun blast of retro coding for me.
|
||||
</p><p>
|
||||
Originally, I thought I might make a game where you direct a band of thieves in a tower defense-inspired style.
|
||||
That ended up seeming too complicated given my limited knowledge of the platform I was working with, so I decided to go simpler.
|
||||
I thought a rhythm game could be easy and fun, and would let me focus on making the soundtrack,
|
||||
which I was excited about trying to do with GBA hardware.
|
||||
</p><p>
|
||||
Once again, I ended up spending the majority of my energy on the preparation end rather than the building end, and the game never panned out.
|
||||
In this case, though, I think I got what I wanted out of the experience, since I learned so much.
|
||||
The game jam is annual, so there’s always next year to take another shot at it.
|
||||
</p><p>
|
||||
Have you ever tried to make a game of any kind?
|
||||
Which of these ideas do you think sounds the most fun?
|
||||
Do you ever spend too much time & energy planning and not enough executing?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,74 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — graveyard pt. 3</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'/>
|
||||
<script defer src='../js/gomesong.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Game graveyard averted</h1>
|
||||
<time datetime='Wed, 22 Feb 2023 10:00:00 CST'>22 Feb 2023, 10:00 PM</time>
|
||||
<p>
|
||||
After <a href='completion.html'>observing how many projects I abandon</a>, I wrote a <a href='graveyard-1.html'>couple posts</a> cataloging my <a href='graveyard-2.html'>abandoned game projects</a>.
|
||||
One of the games I referred to as “Untitled Rhythm Game”, and it was for a game jam featuring the Game Boy Advance.
|
||||
The same group is currently putting on a <a href='https://itch.io/jam/gba-winter-jam-23'>GBA Winter Jam</a>, so I was interested in trying to make something for it again.
|
||||
</p><p>
|
||||
The catch with this jam is that you just have to make a title screen, and the rest of the game is optional.
|
||||
I thought this would be somewhat more feasible than me putting together an entire game myself.
|
||||
Pretty quickly, I got inspired to make a gome-themed studio bumper, so I threw together a mockup for that at the 240×160 resolution of the GBA.
|
||||
</p>
|
||||
<img src='img/gome_studio_still.webp' width='480' height='320' class='pixel-art' />
|
||||
<p>
|
||||
I made a pixelated version of the kabouter from <a href='gomepage.html'>my gomepage</a>.
|
||||
Getting his shading acceptable was probably the biggest challenge, especially on his butt.
|
||||
The pixel font is based on Palatino, which is my preferred font for viewing my site (sadly, it’s too expensive to license it for the site).
|
||||
I also added a paint splatter that uses the accent colors found on my <a href='.'>journal posts</a>.
|
||||
</p><p>
|
||||
I was pretty pleased with this, but I wanted it to be animated.
|
||||
This is where the project started sucking up a lot of time.
|
||||
I spent pretty much all Saturday a couple weeks ago getting all the different pieces animated & ordered just how I wanted them.
|
||||
</p>
|
||||
<img src='img/gome_studio_animated.gif' width='480' height='320' class='pixel-art' />
|
||||
<p>
|
||||
I also created a little ambient audio to go with the studio card.
|
||||
The musical notes are a reference to <i>Orchard Glen</i>, a little piano tune I wrote back in 2020.
|
||||
You can hear the whole thing on <a href='..'>my gomepage</a> under “Play another song”.
|
||||
</p>
|
||||
<div class='music-box'>
|
||||
<audio src='img/gome_mark.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>
|
||||
<span>Gome studio</span>
|
||||
</div>
|
||||
<p>
|
||||
The next challenge was trying to get my creation into a GBA rom so I could try running it on an emulator.
|
||||
I did a little research, trying to jog my memory from what I picked up in the last game jam two years ago.
|
||||
At this point, though, I realized I could sink a ton more time into this than I really wanted to.
|
||||
I hadn’t even started thinking about the actual title screen for the game!
|
||||
</p><p>
|
||||
This is where I decided to consciously call the project done and not submit anything to the game jam.
|
||||
I’m perfectly happy with what I created, and I feel like it would be diminishing returns to keep pushing forward when I have so many other good things to occupy my time.
|
||||
You might consider this just another abandonment, but to me, I feel like I got what I wanted out of the project.
|
||||
Calling it done now means I don’t have to look back on it in regret or burn myself out by pushing past the fun part of an inconsequential project.
|
||||
</p><p>
|
||||
Have you ever gotten sucked into a project that you weren’t sure was a good use of your time?
|
||||
Have you ever consciously cut off a project before it gets too big?
|
||||
How do you prioritize what you want to work on?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — habits</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Pleasant little habits</h1>
|
||||
<time datetime='Fri, 20 Jan 2023 22:30:00 CST'>20 Jan. 2023, 10:30 PM</time>
|
||||
<p>
|
||||
I bought a new car a few months ago, and I grew fond of it fairly quickly.
|
||||
It’s one of those things I’ll end up using a lot, so I like the idea of making it feel more meaningful and personal to me.
|
||||
I named it Hopper because when I first got it, I often noticed grasshoppers hanging out on its exterior.
|
||||
</p><p>
|
||||
One thing I like to have available in the car when I go places is hand sanitizer.
|
||||
I got in the habit of using it when I would go anywhere during the pandemic.
|
||||
So I got one of those little bottles with a nice smell.
|
||||
That way I could build up a pleasant smell memory when I got into the car.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/hopper.webp' width='550' height='300' />
|
||||
<figcaption>A little grasshopper car buddy my parents got me for Hopper</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
At some point, I got a tin of wintergreen mints.
|
||||
Eventually I developed a habit where any time I got in the car after being out somewhere, I would apply the hand sanitizer and have a mint.
|
||||
It turned out to be a great way of making my car a comfortable place for me.
|
||||
The sensory familiarity was kind of a little reset for my mood.
|
||||
</p><p>
|
||||
People sometimes refer to these kinds of habits as “rituals”, but to me, that term places too much weight on them.
|
||||
I considered calling them “ritules”, as in little rituals, but I thought that sounded a little dumb and was still a lot like “rituals”.
|
||||
Also, if I did that, people would see the title and think I just misspelled “rituals”.
|
||||
</p><p>
|
||||
Anyway, I think habits like this seem useful and nice to have.
|
||||
You can use them to make something mundane a little more meaningful, or help shift your mindset.
|
||||
I’d like to maybe add some more to my life.
|
||||
</p><p>
|
||||
But I don’t know if I can just decide to do them and implement them “from the top down”, so to speak.
|
||||
The mint and hand sanitizer habit just developed naturally, and I still only do it when I feel like doing it.
|
||||
It seems like when it comes to developing meaningful and pleasant small habits, it’s a better idea to just try some things that seem nice and see what sticks.
|
||||
</p><p>
|
||||
Do you have any pleasant little habits or rituals?
|
||||
Did you start them “top-down”, or did they develop naturally?
|
||||
Have you named your car (or bike, jacket, house, computer, etc.)?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — health</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Basic health stack</h1>
|
||||
<time datetime='Tue, 9 May 2023 23:00:00 CDT'>9 May 2023, 11:00 PM</time>
|
||||
<p>
|
||||
In programming, a set of interacting components in a software architecture is sometimes called a “stack”.
|
||||
I’ve seen people online use the word to point at a more general version of the same idea.
|
||||
Like a lot of exported software terms, it has kind of a goofy connotation to me, like people are trying to turn our whole conceptual space into cool techy-sounding jargon or something.
|
||||
</p><p>
|
||||
On the other hand, “basic health stack” does seem to work well to describe the idea I have in mind today.
|
||||
I try to keep healthy habits, but I struggle to keep them all going all the time.
|
||||
It seems like sometimes I just have to let them go for a bit, and then pick them back up when I’m able.
|
||||
The same goes for refraining for bad habits.
|
||||
Sometimes I’ll fall back into them for a bit, but I think it’s okay as long as I can break them again later.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/sepak_takraw.webp' width='500' height='375' />
|
||||
<figcaption>Photo credit: <a href='http://www.korea.net/'>Korea.net</a> / Korean Culture and Information Service (Jeon Han)</figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
The tricky part is, these habits build on each other in both directions.
|
||||
When I feel good, I have an easier time doing the things that make me feel good.
|
||||
When I feel bad, I let more healthy habits go, and it creates a vicious cycle.
|
||||
So if I want to continue to feel good, I want my lapses to be somewhat strategic, so I don’t lose a good cycle or start a bad one.
|
||||
</p><p>
|
||||
With all that in mind, I’ve tried to figure out the core set of things I need to do most of the time in order to feel well, that is, my “basic health stack”.
|
||||
Ideally, these would be the last habits I drop, if I need to drop some habits.
|
||||
Not all of them need to be adhered to daily, but the longer I go without them, the more I risk a vicious cycle.
|
||||
</p><p>
|
||||
The list I’ve come up with so far:
|
||||
</p><ul>
|
||||
<li>sleep; eight hours a night, with bedtime ideally before 10:30 PM (as I publish this at 11:00 PM, haha)</li>
|
||||
<li>healthy eating; for me this is basically less sugar & carbs, and then trying to eat whatever I feel like my body is asking for</li>
|
||||
<li>exercise; aerobic workouts like running & biking make me feel especially good, but if I lift weights with good focus that seems to be just as beneficial</li>
|
||||
<li>new experiences; I find that getting outside my comfort zone regularly is necessary or else I start to get locked into a single perspective or lose my confidence</li>
|
||||
</ul><p>
|
||||
One more thing I’m considering for the list is something like “committments” or “obligations”.
|
||||
I’m not sure exactly what to call it, but I think it’s important to be needed for things that are bigger than just yourself, that you’re not doing for just yourself.
|
||||
Being in a relatively uncommitted stage of life, I sometimes need to seek these things out more intentionally.
|
||||
They keep me out of just my own little world, and they help me grow as a person.
|
||||
</p><p>
|
||||
Do you have a “basic health stack”?
|
||||
Are the things I listed important for you?
|
||||
Are there any items I’m missing you think most people would need in their stack?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — hivemind</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>Hivemind-facilitating software</h1>
|
||||
<time datetime='Fri, 10 Feb 2023 22:00:00 CST'>10 Feb 2023, 10:00 PM</time>
|
||||
<p>
|
||||
Yesterday, I watched <a href='https://www.youtube.com/watch?v=1-m_Jjse-cs'>this video</a> about the airline industry’s outdated logistics software.
|
||||
Southwest Airlines uses this tool called SkySolver to route their flights and work around delays and cancellations, and it’s old & rickety and caused this major cancellation-chain meltdown over the holiday season last year.
|
||||
</p><p>
|
||||
While watching, I found myself thinking, could there be a system that allowed humans to do a task like this efficiently?
|
||||
The obstacle to overcome would obviously be the need to coordinate and process more information than a single human is capable of handling.
|
||||
When rerouting a plane, you have to be aware of all the places it could go, the schedules of the crews involved, the realtime needs of other cancelled routes, and much more.
|
||||
But if given the right tools, I think there could be a massive advantage in leveraging the intelligence and creativity of human thinkers.
|
||||
</p>
|
||||
<figure>
|
||||
<img src='img/ants.webp' width='500' height='276' />
|
||||
<figcaption>Photo credit: <a href='https://commons.wikimedia.org/wiki/File:Ant_active_exploration_using_antenna.jpg#Licensing'>Buddy Venturanza</a></figcaption>
|
||||
</figure>
|
||||
<p>
|
||||
This all reminded me of a note to myself I recorded last April: “Are there hivemind-facilitating tools?”
|
||||
What I had in mind was a big canvas, with a realtime collaboration like Google docs, but built for maybe 1000 people at a time, for example.
|
||||
Everyone can view and move around the canvas freely, providing a large shared space for everyone to work, whether together or separately.
|
||||
</p><p>
|
||||
People could break down large problems into their components and tackle tasks at various levels of abstraction.
|
||||
For this, you’d maybe need people acting in different roles.
|
||||
Some would handle the low-level data processing tasks (possibly with machine help), while others would work on pulling everything together and looking for insights.
|
||||
Others might simply facilitate communication between those working at different levels of abstraction.
|
||||
</p><p>
|
||||
There would probably also be a voice chat, but you wouldn’t want everyone talking over each other.
|
||||
You’d probably need something like proximity chat in video games, where people can only hear one another if they are close to one another.
|
||||
With modern audio transcription being so fast, you could even convert people’s words to writing automatically, making it possible to drop into conversations with the last couple minutes of context easily available.
|
||||
</p><p>
|
||||
This whole idea would probably only work for a specific problems, and would probably benefit from augmentations specific to those problems.
|
||||
For example, if it were to be used by an airline for logistics planning, it would probably need to be integrated with realtime flight data and some kind of request system.
|
||||
</p><p>
|
||||
It’s possible this whole idea is completely unworkable.
|
||||
Problems like this might still be too complex for humans to reason about well no matter how much help they had.
|
||||
Keeping that many people coordinated at once might be more messy than it’s worth.
|
||||
But I’m curious to see what a group plugged into a well-tuned “hivemind” system could do, once they mastered it.
|
||||
</p><p>
|
||||
Do you know of any software that approximates this approach?
|
||||
Do you think a software-facilitated “human hivemind” would be good for anything?
|
||||
Do you want to try to build a prototype?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — homes</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>I want to see inside other people’s homes</h1>
|
||||
<time datetime='Wed, 11 Jan 2023 23:30:00 CST'>11 Jan. 2023, 11:30 PM</time>
|
||||
<p>
|
||||
As a kid, when we walked or drove through an unfamiliar neighborhood, I loved to look at other people’s houses.
|
||||
I’d get a strong urge to knock on the door and ask to go in so I could see what was inside.
|
||||
It was always so fun going over to friends’ houses and getting to see how they had things arranged, how they did things differently, all the shapes and little details of the space.
|
||||
</p><p>
|
||||
As an adult now, I still get the same urge to see inside other people’s homes.
|
||||
And I notice I’m only interested in homes where people actually live, using the space & shaping it to their lifestyles.
|
||||
I’ve visited plenty of brand-new, empty houses during “parade of homes” events, and I sometimes find them interesting, but it doesn’t really scratch the same itch.
|
||||
</p>
|
||||
<img src='img/workshop.webp' width='600' height='400' />
|
||||
<p>
|
||||
As I transitioned into full-time remote employment, I developed a similar interest in people’s places of work.
|
||||
I wrote in my <a href='./garden.html'>garden post</a> about that interest, and how I think it’s connected to a desire for a physical space of my own in which to work.
|
||||
On a more basic level, I think it comes from the same place as the interest in homes.
|
||||
I want to see the mundane details of other people’s daily lives.
|
||||
</p><p>
|
||||
There’s so much going on all the time, and I only have access to a tiny slice of it.
|
||||
The details of other people’s daily lives have the potential to expand my concept of what’s really going on around me.
|
||||
Seeing how others do things can give me new ideas, or help me understand my own habits.
|
||||
More than that, though, these mundane details increase my sense of grounding in the wider world, making me more confident that I can navigate & participate in it.
|
||||
</p><p>
|
||||
Do you like seeing inside other people’s homes?
|
||||
What about other workplaces?
|
||||
What do you like about them?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Hours Were the Birds</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My relationship with <i>Hours Were the Birds</i></h1>
|
||||
<time datetime='Fri, 14 Apr 2023 22:00:00 CDT'>14 Apr 2023, 10:00 PM</time>
|
||||
<p>
|
||||
<i>Hours Were the Birds</i> has a spirit of traveling to it.
|
||||
It’s a theme in the lyrics, but it’s also present in the music itself.
|
||||
Picking patterns in the guitar keep the songs flowing, moving along.
|
||||
Each song feels like it is set in a new place, searching for something.
|
||||
</p><p>
|
||||
The sound-world created by the guitar & voice here is fundamentally an exploratory one.
|
||||
I think there is an introspective aspect to exploration, which the music captures well.
|
||||
When you travel to new places, the exterior landscape is reflected back into you through your experience of it, shedding light on your interior landscape.
|
||||
New experiences often break internal impasses and grant new perspective and insight.
|
||||
</p>
|
||||
<img src='img/hours_were_the_birds.webp' width='500' height='500' />
|
||||
<p>
|
||||
To me, the music speaks of that process of reflection in an unfamiliar place.
|
||||
Even though the music is well-known to me at this point, when I listen to it, I can feel the migrant part of myself, the part that desires to see new places.
|
||||
I get images of places I’ve been that resonated with me, and places I might still go.
|
||||
</p><p>
|
||||
This next part is a bit of a non-sequitur, but it’s part of my relationship with the album and I think it’s worth mentioning.
|
||||
I was listening to this album a lot when I was brainstorming <a href='graveyard-2.html'><i>Pareidolia</i></a>, a video game I wanted to make after playing <i>Hollow Knight</i>.
|
||||
</p><p>
|
||||
My dream for the soundtrack was to do covers of every song in <i>Hours Were the Birds</i>, replacing the guitar with piano and the voice with clarinet.
|
||||
Honestly, to this day, I still think such a soundtrack would do a perfect job of capturing the same lonely & exploratory vibe I wanted to convey with the game.
|
||||
Even if I don’t make the game, I would still like to make the covers someday.
|
||||
</p><p>
|
||||
One other non-sequitur: the last track of this album was originally “We Were Young”, but the song got completely scrubbed from the internet back in (I think) 2018, and I never had a physical copy of the album.
|
||||
It was replaced with another song, “A Love of Some Kind”, which I have never liked as much.
|
||||
</p><p>
|
||||
To me, the version with “We Were Young” will always be the definitive version of the album, and it’s that version I’m considering when I rate it as a “completely good 5” on Rate Your Music.
|
||||
I haven’t heard the original track in five years now, and I miss it every time I listen through the album.
|
||||
Let that be a cautionary tale to you about the danger of entrusting your favorite music to DRM!
|
||||
</p><p>
|
||||
Have you listened to <i>Hours Were the Birds</i>?
|
||||
Did you enjoy it?
|
||||
Did you feel the sense of travel & exploration?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>gome — Illinois</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'/>
|
||||
</head>
|
||||
<body>
|
||||
<header id='header'>
|
||||
<nav>
|
||||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1 id='title'>My relationship with <i>Illinois</i></h1>
|
||||
<time datetime='Tue, 6 Dec 2022 21:30:00 CST'>6 Dec. 2022, 9:30 PM</time>
|
||||
<p>
|
||||
There are a lot of albums I like so much that I couldn’t pick a favorite from among them.
|
||||
Every one does something so unique that it doesn’t really make sense to order them in the first place.
|
||||
However, <i>Illinois</i> by Sufjan Stevens has a reasonable claim on the title of my favorite album by virtue of the length and depth of my relationship with it.
|
||||
</p>
|
||||
<img src='img/illinois.webp' width='400' height='400' />
|
||||
<p>
|
||||
I first heard <i>Illinois</i> when I was in middle school.
|
||||
My brother, a college student at the time, played it for me on a car trip, and I remember being immediately impressed.
|
||||
The quirky instrumentation and bright colors and textures of it really didn’t sound like anything I had heard before.
|
||||
At that time my own taste in music was still developing, and I listened to a lot of things back then I have no interest in revisiting.
|
||||
Sufjan Stevens is one of the few artists I enjoy as much (more, probably) today as I did back then.
|
||||
</p><p>
|
||||
One of the many benefits of having a big family is that music gets passed around among siblings.
|
||||
Once an album becomes a favorite among the family, it becomes a distinct piece of family culture.
|
||||
It takes on more context and dimensionality than it would if you only listened to it on your own.
|
||||
<i>Illinois</i> is a prime example of this.
|
||||
It continued to work its way through so many periods of my life, partially because I kept coming back to it, and partially because my siblings’ shared enjoyment of it kept it alive in my musical consciousness.
|
||||
</p><p>
|
||||
Now, each song in the album carries connotations and nostalgia from across my personal history.
|
||||
I can summon distinct feelings of each song being with me & there for me in different eras, times at which they were particularly meaningful, people I bonded with over them.
|
||||
In so many ways, I’ve changed so much in the nearly 15 years <i>Illinois</i> has been in my life, but the album itself provides a tone of emotional continuity across that gap.
|
||||
It’s a beautiful thing music can do, something I’ll always be grateful for, and something no other album can do for me in quite the same way.
|
||||
</p><p>
|
||||
Have you heard <i>Illinois</i>? Do you like it?
|
||||
Do you have another album that does something like this for you?
|
||||
Let me know your thoughts at my Ctrl-C email: <code>gome<span style='user-select: none;'> ​</span>@<span style='user-select: none;'> ​</span>ctrl-c.club</code>.
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue