zk_html/lj-dump/L-1108.html

79 lines
3.1 KiB
HTML
Raw Normal View History

2020-04-23 20:45:09 +00:00
<!doctype html>
<html>
<head>
<title>Zk | Work, work...</title>
<link rel="stylesheet" type="text/css" href="/style.css" />
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />
</head>
<body>
<main>
<header>
<h1>Zk | Work, work...</h1>
</header>
<article class="content">
<p>Just deployed 20 computers to take the place of the 40 I tore down yesterday. Such a lazy bastard, I am. Anyway, while I was out doing that, I came up with an idea for a longish sort of piece - really, a series of shorter songs, like <em>Images</em> - as a composition exercise for this next month or so.</p>
<p><strong>The Idea</strong>
Write a song about several different kinds of drinks - Gin &amp; Tonic, mojito, white Russian, and so on - WITHOUT using clichés (so no cuban beats for the Mojito, and no club jazz for the G&amp;T).</p>
<p><strong>Ensemble</strong>
-Flute
-Guitar
-Piano</p>
<p><strong>Structure</strong>
Not sure how I want to structure it. I mean, arch form is kinda neat, and so is a big flashy climax, but maybe something dealing more with the drinks themselves, like moving from less classy to more classy...? Or by ingredient, so I could segue from G&amp;Ts to Martinis or something.</p>
<p><strong>The Drinks</strong> (or, at least, some that come to mind - suggestions for adding or removing are welcome)
<em>Gin drinks</em>
-Gin and tonic
-Martini (gin, vermouth, olives)
<em>Rum drinks</em>
-Mojito (rum, lime, mint, simple syrup, soda water)
-Rum and coke
<em>Sweet drinks</em>
-White russian (coffee liquor, vodka, milk, cream)
-Margarita (tequila, triple sec, sweet lime juice)
<em>Whiskey drinks</em>
-Rob roy (scotch, sweet vermouth, bitters)
-Sazerac (rye whiskey, bitters, absinthe, simple syrup)
<em>C-c-c-combo breaker!</em>
-Long Island Iced Te</p>
<span class="control">Expand all</span>
</article>
<footer>
<p>Page generated on 2007-07-25 22:16:09</p>
</footer>
</main>
<script type="text/javascript">
document.querySelectorAll('li').forEach(el => {
if (el.querySelectorAll('li').length !== 0) {
el.classList.add('has-nested', 'closed');
el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
}
});
document.querySelectorAll('.toc .has-nested').forEach(el => {
el.classList.remove('has-nested', 'closed');
});
document.querySelectorAll('li.has-nested').forEach(el => {
el.querySelector('.toggle').addEventListener('click', () => {
el.classList.toggle('closed');
});
});
let expanded = false;
document.querySelector('.control').addEventListener('click', (e) => {
expanded = !expanded;
if (expanded) {
e.target.innerText = 'Collapse all';
} else {
e.target.innerText = 'Expand all';
}
document.querySelectorAll('.has-nested').forEach((el) => {
if (expanded) {
el.classList.remove('closed');
} else {
el.classList.add('closed')
}
});
});
</script>
</body>
</html>