gomesite/library/journal-index.html

487 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — journal index</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 type='module'>
const bubbles_nav = document.querySelector('main nav.bubbles');
const bubbles = bubbles_nav.querySelectorAll('button.bubble');
const sections = document.querySelectorAll('main > section');
const nav_hint = document.querySelector('#nav-hint');
for (const bubble of bubbles) {
bubble.addEventListener('click', ({ ctrlKey, metaKey }) => {
const multiselect = (ctrlKey || metaKey) && bubbles_nav.querySelector('.active') !== null;
const section = document.getElementById(bubble.dataset.shows);
if (bubble.classList.contains('active')) {
bubble.classList.remove('active');
section.classList.add('hide');
// if no bubbles are active now
if (!bubbles_nav.querySelector('.active')) {
// show all sections
for (const section of sections) {
section.classList.remove('hide');
}
// show hint if no bubbles are active
nav_hint.classList.remove('hide');
} else if (!multiselect) { // if some bubbles were still active, reset
for (const bubble of bubbles) {
bubble.classList.remove('active');
}
for (const section of sections) {
section.classList.remove('hide');
}
// show hint if no bubbles are active
nav_hint.classList.remove('hide');
}
} else {
// handle bubbles
if (!multiselect) {
for (const bubble of bubbles) {
bubble.classList.remove('active');
}
for (const section of sections) {
section.classList.add('hide');
}
}
section.classList.remove('hide');
bubble.classList.add('active');
// hide hint if any bubbles are active (& close it too)
nav_hint.classList.add('hide');
nav_hint.classList.remove('open');
}
});
}
const params = new URLSearchParams(window.location.search);
let activeBubbles = [];
for (const key of params.keys()) {
const bubble = bubbles_nav.querySelector(`[data-shows='${key}']`);
if (bubble) {
bubble.classList.add('active');
activeBubbles.push(key);
}
}
if (activeBubbles.length) {
for (const section of sections) {
if (!activeBubbles.includes(section.id)) {
section.classList.add('hide');
}
}
// hide hint if any bubbles are active
nav_hint.classList.add('hide');
}
const hint_toggle = nav_hint.querySelector('.hint-toggle');
hint_toggle.addEventListener('click', () => {
hint_toggle.parentElement.classList.toggle('open');
});
</script>
<style>
/* TODO: put this in main style.css? */
h5 {
margin: 0 0 0.25em 0;
font-weight: normal;
}
section h3 {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 0.5em;
}
li {
margin-bottom: 0.5em;
}
#nav-hint.hide {
display: none;
}
#nav-hint .hint-toggle {
margin-bottom: 0.5em;
color: #6d747a;
border-bottom: 1px dotted #6d747a;
cursor: pointer;
}
#nav-hint.open .hint-toggle {
color: #323a42;
font-weight: bold;
border-bottom: none;
}
#nav-hint .hint-content {
margin: 0.5em 0 0 0;
}
#nav-hint:not(.open) .hint-content {
display: none;
}
#nav-hint::after {
content: '';
display: block;
width: 50%;
margin: 1.5em 0 1.5em 1.5em;
border-bottom: 2px solid #323a42;
}
a[href^='../journal'] {
color: #333f7f;
text-decoration: none;
font-weight: bold;
}
a[href^='../journal']:hover, a[href^='../journal']:focus {
color: #60668a;
}
img.category-icon {
border: none;
padding: 0;
margin: 0;
}
.favorite::after {
content: '*';
color: #984624;
}
</style>
</head>
<body>
<header id='header'>
<nav>
<a href='..'>back to gomepage</a>&mdash;<a href='.'>library</a>
</nav>
</header>
<main>
<h1>Journal Index</h1>
<nav class='bubbles'>
<button class='bubble' data-shows='music-ideas'>music ideas</button>
<button class='bubble' data-shows='singing'>singing</button>
<button class='bubble' data-shows='relationships-with-albums'>relationships with albums</button>
<button class='bubble' data-shows='other-music-listening'>other music listening</button>
<button class='bubble' data-shows='feelings'>feelings</button>
<button class='bubble' data-shows='winter'>winter</button>
<button class='bubble' data-shows='localism'>localism</button>
<button class='bubble' data-shows='communication'>communication</button>
<button class='bubble' data-shows='stories'>stories</button>
<button class='bubble' data-shows='computer'>computer</button>
<button class='bubble' data-shows='gaming'>gaming</button>
<button class='bubble' data-shows='recipes'>recipes</button>
<button class='bubble' data-shows='just-intonation'>just intonation</button>
<button class='bubble' data-shows='projects'>projects</button>
<button class='bubble' data-shows='linguistics'>linguistics</button>
<button class='bubble' data-shows='meta'>meta</button>
<button class='bubble' data-shows='activities'>activities</button>
<button class='bubble' data-shows='miscellaneous'>miscellaneous</button>
</nav>
<div id='nav-hint'>
<span class='hint-toggle'>Hint</span>
<ul class='hint-content'>
<li><span class='key'>Ctrl</span> + click to multi-select categories</li>
<li>Add <code>?&lt;category&gt;</code> to the URL to get a link that shows just that category (e.g., <a href='?singing'><code>?singing</code></a> or <a href='?localism&winter'><code>?localism&winter</code></a>)</li>
<li><span class='favorite'>Red asterisks </span> indicate my own favorite posts</li>
</ul>
</div>
<section id='music-ideas'>
<h3>Ideas about music and composition<img class='category-icon' src='./journal-icons/music-ideas.webp' width='64' height='64' /></h3>
<p>
I studied music composition in school and continue to write choral music.
Ive spent a lot of time thinking about music, especially about the relationship between <a href='../journal/listener-performer.html'>composer, performer, and listener</a>, and <a href='../journal/toolbox.html'>how composers should be educated</a>.
</p>
<ul>
<li><a href='../journal/expression.html'>Extensive vs. intensive expression</a> &mdash; building music out vs. building it in</li>
<li><a href='../journal/toolbox.html' class='favorite'>Building the toolbox</a> &mdash; thoughts on composer education</li>
</ul><h5>Subseries: relational aspects of music</h5><ul>
<li><a href='../journal/reinterpretation.html'>Feel free to change my music</a></li>
<li><a href='../journal/dialogue.html'>A model of musical dialogue</a> &mdash; innovation and decadence</li>
<li><a href='../journal/listener-performer.html'>Is the composer a listener or a performer?</a></li>
<li><a href='../journal/self-expression.html'>Is art about self-expression?</a></li>
</ul><h5>Subseries: my creative process</h5><ul>
<li><a href='../journal/dry-spell.html'>Musical dry spell</a></li>
<li><a href='../journal/when-it-rains.html'>When it rains, it pours: dry spell revisited</a></li>
<li><a href='../journal/preparation.html'>Preparing to write a new piece</a></li>
</ul>
</section>
<section id='singing'>
<h3>Singing<img class='category-icon' src='./journal-icons/singing.webp' width='64' height='64' /></h3>
<p>
I love singing, especially in groups.
I think more people should sing more often!
</p>
<ul>
<li><a href='../journal/fraser.html'>Elizabeth Fraser is my favorite singer</a></li>
<li><a href='../journal/a-cappella.html'>My experience with a cappella</a></li>
<li><a href='../journal/singers.html'>Five of my favorite singers</a></li>
<li><a href='../journal/singing.html' class='favorite'>I have had singing</a> &mdash; pro-singing manifesto</li>
<li><a href='../journal/choral.html'>Lets talk choral music</a></li>
</ul>
</section>
<section id='relationships-with-albums'>
<h3>My relationships with various albums<img class='category-icon' src='./journal-icons/relationships-with-albums.webp' width='64' height='64' /></h3>
<p>
I wanted to post something like music reviews, but Im not interested in critique.
I decided to write posts about albums I love, focusing on what they mean to me.
</p>
<ul>
<li><a href='../journal/illinois.html'>My relationship with <i>Illinois</i></a> by Sufjan Stevens</li>
<li><a href='../journal/pink-moon.html' class='favorite'>My relationship with <i>Pink Moon</i></a> by Nick Drake</li>
<li><a href='../journal/%EB%AC%B4%EB%84%88%EC%A7%80%EA%B8%B0.html' class='favorite'>My relationship with <i>무너지기</i> (Crumbling)</a> by 공중도둑 (Mid-Air Thief)</li>
<li><a href='../journal/colour-green.html'>My relationship with <i>Colour Green</i></a> by Sibylle Baier</li>
<li><a href='../journal/weary.html'>My relationship with <i>Its a Good Life Honey If You Dont Grow Weary</i></a> by Alexa Woodward</li>
<li><a href='../journal/fantasma.html'>My relationship with <i>Fantasma</i></a> by Cornelius</li>
<li><a href='../journal/songs-from-philadelphia.html'>My relationship with <i>Songs From Philadelphia</i></a> by The John Conahan Group</li>
<li><a href='../journal/hours-were-the-birds.html'>My relationship with <i>Hours Were the Birds</i></a> by Adrianne Lenker</li>
<li><a href='../journal/nurture.html'>My relationship with <i>Nurture</i></a> by Porter Robinson</li>
</ul>
</section>
<section id='other-music-listening'>
<h3>Other posts about music listening<img class='category-icon' src='./journal-icons/other-music-listening.webp' width='64' height='64' /></h3>
<p>
In addition to the above categories, I have a number of other posts about music I listen to, or about music listening in general.
</p>
<ul>
<li><a href='../journal/snails-house.html'>A year of Snails House</a></li>
<li><a href='../journal/listening.html'>Listening to more and more music</a></li>
<li><a href='../journal/lyrics.html'>What do I think about lyrics?</a></li>
<li><a href='../journal/choral-favorites.html'>A few of my favorite choral pieces</a></li>
<li><a href='../journal/journaling.html' class='favorite'>Journaling by listening</a> &mdash; about the band Lamp</li>
<li><a href='../journal/dark-matter.html'>Last.fm dark matter</a> &mdash; music I like that I dont track on <a href='https://www.last.fm/'>last.fm</a></li>
<li><a href='../journal/music-collection.html'>Building my music collection</a></li>
<li><a href='../journal/stan-rogers.html'>Stan Rogers is a true folk musician</a></li>
<li><a href='../journal/2008.html'>Im looking for the <i>Hats</i> of 2008</a></li>
</ul>
</section>
<section id='feelings'>
<h3>Feelings<img class='category-icon' src='./journal-icons/feelings.webp' width='64' height='64' /></h3>
<p>
In some of these posts, I write about my feelings; in others, I write about my ideas about feelings, like <a href='../journal/nostalgia.html'>nostalgia</a>.
Some of them are more general journal-like writing that I felt belonged here more than any other category.
</p>
<ul>
<li><a href='../journal/dreaming.html'>Dreaming all the time</a> &mdash; spatio-affective waking dreams</li>
<li><a href='../journal/homes.html'>I want to see inside other peoples homes</a></li>
<li><a href='../journal/goals.html'>My goals for the year</a></li>
<li><a href='../journal/habits.html'>Pleasant little habits</a></li>
<li><a href='../journal/reset.html'>COVID reset my personality</a></li>
<li><a href='../journal/nostalgia.html' class='favorite'>Nostalgia for the present</a> &mdash; a way of living the moment</li>
<li><a href='../journal/better.html'>I can be better</a></li>
<li><a href='../journal/thinking.html'>Maybe sometimes you shouldnt think</a></li>
<li><a href='../journal/incorrect.html' class='favorite'>Giving myself permission to be confidently incorrect</a></li>
<li><a href='../journal/health.html'>Basic health stack</a></li>
</ul>
</section>
<section id='winter'>
<h3>Winter<img class='category-icon' src='./journal-icons/winter.webp' width='64' height='64' /></h3>
<p>
I wrote the bulk of my posts on here during the 100-post writing challenge I did.
The challenge went over the winter of 2022&ndash;2023.
For better or worse, the winter is one of the things that most defines my home region.
I ended up having a lot to say about it. (Some of it was even positive!)
</p>
<ul>
<li>I identify with my home region in how well <a href='../journal/snow.html' class='favorite'>I know snow</a></li>
<li><a href='../journal/irritable.html'>Cold-induced irritability</a></li>
<li><a href='../journal/cold-walk.html'>My cold walk</a> &mdash; strolling around at 8°F (13°C)</li>
<li><a href='../journal/screens.html'>A little sick of being on the computer</a></li>
<li><a href='../journal/long-winter.html'>Long winter effect</a> &mdash; I was really getting sick of it at this point</li>
<li><a href='../journal/spring.html'>The spring melt</a></li>
</ul>
</section>
<section id='localism'>
<h3>Localism<img class='category-icon' src='./journal-icons/localism.webp' width='64' height='64' /></h3>
<p>
Different ideas Ive had about “blooming where youre planted”. <a href='../journal/snow.html'>I know snow</a> is an honorable mention, but it belongs in the <a href='?winter'>winter</a> category.
</p>
<ul>
<li><a href='../journal/naturalist.html' class='favorite'>I want to be a budding naturalist</a> &mdash; getting to know your place</li>
<li><a href='../journal/ghost-kitchens.html' class='favorite'>Thoughts on ghost kitchens</a> &mdash; brands are like software</li>
<li><a href='../journal/always.html'>Things people have always done</a></li>
</ul><h5>Subseries: building local culture</h5><ul>
<li><a href='../journal/local-culture.html'>Where does your culture come from?</a> &mdash; blooming where youre planted</li>
<li><a href='../journal/local-culture-2.html' class='favorite'>Articulating a vision for your locale</a></li>
</ul><h5>Subseries: agriculture</h5><ul>
<li><a href='../journal/regenerative.html'>Regenerative agriculture sounds cool</a></li>
<li><a href='../journal/food-chain.html'>Rebuilding your food chain</a></li>
</ul>
</section>
<section id='communication'>
<h3>Communication*</h3>
<p>
Im using the term a bit vaguely here, but I have enough posts that somehow fit the theme of communication.
All the posts in the “communication advice” subseries are kind of different angles on the same thing.
</p>
<ul>
<li><a href='../journal/disagreeing.html'>Disagreeing with friends</a></li>
<li><a href='../journal/hivemind.html'>Hivemind-facilitating software</a></li>
<li><a href='../journal/drinking.html'>Drinking in the presence of others</a></li>
</ul><h5>Subseries: communication advice</h5><ul>
<li><a href='../journal/examples.html' class='favorite'>Start with examples</a></li>
<li><a href='../journal/notes.html'>Share your notes</a></li>
<li><a href='../journal/garden-gate.html'>Show us the garden, not the gate</a></li>
</ul>
<p class='footnote'>
* I dont have an icon for this one yet, will add it eventually
</p>
</section>
<section id='stories'>
<h3>Stories<img class='category-icon' src='./journal-icons/stories.webp' width='64' height='64' /></h3>
<p>
In my head, I just kind of class all various narrative forms as “stories”, regardless of medium.
So most of my thinking on stories applies across that whole category, including movies, TV shows, games, and traditional literature.
</p>
<ul>
<li><a href='../journal/krautesel.html'>The Donkey Cabbages</a> &mdash; awesome weird fairy tale</li>
<li><a href='../journal/time-loop.html'>Ill always go for a time loop</a></li>
<li>I had fun tracing influences on <i>Hollow Knight</i> in <a href='../journal/angels-egg.html'><i>Angels Egg</i></a></li>
<li><a href='../journal/tarkovsky.html'>I want to watch Andrei Tarkovskys films</a></li>
<li><a href='../journal/themes.html' class='favorite'>Stories being what they are</a> &mdash; understanding stories without metaphor</li>
<li><a href='../journal/lotso.html'>Lotsos heavy burden</a> &mdash; pity for the villain of <i>Toy Story 3</i></li>
</ul>
</section>
<section id='computer'>
<h3>Computer stuff<img class='category-icon' src='./journal-icons/computer.webp' width='64' height='64' onclick='this.src = this.src.replace(/(-2)?\.webp/, (this.src.includes("-2") ? "" : "-2") + ".webp")' /></h3>
<p>
You might be able to guess from my hand-made website and my presence on <a href='https://ctrl-c.club/'>Ctrl-C</a>,
but I am something of a computer nerd.
I like messing around with programming and other software tools.
I dont often accomplish much with it, but its just a hobby, mainly.
</p>
<ul>
<li>I figured out a way to post any emoji on <a href='../journal/status-cafe.html'>Status Cafe</a></li>
<li><a href='../journal/gomepage.html' class='favorite'>The design of gomepage</a></li>
<li><a href='../journal/unfinished.html' class='favorite'>An unfinished part of gomepage</a> &mdash; previously the Bookmarks section, now the Library, which you are currently reading!</li>
<li><a href='../journal/update.html'>How I update my site</a> &mdash; I edit everything manually & push with git</li>
<li>I really think more people should <a href='../journal/website.html' class='favorite'>build their own website</a></li>
<li><a href='../journal/git.html'>You dont need GitHub</a> &mdash; other ways to host git</li>
<li><a href='../journal/webjam.html'>Im putting on a Jam</a> &mdash; and heres a link to <a href='./webjam'>the Webpage Jam</a></li>
<li><a href='../journal/keyboard.html'>I love my new keyboard</a></li>
</ul>
</section>
<section id='gaming'>
<h3>Gaming<img class='category-icon' src='./journal-icons/gaming.webp' width='64' height='64' /></h3>
<p>
I like to play video games.
When I was a kid, I found them very captivating, and would get kind of obsessed with them.
I play them less now, but I still think theyre a super interesting art form that is still in its early days.
</p>
<ul>
<li><a href='../journal/party.html'>I wanted to play Wii Party</a></li>
<li><a href='../journal/parabox.html'>I played Patricks Parabox</a></li>
<li><a href='../journal/rhombic-dodecahedron.html'>Tessellating building units in Minecraft</a></li>
<li><a href='../journal/exploration.html'>How I like to play</a> &mdash; on exploration games like <i>Hollow Knight</i> & <i>Breath of the Wild</i></li>
<li><a href='../journal/isometric.html'>I love isometric graphics</a></li>
</ul>
</section>
<section id='recipes'>
<h3>Recipes<img class='category-icon' src='./journal-icons/recipes.webp' width='64' height='64' /></h3>
<p>
I sometimes like to try new things when I cook. If I come up with something good, I like to share it!
</p>
<ul>
<li><a href='../journal/ramen.html'>Ramen</a> &mdash; my first post</li>
<li><a href='../journal/skillet.html'>Tater tot breakfast skillet</a></li>
<li>I tried to make <a href='../journal/custard.html'>custard</a> &mdash; but it didnt really work out</li>
<li><a href='../journal/udon.html'>Udon sauce</a></li>
</ul>
</section>
<section id='just-intonation'>
<h3>Just intonation<img class='category-icon' src='./journal-icons/just-intonation.webp' width='64' height='64' /></h3>
<p>
Just intonation is where you use whole ratios to tune music.
I think its really cool, but I have a hard time explaining it.
Its all really well organized in my head, but when I talk about it its a big spaghetti mess.
</p><p>
I tried to write a series to organize my thoughts about it and maybe evangelize it to some others,
but this series is mostly me just bouncing around the spaghetti mess.
I do think I eventually present some useful definitions and background information, but I dont know if Ive really gotten to the core of things like I want to yet.
</p>
<ol>
<li><a href='../journal/just-intonation.html'>Introduction</a></li>
<li><a href='../journal/just-intonation-2.html'>The harmonic series</a></li>
<li><a href='../journal/just-intonation-3.html'>Building intervals</a></li>
<li><a href='../journal/just-intonation-4.html'>Just intonation redux</a></li>
<li><a href='../journal/just-intonation-5.html'>5-limit tuning</a></li>
<li><a href='../journal/ratioscore.html'>I just learned about Ratioscore</a></li>
</ol>
</section>
<section id='projects'>
<h3>Projects<img class='category-icon' src='./journal-icons/projects.webp' width='64' height='64' /></h3>
<p>
I like to start projects, but Im evidently not so interested in finishing them.
For now, this section is basically a specific series of posts wherein I reflect on this fact & explore some abandoned projects.
But in the future I might add some other thoughts about my projects in general.
</p>
<ul>
<li><a href='../journal/completion.html'>Abysmal project completion rate</a></li>
<li><a href='../journal/graveyard-1.html'>My game graveyard, part one</a></li>
<li><a href='../journal/graveyard-2.html'>My game graveyard, part two</a></li>
<li><a href='../journal/graveyard-3.html'>Game graveyard averted</a> &mdash; when I called something “finished” for once</li>
</ul>
</section>
<section id='linguistics'>
<h3>Linguistics<img class='category-icon' src='./journal-icons/linguistics.webp' width='64' height='64' /></h3>
<p>
When I was in my late high school, early college years, I was really into linguistics.
I read everything I could about it on Wikipedia.
I still have a lot of fun learning etymologies, phonologies, and genealogies of various languages.
</p>
<ul>
<li><a href='../journal/ipa.html'>International Phonetic Alphabet</a></li>
<li><a href='../journal/chess.html'>Chess etymology adventure</a></li>
</ul>
</section>
<section id='meta'>
<h3>Metaposts<img class='category-icon' src='./journal-icons/meta.webp' width='64' height='64' /></h3>
<p>
I occasionally write about my own writing here.
Its an easy topic, especially when Im in a pinch.
</p>
<ul>
<li><a href='../journal/funny.html'>Im more funny in person</a></li>
<li><a href='../journal/cram.html'>Stream of consciousness cram</a></li>
<li><a href='../journal/challenge.html'>100-day challenge check-in</a></li>
<li><a href='../journal/speedpost.html'>11th-hour speedpost!</a></li>
<li><a href='../journal/writing.html'>I miss writing every day</a></li>
</ul>
</section>
<section id='activities'>
<h3>Things Ive done or might do<img class='category-icon' src='./journal-icons/activities.webp' width='64' height='64' /></h3>
<p>
An intentionally vague category about various activities Im interested in, but have only written about once.
</p>
<h5>Things Ive done</h5>
<ul>
<li><a href='../journal/garden.html' class='favorite'>A gomes garden</a> &mdash; plus, gardening as a broader concept</li>
<li><a href='../journal/theater.html'>I was a theater kid</a> back in high school</li>
<li><a href='../journal/poems.html'>Memorize a poem</a></li>
<li><a href='../journal/sailing.html'>I love sailing!</a></li>
<li><a href='../journal/thrombus.html' class='favorite'>Basics of thrombus</a> &mdash; 3-player foursquare</li>
<li><a href='../journal/candy.html'>Trying new candy</a></li>
<li><a href='../journal/spin-up.html'>Hobby spin-up period</a> &mdash; it takes time to learn new things</li>
<li><a href='../journal/camping.html'>Back from the camping trip</a></li>
</ul>
<h5>Things I might do</h5>
<ul>
<li><a href='../journal/wardrobe.html'>Wardrobe updates</a> &mdash; trying to figure out my style</li>
<li><a href='../journal/travel.html'>Id like to travel more</a></li>
<li><a href='../journal/dowsing.html'>Whats up with dowsing?</a></li>
<li><a href='../journal/etiquette.html'>Why learn etiquette?</a></li>
<li><a href='../journal/paramotor.html'>Have you heard of paramotors?</a></li>
</ul>
</section>
<section id='miscellaneous'>
<h3>Miscellaneous<img class='category-icon' src='./journal-icons/miscellaneous.webp' width='64' height='64' /></h3>
<p>
Finally, all the articles I really couldnt find a category for.
</p>
<ul>
<li><a href='../journal/astronomy.html'>Astronomy is super cool</a></li>
<li><a href='../journal/worst-shape.html' class='favorite'>Quest for the worst shape</a> &mdash; mathematical hellscape</li>
<li><a href='../journal/fireplaces.html' class='favorite'>Fireplace jokes</a> &mdash; vagaries of interior design</li>
<li><a href='../journal/sleep.html'>My relationship with sleep</a></li>
<li><a href='../journal/postcard.html'>They got me with this postcard</a> &mdash; howd they know Id like this?</li>
</ul>
</section>
</main>
<footer>
<img src='../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>
</html>