MandalaTV
Personal and Professional Blog of Rich Hauck

Latte Art

by: Rich Hauck

The other week I took a class in latte art at Little Amps Coffee in downtown Harrisburg. Considering how much coffee I drink, I figured why not learn how it’s done?

The class consisted of roughly 10 students being taught how to execute hearts and tulip-shaped patterns by two experienced baristas. It cost $20, but was well worth it (I went solo, but could see it making for a good date night). In addition to learning, we were permitted to drink our attempts, and each of us left with a small bag of roasted beans.

My feeble attempts documented, below.

First attempt.

Second attempt. At least I have the contrast going for me.

Learning to center…

Throwdown mode (mine’s on the right).

Last attempt of the night.

 


Categories:Harrisburg
Comments: 0

Lyrical Gangster

by: Rich Hauck

I suppose it’s only appropriate that I get to posting about this on the same night that all of the 400 bottles have been sold, but I was invited and subsequently completed an illustration for Zeroday Brewing’s Lyrical Gangster bottle.

After an initial detour, I got my head in the right place and started researching 1980s hip hop. I’ll confess, the rather Snake Eyes-looking face is a bit of an homage to Limp Bizkit’s “Significant Other” album cover.

I struggled with a color palette until one night I was sketching ideas on my iPad at Zeroday and bartender Blue (Jason) reminded me of the blue agave ingredient.

Lyrical Gangster Sketches

Since this beer was to establish a bottle shape and label, I ended up becoming the guinea pig. As you can see below, I had to redraw this label three times!

Lyrical Gangster

Kudos to Theo and Brandalynn for sticking with Harrisburg-based artists to provide the illustrations and for Bart to suggest the metal print.

Oh, and for someone that’s not really into tequila, the beer is excellent.


Categories:Illustration
Comments: 0

Bodie

by: Rich Hauck

Following up on my previous post, our trip cross-country took me to Bodie State Historic Park, a ghost town east of the Sierra Nevada. This former gold rush town once boasted of a population of nearly 10,000 people in the 1870s, and now it was humbly this photographer’s subject matter. It proved to be a worthwhile destination once we determined there simply wasn’t enough time to properly experience Yosemite.

Ultimately, what can I say? The pictures speak for themselves. It’s a photographer’s paradise, and well worth the trip.


Categories:webdesign
Comments: 0

Westward Bound: My Cross-Country Road Trip

by: Rich Hauck

What do you do when you have to get rid of car? You sell it to your best friend in California and ride shotgun cross-country over the course of a week, naturally!

Here’s a rough map of the trip I took across the continental United States last September.

Besides selling a car, the secondary objective for this trek was to do some tandem photography out west. For me, that included capturing those pretty star trails that are essentially unattainable here in the light-polluted East Coast.

Conveniently, the two days we found ourselves in the deserts of Utah were embraced with thick carpets of clouds, and it wasn’t until we reached California that the overcast subsided.

So, my hopes of recording star trails were dashed, but I still tried to make the best of it. I’ve managed to spam my Instagram feed with pictures, but here’s a few of my favorites (click to view larger).

My friend Andy and me at the beginning of the trip. He’s a pretty trusting guy, considering he hadn’t seen the car I sold him in seven years.

The world’s largest rocking chair? Right off the exit? That demanded a stop in Casey, IL.

We were definitely on a clock, given I committed myself to being gone only a week (and remembering I’d left a very supportive and pregnant wife with our two boys), but I insisted on seeing the arch in St. Louis.

Self-employment means never really affording myself a day off. While I spent my non-driving shifts working in the car (tethered to my phone with an external battery, no less), I don’t think I’ll ever forget the night I spent on the Vegas strip.

I didn’t do any gambling, but instead spent an all-nighter across from Caesar’s Palace working out of a 24-hour Starbucks. It’s a shame, too, because it was the one time on our trip where we had a nice huge hotel suite!

Then there are the times (like this stretch of highway in Arizona) where one gets no signal in the car and is forced to just appreciate the scenery. I’ll confess I’ve actually traveled along this strip before, but the view still hasn’t gotten old (I wouldn’t mind traveling through Glenwood Canyon, CO again, either).

All said and done, we hit a four national parks (Capitol Reef, Arches, Bryce Canyon, and Zion) and drove over 3600 miles. We skipped Yosemite because of time and settled for the ghost town of Bodie, though I’ll dedicate another post to that, simply because I took so many pictures.

My jerk of a best friend (ahem!) still hasn’t posted any pictures, but for me it was a trip of a lifetime.


Categories:travel
Comments: 0

My 2016 in Pictures

by: Rich Hauck

It’s that time of the year, again, where I dig out photos that would otherwise be languishing on my hard drive (No Facebook, I don’t need your algorithm’s help).

2016 was a good year for me. I’m a big tourist, so I keep a running list of places I want to visit. This year, I was able to cross off quite a few places in my travels. Here, in no particular order, are some photos representing my 2016.

 


Categories:travel
Comments: 0

