New Digs

old and new site comparison
Left, old and busted. Right, new hotness.

Over the last few months, I’ve slowly been working on a redesign of my personal site. I had been helping out with several other sites for individuals and organizations, and felt like my old site was becoming the proverbial cobbler’s child. The design language was starting to look a little dated, and it didn’t do anything that might encourage anybody to stop by for a visit.

Last and perhaps most crucial to the rebuild, one of my goals for the year has been to at least make it possible for people to pay me. I don’t want my site to be a store, but if I’m going to go to all the trouble of making a page for each piece I want to showcase, I might as well put a buy button down there at the bottom. I know this is probably something lots of composers are interested in trying, but if you don’t have a lot of resources to hand that off to a team, you may not no where to begin. I certainly didn’t. So I thought I’d share a bit of what is going on behind the scenes on the new site.

The Guts

I like WordPress. Every version of my website for the last 15 or so years has been built using it. SoundNotion, CFCF, Timucua, and a half-dozen other little web experiments are all self-hosted WordPress (aka “WordPress dot org”) using cheapo shared hosting at DreamHost. The domain is registered at Hover. WordPress isn’t the only game in town when it comes to content management systems (CMSes); but it’s by far the most widely used, so there are tons of options for supporting technology, helpful YouTube tutorials, how-tos, plugins, and themes. As I tell my students, if you’re new to this stuff (or even if you aren’t) anything other than WordPress or Squarespace will probably end in tears.

The Pretty Parts

I can be a bit picky with things like colors, typography, layouts, and I’m a total snob about some of it, too. (I’m sure those who have met me have no trouble imagining that.) So finding a theme I like is always a struggle. I don’t want a hand-holdy visual builder, though there are some fantastic ones available, but I do want to take control. The theme here at This Page Left Intentionally Useless is one I built from scratch. That turned out to be a lot of work, so I’m comfortable building on the shoulders of people who know what they’re doing. My new site is built on the default Twenty Seventeen theme in WordPress. I really like Twenty Seventeen; it’s also at the core of the Timucua Arts Foundation site I worked on earlier this year. All the tweaks are nerdy and done in PHP and Sass. Wake up. We’re getting to the good stuff!

I wouldn’t recommend this level of geekery to a normal person. If you want to take control of your site, find one that has some nice customization features baked in. There are some really nice ones you can pick up for under $50, and if you raise your budget to $100 or so, you’ll find just about anything you can imagine. One theme I toyed with a bit during my build is Divi from Elegant Themes. It’s beautiful and highly customizable. At $89/year it’s starting to push into the moderately expensive range; but, you can really do a lot with its drag-and-drop page builder. If that sounds like a lot, there are some great options with less support and fewer customizations on Theme Forest.

The Functional Parts

I could go into a lot of detail on all the plugins I’m using on the site1 and why; but, I think we both know the reason you read this far. You want to know about the money stuff.

There are several ways to do e-commerce. I used Gumroad for many years, which I still think is great. However, I really wanted to be able to take care of the transactions myself. I’m never going to be selling scores at a scale that requires the heft of Gumroad’s server capacity, and I think it’s a better experience for folks to begin and end the transaction on my site.

I’m using WooCommerce, an absolute behemoth of a plugin. It’s maintained by Automattic, the same company responsible for the main core of WordPress, so it’s pretty stable, even if it is a much larger tool than I need for my tiny little shop. That’s ok. As I said, scale isn’t a concern here.

Some things were concerns, though. Most important was that I didn’t want my personal site to scream “BUY MY STUFF” all the time. Obviously, that’s not a common trait among online retailers, so WooCommerce’s default settings needed to be reined in a bit. Instead of a store, I want my site to be more like a portfolio in which you happen to be able to purchase copies of some of the work.

First came the navigation. Instead of letting Woo create its own store page, I decided I wanted to manually create my own listing. I don’t have enough things in the “store” to make this a huge burden.

