Blog Topics
Pay it Forward

Friday
Feb042011

The Odd Education of a Flu and a Birthday. 

Well, it's my 31st birthday. It hasn't turned out quite how I expected. A flu/bronchitis/who-know's-what kept me in bed for the last four days, not to mention the flu like symptoms my kids have today. Worse yet, my boys have a rather small movie repertoire (partly because we are picky about what we let them watch, and partly because there are only so many cartoon super hero movies) so I watched The Incredibles between 8 and 12 times this week. I'm pretty sure I dreamed of Syndrome last night. 

That said, I think this birthday served a special purpose. Having too little energy to "accomplish" anything (read, "stay busy") forced me to sit, look, and listen. I got to watch my boys play super hero's with their makeshift towel capes, and build towers with blocks, Lego's, and old CD's. I took a nap beside my four year old who cuddled close as we fell asleep. I curled up next to my wife as we listened to music on the couch. Yes, this was a very special birthday. 

Because of my predicament I got a little introspective, and today I realized something. You see, I'd like to think I'm a pretty balanced person. I'm not a workaholic but I don't think I'm lazy either. I try to expand my horizons and learn when I can, and I don't have any major vices.. but this week found for me a sad deficiency, an area of weakness. Over the last few days I have realized I lack silence. 

I hate to think how much of 2010 was spent with an iPhone in my hand, or spent watching tv, or sketching in a notebook, or reading a book, or just having an idea bounce between my ears. Sure, much of it is good, there's nothing wrong with connecting with friends, or being entertained, and having dreams, but out of check these things can become a mind numbing distraction. For me it has blurred my focus and made my passions dull and hazy. 

Now I realize how silly this might seem to you. Maybe you've got it figured out. Maybe stopping and listening isn't an issue, maybe it's not a problem for you. But for me it is. Life gets really blurry sometimes. I get up, go to work so we have a house to sleep in and food to eat. I go home to eat and go to bed. Why? So I can get up and go to work.. like a hamster in a wheel. At least that's what it seems like some days, just a messy, busy cycle. But there is so much more in life, so much more to see and experience and have and be. And for me, I just wasn't silent enough to see it.

Now, this realization shouldn't have been a surprise to me. Over the last half decade I've had art (which was once a passion of mine) become an exercise in frustration (for example, see this post I did some time ago. It was a pretty low point for me). I've spent considerable time trying to figure out why I lost the ability to draw and paint. I've even bought books about breaking through the creative rut. But nothing has helped.. until today. When I could do little more than sit on the couch, I found my mind opening up with ideas. I could see brush strokes and colors. I could feel my arms moving as paint bristles scraped across canvas. For the first time in years I can see like an artist again! And it's all because I finally, finally, stopped to be silent. 

So this birthday was good. Yeah I spent most of it shivering under a crocheted afghan but I think it was healthy. I hope this is the year I spend more time in silence - listening to others, listening to God and listening for a quiet mind. And I hope this is the you find that balance too. 

Wednesday
Jan192011

What is Instant Coffee Anyway?

Ever wonder how they make that crystalized caffeine magic known as instant coffee? Serious Eats did a neat little article about the processed used to produce instant coffee and why it just doesn't taste the same. Here's an exerpt:

"Instant coffee (which has been around since the early 1900s but boomed in popularity as part of soldiers' C-rations in wartime) is what happens when you brew coffee as normal, then remove all of the water from the finished product, leaving behind the extracted solubles in a sort of crystalline form. This process is most commonly achieved by freeze-drying, which removes water from the finished brew using a combination of evaporation, vacuum technology, and flash freezing. When re-introduced to water, the crystals dissolve again, creating the caffeinated life blood that gets us going every day."

You can read the full article here: http://www.seriouseats.com/2011/01/serious-caffeine-rush-what-is-instant-coffee.html

and of course if we're talking about instant coffee it's impossible to leave out this skit from SNL and the late Chris Farrley (one of my all time favorites!): 

Saturday
Dec112010

Why we are Adopting

My wife and I have spent the last 20 months working toward adopting our daughter from Ethiopia. A couple weeks ago we were finally matched with her. Christa and I hope to travel the thousands of miles to meet her soon and we hope to introduce her to you soon. 

So why are we adopting? Why would anyone adopt? Here's why...

Please consider sharing this video.

Thanks,
Nate 

Tuesday
Dec072010

SquareSpace How-to Posts