Burg Illustrations 2016

by: Rich Hauck

I had the privilege of illustrating each month for the editor of Harrisburg-based The Burg News. I’m already at work on the January 2017 issue, but here’s a look back.


Categories:art Illustration
Comments: 0

Baseball 2016

by: Rich Hauck

Looking back, I didn’t attend quite as many games this past year as I have in the past. I made it to a new ballpark, but didn’t even make it to a Senators game. On to 2017–opening day can’t get here fast enough!


Categories:sports
Comments: 0

Coors Field

by: Rich Hauck

Four months.

coors-field-facade

I find myself revisiting this post after four months of it remaining neglected in my draft folder.

What do you say about a ballpark that you find slightly…underwhelming?

There were interesting aspects of the ballpark, sure–the seats in the 20th row in the upper deck are purple to indicate a mile above sea level. The stadium is the only one in baseball to house a humidor for the baseballs (though I didn’t see it personally).

That said, they can’t tout a long heritage or celebrate past championships in their short history. The ballpark’s namesake doesn’t help my argument, either (though I guess I’ve become a craft beer snob).

By no means do I mean that as a knock to the fan base of the Rockies. The ticket attendants were incredibly polite, and my wife even commented on the crowd being a better mix of children than she had ever seen in Baltimore.

_12A0895

As for the surrounding neighborhood, well, I have a confession to make: I didn’t really like Denver the first time I visited it. It was too clean for a city!

Coincidentally, I visited Denver three times this year, and my opinion of the city has shifted significantly. After subsequent visits I’ve come to appreciate the laid-back feel of this metropolis in the mountains. Having a Lucile’s, a VooDoo donuts, and an inexhaustible number of decent breweries doesn’t hurt, either. Oh, and then there’s Biker Jim’s. The ballpark has its own Biker Jim’s in the upper deck behind center field, but the full experience (with better buns and beer) is available at the original location a few blocks away.

rooftop

The most memorable architecture (beside the lush batter’s eye) is the strip of nightclubs in the upper deck known as ‘The Rooftop’. Introduced in 2014 to replace unfilled seats, it’s open to anyone with a ticket. It’s an electrifying atmosphere, but I’m glad Cleveland followed suit and not Baltimore.

rooftop-deckYes, this is part of the ballpark. This upper deck was a little too hip for me, plus I find it odd to watch the game on TV when it’s happening in-person behind you.

IMG_2414Section 5280, aka the number of feet above sea level.

 

IMG_2412

Ugh. People still smoke? This amused me. Besides Seattle, it’s unlikely you’ll see a sign like this at another ballpark.

 

IMG_2418

The pillars paid tribute to past players, though it’s tough to pull off with such a short history.

 

IMG_2394

This promenade shot (above) summarizes it for me. Yes, it’s nice that you can see the field (to the left) as you walk around, but it’s clear HOK followed this pattern for all of the modern ballparks, as I’ve found the same walkway at Yankee Stadium and AT&T Park.

No longer is there a barrier to the field, and in some ways that’s an unfortunate thing. I always got a feeling of anticipation seeing the field and the crowds once you step out of the gate. This layout bares all, and no longer do you feel that rush to return to your seat and see why the crowd’s roaring while you stand in a concession line.


Categories:ballparks sports travel
Comments: 0

A responsive, accessible adobe.com mega menu

by: Rich Hauck

I recently completed a project where I was tasked with creating a mega menu but was also afforded time to focus on website accessibility. Sure, I knew of the value of HTML5 validation, image alt tags, and including a skip navigation button, but during my research this video inspired me to give up icon fonts and try to include ARIA roles in my code.

In keeping with this accessibility-conscious kick, I sought a mega menu navigation that supported ARIA roles. I ultimately came across Adobe’s mega menu from 2013. While I uncovered other JQuery mega menus, I still consider this one to be one of the best examples of a working mega menu that’s also accessible (see Adobe’s Github repo).

My only gripe was that their example wasn’t responsive. After sifting through forks looking for a reliable example, I went ahead and made my own fork to make this responsive accessible mega menu.  Here’s a working example of the fork.

The object arguments for the accessibleMegaMenu() constructor are a bit excessive, but I’ve kept with Adobe’s pattern in an effort to make the code as approachable as possible. I added three major arguments:

  • navToggle – The id selector of the element triggering the mobile menu toggle
  • navId – the id selector of the navigation
  • mobileBreakpoint – The breakpoint at which the navigation toggles to mobile.

The last one, mobileBreakpoint, is perhaps the biggest change, as it’s referenced in conditionals throughout jquery-accessibleMegaMenu.js to determine whether navigation items behave on click or hover.

Have a look, and make it your own.


Categories:javascript
Comments: 1

About Rich Hauck

Rich Hauck

I'm a creative technologist at Hauck Interactive, Inc. and an adjunct instructor at HACC. I live in Harrisburg, Pa. with my wife and two boys. I enjoy good coffee, Trappist beers, Orioles baseball, and good design.


Archives