Next, I wanted a much less aggressive template for each piece, and to even have pieces in the “store” that aren’t for sale. Again, Woo’s default is to make the price and the “add to cart” buttons the first thing on the page, just like an Amazon listing. For my site, I want that to be at the very bottom. This required a teensy bit of code-tweaking to change the template order. I didn’t look too far for a plugin, since I was already doing some template tweaks on the site. You may be able to handle this in a less geeky and possibly more effective way.

Last, since my scores aren’t particularly interesting to photograph, I hid the “featured image” and “gallery” that Woo wanted to create for each piece. Instead, I just begin each entry with an embedded video or audio player if I’ve got it, followed by a program-note-like description.

The Voice

Re-doing things gave me the opportunity to reëvaluate2 the writing on the site. I like to write long silly things like this that don’t always belong on the main site, but I still love writing words from time to time. Writing a bio is never fun though. I dug back through the series of posts Angela Myles Beeching wrote for New Music Box about a year ago, “Your Better Bio”. I’m still not sure I have it nailed; but, it’s much closer and says more about my music and me as a person than it ever has before. I’m tempted to write a little plugin that randomly changes some of the cheekier bits each time the page loads. Bios are hard and have a lot of different potential audiences, especially on a website, where readers include audiences, performers, presenters, grant reviewers, and hiring committees. Also my mother. Hi, mom.

Conclusion

I consider this project to be very much in the “minimum viable product” stage. I have put a sign-up for a mailing list in a few spots. I thought about the modal pop-up thing some sites used, but I decided that I hate it when those pop up in front of something I’m reading. Why would I shove that in front of people I like? It’s there all the same if you’d like to sign up. I don’t know yet what I’ll put there, but I promise it will be cool. Signer-uppers get a $10-off coupon in my portfolio/store/thing. I’m planning to add at least one more page that has some information on my other weird projects, and maybe some links to a bit of my writing that I end up sharing or linking a lot.

If you have any thoughts on the site, I’d love to hear them. As you can see, I also love talking about making tech things, so if you have questions about anything I’ve done there, I’m happy to answer them.


  1. You really want to know? Ok, pal. Here’s each active plugin on the site as of this writing: Better Font Awesome, Google Analytics by WebKinder, Jepack by WordPress.com, SendGrid, Under Construction, VaultPress, WooCommerce, WooCommerce Services, WP Mail Logging, WP Migrate DB, WP Responsive Embeds, WP Subscribe Pro. Happy now? 
  2. Tip of the monocle to Mary Norris

Nothing New

In this week’s The New Yorker, Alex Ross tweaks the nation’s flagship orchestra and opera company for their stale repertoire in this newly opened season. Conservative programming at major performing arts presenters is nothing new; but, I think Ross makes a clever connection to another kind of conservatism that lends a bit more bite to an otherwise worn critique.

As the nation contends with its racist and misogynist demons, New York’s leading musical institutions give us canonical pieces by white males, conducted by white males, directed by white males. The Met’s productions this season feature no female composers, no female conductors, and no women directing new stagings. The Philharmonic’s main schedule, at David Geffen Hall, has one female conductor and one female composer.

Ouch.

Alex Ross: The Met and the Philharmonic Look Backward

Eclipse

Happy Eclipse Day!

In 2007, I set a poem by Archilochus1 about a total eclipse visible in Greece in the seventh century BCE.

Nothing can surprise me now, nothing can astonish
or alarm me now the god of gods has galled the midday
into night and trimmed the light of the westering sun.
Surely anything can happen now, anything at all,
so brace yourselves for the sight of milk cows grazing
the dolphin-crowded seas, of sure-footed deer
and mountain goats crossing the talus of a cresting wave.

The performance above is by Joseph Baunoch, bass-baritone; Marissa Olin, alto flute; and Kawai Chan, piano.

 


  1. Translated by American poet Sherod Santos in his collection Greek Lyric Poetry 