As some of you know I do websites. More specifically, I do SquareSpace websites. SquareSpace is an amazing web platform I fell in love with a couple years ago. When I started out there were a lot of things I had to figure out on my own, but I've come a long way and now I'd like to share some of the techniques I've learned with you. This post is intended to be an ongoing list of articles I hope to make someday. If you are building/using a SquareSpace website and have a question you'd like to have answered please post your question in the comment section of this post, or send me a note here.

 

So here's the list:

- How to add custom fonts with Google Font Directory

- An overview of squarespace and how it works

- An introduction on how to setup your new SquareSpace site

- How to take a design and turn it into a custom template (using Photoshop)

- pick a template and get it ready

- slice up photos for template then upload

- How to use the 960.gs system for laying out a custom design

- Editing CSS for your template

- Adding final touches to your template (tricks for polishing up your site)

- Adding/editing text and pages (a basic primer)

- How to setup contact page with google map

- Adding Google stuff to your SquareSpace site (Analytics, for example)

- Adding a podcast to site

- How to Make and Install a image slideshow into your page (based on this article: http://developers.squarespace.com/design-coding/post/523669?currentPage=4  see about half way down for the download, and look at the 2nd page for instructions.)

- Setting up a Paid Membership site.
http://paidmemberships.squarespace.com/ 

- How to remove or modify side bars on a single page (based on this discussion

http://developers.squarespace.com/design-coding/post/667922#post667965 )

- Adding Amazon Associate links to a website, and Google AdSense too.

Friday
Dec032010

Add Google Font Directory to a SquareSpace Website

I just learned about Google Font Directory the other day and got around to experimenting with it this afternoon. Font Directory is a beta project by Google and offers fonts online that you can use on your site. There are other sites like this, most notably is TypeKit which I have wanted to use for some time but never wanted to pay their licensing fees. 

Since I'm a SquareSpace guy I thought it would be fun to see what is involved in integrating a new font into a SquareSpace site. What I found is Font Directory is pretty easy to approach. You don't have to be a high end programmer to use custom fonts, but there are some tricks to adding new fonts to SquareSpace. Here's a step by step on how I made Font Directory Work on this site. 

1.) Go to Google's Font Directory here: http://code.google.com/webfonts and browse the different fonts offered. These are open source so you don't have to worry about any licensing issues. Once you find a font you like, click it.

2.) You'll find a couple of tabbed pages on the site, click on "get the code" in the right hand corner and copy the part that says "Embed the font into your page". The code should look something like this:

 

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'>

 

Notice I chose the font called 'Reenie Beanie'.

3) Log in to your SquareSpace website with an administrator account and go to 'website management' (at the top left hand corner) then 'website settings'. Look for the part that says 'Code injection' and click. 

4.) To embed this code into our SquareSpace <head> you'll have to paste the above code into this area, but you'll probably run into a problem... Notice the code, where it says '&subset' - SquareSpace will not like this little snippit. You'll have to erase &subset=latin so that your code looks like this: 

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>

5.) There's another problem you'll have to fix. SquareSpace likes nice clean (read "valid") XHTML and the closing "tag" isn't right for XHTML. You'll want to add '/' at the end of the code. See here:

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css' />

Add this code into the <head> and click the "update information" button and you should be set. 

6.) Now comes the easy part. Go to the 'style editing' mode (the paintbrush at the top right hand corner of the site) and click on "custom CSS" in the bottom pane. Jump over to the Google Font Directory page we looked at earlier and copy the CSS code provided. Mine Looked like this:

h1 { font-family: 'Reenie Beanie', arial, serif; }

Drop this into the "custom CSS" area.

7.) You're so close now! But there is one little, little problem. The code is telling your website to turn the 'h1' tag into your new font but SquareSpace reserves 'h1' (or "heading 1" - the biggest heading you can get) for special things. So leaving the code as it is now will probably have no change on your site. On my blog I turned the 'journal article' headings to my custom text. To do this simply change 'h1' to 'h2' and viola! you've just dropped in a new font! 

This is an easy and fancy looking modification for SquareSpace sites. It's not for everyone, and not for every site, but if used properly a new, custom font can really make your SquareSpace site pop!.

Links you'll want to have on hand:

Google Font Directory: http://code.google.com/webfonts

Google's Getting Started Guide for Font Directory: http://code.google.com/apis/webfonts/docs/getting_started.html

This was a helpful discussion on inserting Font Directory on SquareSpace: http://developers.squarespace.com/design-coding/post/1326101?lastPage=true

 

 

Let me know how this tutorial works for you, and if you have any questions.