{"id":347,"date":"2009-09-25T19:55:22","date_gmt":"2009-09-26T02:55:22","guid":{"rendered":"http:\/\/www.zackgrossbart.com\/blog\/?page_id=347"},"modified":"2010-05-10T04:38:00","modified_gmt":"2010-05-10T11:38:00","slug":"colophon-2","status":"publish","type":"page","link":"https:\/\/www.zackgrossbart.com\/blog\/colophon-2\/","title":{"rendered":"What Makes The One Minute Commute Run"},"content":{"rendered":"<p>\nThis site is:\n<\/p>\n<table style=\"position: relative; left: 10%; margin-bottom: 2em;\" width=\"537\" border=\"0\" cellpadding=\"6\" cellspacing=\"0\">\n<col width=\"100\">\n<col width=\"300\">\n<tr>\n<td>\n<p>\n\t\t<a href=\"http:\/\/www.mediatemple.net\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/07\/mediatemple.gif\" alt=\"mediatemple\" title=\"mediatemple\" width=\"63\" height=\"29\" class=\"alignnone size-full wp-image-106\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Hosted at <a href=\"http:\/\/www.mediatemple.net\/\">Media Temple<\/a>\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/www.linux.org\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/linux.gif\" alt=\"linux\" title=\"linux\" width=\"45\" height=\"50\" class=\"alignnone size-full wp-image-56\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Running on Linux\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/www.mysql.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/mysql.png\" alt=\"mysql\" title=\"mysql\" width=\"97\" height=\"50\" class=\"alignnone size-full wp-image-57\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Stored in MySQL\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/php.net\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/php.gif\" alt=\"php\" title=\"php\" width=\"95\" height=\"51\" class=\"alignnone size-full wp-image-58\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Written in PHP\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/wordpress.org\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/wordpress.gif\" alt=\"wordpress\" title=\"wordpress\" width=\"50\" height=\"50\" class=\"alignnone size-full wp-image-62\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Running WordPress\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/diythemes.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/thesis.gif\" alt=\"thesis\" title=\"thesis\" width=\"150\" height=\"50\" class=\"alignnone size-full wp-image-61\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Using the Thesis theme\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/wordpress.org\/extend\/plugins\/editorial-calendar\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/09\/pushpin.png\" alt=\"\" title=\"pushpin\" width=\"49\" height=\"45\" class=\"alignnone size-full wp-image-1310\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Scheduled with the <a href=\"http:\/\/wordpress.org\/extend\/plugins\/editorial-calendar\/\">WordPress Editorial Calendar<\/a>\n            <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>\n            <a href=\"http:\/\/www.zackgrossbart.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/big_z.png\" alt=\"big_z\" title=\"big_z\" width=\"80\" height=\"80\" class=\"alignnone size-full wp-image-53\" \/><\/a>\n            <\/p>\n<\/td>\n<td>\n<p>\n            Running some custom plugins I wrote\n            <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p><a href=\"http:\/\/stresslimitdesign.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/stress_limit.gif\" alt=\"stress_limit\" title=\"stress_limit\" width=\"162\" height=\"67\" class=\"alignright size-full wp-image-60\" \/><\/a><\/p>\n<p>\nThose are the technical details, but it isn&#8217;t the whole story.  The way this site looks, the user experience, and the fact that you found it at all have a lot to do with Justin Evans and everyone else at <a href=\"http:\/\/stresslimitdesign.com\">Stress Limit Design<\/a>.  They are the marketing firm I hired to help me with this book and website.\n<\/p>\n<p>\nWhen I first contacted them, I was looking for help with web design.  I wanted to build my own site, and just needed help with graphics and color schemes.  Someone to help me make it look pretty.  I didn&#8217;t think I needed a marketing firm.  This all changed when Justin started talking to me about branding.\n<\/p>\n<h2>Branding<\/h2>\n<p>\nLet&#8217;s start with a simple question:  who are you?  In one paragraph summarize who you are, what you have done, and why I should care about your opinion.  It is really hard.\n<\/p>\n<p>\nWhy should you read my book?  That question was easy for me to answer, as long as I could talk with each potential reader for 20 minutes.  Answering both of these questions in a concise reusable way is really difficult and totally essential.  I want people to read my book.\n<\/p>\n<p>\nI set up a weekly schedule with Justin.  We would meet for about an hour and discuss the work each of us had done during the week.  I told him the questions I had and he helped me find the answers.  He also helped me figure out the questions I should have been asking.\n<\/p>\n<h2>Writing<\/h2>\n<p>\n<a href=\"http:\/\/www.shevrushpr.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/srpr.gif\" alt=\"srpr\" title=\"srpr\" width=\"213\" height=\"54\" class=\"alignright size-full wp-image-59\" \/><\/a><\/p>\n<p>Here is another tough problem:  describe your entire book in one paragraph.  As an author I have to do this in half a dozen formats.  To help me with this problem Justin introduced me to Shelley Boose from <a href=\"http:\/\/www.shevrushpr.com\/\">ShevRush PR<\/a>.  I would never have even thought to hire a PR firm for my small book, but the work they did was amazing.  They took what I had written and turned it into what I wish I had written:  something that really sells the book.\n<\/p>\n<p>\nThe other kind of writing I needed to do was blog writing.  Justin&#8217;s staff also includes blog coach Ian Welsh.  He took a dozen posts and completely changed my approach. He told me what worked and what didn&#8217;t.  Ian&#8217;s advice was so good I asked him to take a pass at the whole book.\n<\/p>\n<p><a href=\"http:\/\/www.davidshopper.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/04\/david_shopper.gif\" alt=\"david_shopper\" title=\"david_shopper\" width=\"178\" height=\"28\" class=\"alignleft size-full wp-image-54\" \/><\/a><\/p>\n<p>\nI also needed to tell a story with the pictures I&#8217;m using.  Justin found me <a href=\"http:\/\/www.davidshopper.com\">David Shopper<\/a>, a photographer that could not only take a great picture, but use that picture to get a message across.\n<\/p>\n<h2>Buckets and Beacons<\/h2>\n<p>\nAt this point you might be wondering why all of this is necessary.  Many people have blogs without a blog coach and many engineers write books without complex websites.  <a href=\"http:\/\/www.schneier.com\/\">Bruce Schneier<\/a> for example has many successful books and a very simple website.\n<\/p>\n<p><p>\nWhy did I need a complex and polished site of Bruce&#8217;s site was so simple?  It all comes down to buckets and beacons.  Bruce Schneier&#8217;s site is a bucket for collecting people that were already looking for him.  He is very well known and his site is just a place to get a little more information.\n<\/p>\n<p>\nMy site must be a beacon.  It isn&#8217;t enough to give people who already know me a place to find out more.  My website needs to attract people who wouldn&#8217;t have found me otherwise.  It has to help me establish myself and become more well known.\n<\/p>\n<h2>Marketing<\/h2>\n<p>\nI told Justin I wanted to write about him and he suggested I write &#8220;why marketing isn&#8217;t the horrible waste of time all engineers seem to think it is.&#8221;\n<\/p>\n<p>\nHere&#8217;s a simple example of the great work Justin did:  sticky notes.  I wanted to send a copy of my book to everyone I interviewed.  It&#8217;s a way of saying thank you, but I also hoped they would enjoy the book and let other people know about it.  Justin loved the idea and he took it one step further by adding sticky notes.\n<\/p>\n<p>\nWhen you get a book in the mail you might not read it for a while.  Sticky notes make the book feel immediate.  One note on each book, \u201cHello Mark.  You&#8217;ll love the finding a remote job section.\u201d  It makes people much more likely to read the book when they get it.\n<\/p>\n<p>\nJustin and I worked on ideas like this over a couple of months.  We talked about the message of the website, my personal branding, and the best way to talk about the book.\n<\/p>\n<h2>Education<\/h2>\n<p>\nMore important than anything  Justin did was the way he did it.  He showed me what he was doing and gave me a gigantic education about how to package myself and my book in a way that works well.  As an engineer I&#8217;ve always been wary of the marketing department.  Justin showed me how effective it can be and helped me do it for myself in the future.\n<\/p>\n<h2>What does this have to do with working remotely?<\/h2>\n<p>\nI live in Boston, Justin is in Montreal, Shelley in L.A, Ian in Toronto, and David is in Boston.  I have never met any of them face-to-face.  Everything we did together was remote and it worked out great.  I wouldn&#8217;t recognize Justin if I saw him on the street, but the relationship we built up means I will call him for my next book and the one after that too.\n<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/09\/newtypography.jpg\" alt=\"\" title=\"newtypography\" width=\"250\" height=\"359\" class=\"alignright size-full wp-image-1311\" srcset=\"https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/09\/newtypography.jpg 250w, https:\/\/www.zackgrossbart.com\/blog\/wp-content\/uploads\/2009\/09\/newtypography-208x300.jpg 208w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<h2>Colophon<\/h2>\n<p>\nThe body text of this site is set in 14\/18 using <a href=\"http:\/\/en.wikipedia.org\/wiki\/Georgia_font\">Georgia<\/a> by Matthew Carter.  The sans-serif font used in titles and notes is <a href=\"http:\/\/en.wikipedia.org\/wiki\/Verdana\">Verdana<\/a> also by Matthew Carter.  The title font is <a href=\"http:\/\/typography.com\/fonts\/font_styles.php?productLineID=100033\">Archer<\/a> by Jonathan Hoefler and Tobias Frere-Jones.\n<\/p>\n<p>\nThe One Minute Commute was designed by hand using CSS and other web standards.  The design was inspired by <a href=\"http:\/\/aworkinglibrary.com\/\">A Working Library<\/a>, <a href=\"http:\/\/bobulate.com\/\">Bobulate<\/a>, and the classic Die Neue Typographie (The New Typography) by <a href=\"http:\/\/en.wikipedia.org\/wiki\/Jan_Tschichold\">Jan Tschichold<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This site is: Hosted at Media Temple Running on Linux Stored in MySQL Written in PHP Running WordPress Using the Thesis theme Scheduled with the WordPress Editorial Calendar Running some custom plugins I wrote Those are the technical details, but it isn&#8217;t the whole story. The way this site looks, the user experience, and the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-347","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/pages\/347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":8,"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/pages\/347\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/www.zackgrossbart.com\/blog\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}