Fall 2017 Semester Listening

Where possible, recordings are available in the Spotify playlist. Otherwise, there are links to listen elsewhere.

  • Week 1
    • Du Yun: A Cockroach’s Tarantella (2010) – Soundcloud
    • Du Yun: an empty garlic (2014) – YouTube
  • Week 2
  • Week 3
    • Tristan Perich: Surface Image (2014)
  • Week 4
    • Olivier Messaien: Quatuor pour la fin du temps (Quartet for the End of Time, 1941)
  • Week 5
    • Steven Mackey: It Is Time (2010)
  • Week 6
    • Chen Yi: Tu (2008)
  • Week 7
    • Ken Ueno: On A Sufficient Condition For The Existence Of Most Specific Hypothesis (2008)
  • Week 8
    • Augusta Read Thomas: Jubilee (2010)
  • Week 9
    • Julia Wolfe: Dig Deep (1995)
  • Week 10
    • Andrew Norman: Play (2013)
  • Week 11
    • George Crumb: Vox Balaenae (Voice of the Whale, 1971)
  • Week 12
    • Luciano Berio: Sinfonia (1968)
  • Week 13
    • Jennifer Higdon: On A Wire (2010)
  • Week 14/15 (Includes Thanksgiving break)
    • Missy Mazzoli: Tooth and Nail (2011)

So-Called Air Quotes

There’s a plugin for that. Express sarcasm and condescension in a way normally reserved for face-to-face interaction, all while working from home.

UPDATE (18 Aug 2017): You can now install this plugin directly from the WordPress plugin directory. Just search for “So-Called Air Quotes” from your WordPress dashboard. Now, it’s official.

Dumbing-down big-time opera

Anne Midgette, following on her review of the new Steve Jobs opera by Mason Bates, compares recent trends in new, big-budget operas to the era of “prestige television”.

… it led to the libretto of an opera called “The (R)evolution of Steve Jobs,” which had its world premiere at the Santa Fe Opera on July 22, in which Jobs’s wife, Laurene, sings, “You were never easy./ But once you found your way,/Discovered you were ‘human,’/ We found a way/To connect.”

One of these things is not like the other. In a book or a movie, the lines Laurene sings would be scorned as Hallmark-worthy, romance-novel sentiment: A woman turns the bad boy good. In opera, it seems, we’re willing to tolerate it.

This strikes me as the direct result of opera companies’ focus on past repertoire. The saccharine plot turns in Mozart and the melodrama of Puccini just seem stupid when people are singing about iPhones.

… Opera — which is considered one of the highest forms of art — tends to uphold its formulas, sticking to tropes a century or two old. And opera audiences are willing to hold opera to a different standard — which effectively means that the bar is set a lot lower.

Sometimes, your opera is Two Broke Girls. Sometimes, it’s The Wire.

Anne Midgette: “New opera wants the same appeal as television. If only it could be as smart.”

Magnetic Glissandi in Sibelius 8.6

Philip Rothman at Scoring Notes:

Sibelius 8.6’s new engraving feature is magnetic glissandi lines — lines that snap to both their start and end note, updating their positions if the notes change.

Magnetic glissandi lines are quite intelligent, expanding and contracting to move out of the way of augmentation dots and accidentals. They will even slope in the correct direction between two pitches that share the same space or line.

You’ve got to check out the examples in this post. Two years after the disappointing launch of Sibelius 8, this is the first new feature that has me interested in upgrading from Sibelius 7.5.

Perhaps the most dangerous and sneaky legislative action of the year so far

I try not to cry wolf about technology things. We can only shut down the Internet so many times. Electronic Frontier Foundation today:

Should President Donald Trump sign S.J. Res. 34 into law, big Internet providers will be given new powers to harvest your personal information in extraordinarily creepy ways. They will watch your every action online and create highly personalized and sensitive profiles for the highest bidder. All without your consent. This breaks with the decades long legal tradition that your communications provider is never allowed to monetize your personal information without asking for your permission first. This will harm our cybersecurity as these companies become giant repositories of personal data.

This wouldn’t be such a big deal if you could switch your ISP to somebody else. However, according to the FCC just last year, the vast majority of US households have only one option for broadband service[1]. This is in addition to the roughly 10% of households with no broadband at all, which disporportionately affects rural areas and tribal lands.

As the EFF points out above, this is also a huge security problem. These companies have not always been great stewards of user data in the past, and they haven’t cared due to the lack of competition. You can’t switch easily like you can on mobile broadband, where competition has driven prices down dramatically just in the last six months. Other companies are using your data as well, like Google. But, you can pretty easily avoid using Gmail if you want to. You can’t choose a company other than your local ISP if you know they have a history of data breeches. Now, they’re going to suck up all that juicy user data and make themselves even bigger targets, with no benefit to consumers and no oversight.

This is bad. Support the EFF. Call your Congresscritter.


  1. The FCC defines “broadband” in this use as any wired provider offering a minimum of 25Mbps download speeds and 3Mbps upload speeds.  ↩

How to embed an interactive Keynote on the web

Update 30 March 2017: I made a neat (I think) little tool for generating these iframe embed codes automatically if you don’t want to keep digging around the iframe code.


With the update to Keynote 7.1 (27 March 2017), Apple added the ability "post interactive presentations on Medium, WordPress, and other websites". It’s a little bit tricky to find. Here’s how to do it.

Click "Collaborate"

If you don’t have the Collaborate button in your toolbar, you can also go to Share > Collaborate With Others. I know. It doesn’t make a ton of sense, but stick with me.

Set your sharing options.

Select "Copy Link", and under Share Options, set the access to "Anyone with the link". Set the Permission to "View only". Click Share and wait for Keynote to do a little iCloud dance in the background.

Wait.

Depending on how large and complex your presentation is, it may take a while. When this is done, you have a URL on your clipboard. Keynote doesn’t really tell you anything about that, but trust me. It’s there.

Post on Medium

In any part of a Medium post after the title, paste the URL and hit Enter.

After a few moments, the URL will be replaced by an embedded slideshow. Looking good!

Post on WordPress.com

Same as Medium. Just paste the URL into the Visual Editor and hit Enter. It will be replaced with a shiny new embedded slide show.

Post using an iframe elsewhere.

You can also post your Keynote slides as an iframe anywhere else, such as a self-hosted WordPress site like this fine establishment. It takes just a little looking around the code from the WordPress.com embed, and the formula is pretty clear. Start with the URL straight from Keynote’s share menu. Mine looks like this:

https://www.icloud.com/keynote/0BnBgSWdHQbQDKsC4gq1mUbZA#exquisite_corpse

Remove the # and everything after it from the URL.

Now, my example looks like this:

https://www.icloud.com/keynote/0BnBgSWdHQbQDKsC4gq1mUbZA

Place your new link as the source of an iframe.

Here’s the basic formula:

<iframe src="[[[ICLOUD URL GOES HERE]]]?embed=true" width="640" height="500" frameborder="0" allowfullscreen="1" referrer="no-referrer"></iframe>

So my example now looks like this:

<iframe src="https://www.icloud.com/keynote/0BnBgSWdHQbQDKsC4gq1mUbZA?embed=true" width="640" height="500" frameborder="0" allowfullscreen="1" referrer="no-referrer"></iframe>

You may want to tweak the width and height numbers to suit your needs. Apple made them 100% and 100%, but that isn’t going to work for this kind of context.

Example!

Note that this feature does not currently do much more than a straight-on shot of each slide. It doesn’t do transitions or even simple builds. So you may have to design slides expressly for this purpose. Also, if you’re using any fonts outside of the collection available on iCloud Keynote, they probably won’t render correctly. But even with all those caveats, this is still a dang cool feature that I’m hoping to use a lot.