Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
159 lines (143 sloc) 8.58 KB
<% content_for :logo do %>
<%= image_tag 'blog/about.jpg', class: 'blog' %>
<% end %>
<% content_for :title do %>
This Website
<% end %>
<h1>This Website</h1>
<span class="dateline">May 4, 2014</span>
<section class="purpose">
<h2>Purpose</h2>
<p>
This page was created to give insight on my influences, ideas, and frame-of-mind while I was creating this
site. It also serves as the site’s “slash purpose” page, which you can read more about <%= link_to 'here', 'http://slashpurpose.org/' %>.
In fewer words, this page tries to answer the question, “Why?”.
</p>
</section>
<section class="body">
<h2>Killing The Internet Me</h2>
<p>
I’ve maintained a personal website hosting my “identity” for years. It’s cyclically taken form as a portfolio,
a splash page, a résumé, a rebellious statement, and a cop-out. The website was always shallow, and it mainly served
as an introduction to the “internet version” of myself, who is quite different from the “IRL version” of myself.
Fragmenting my identity started to cause me some serious anxiety and frustration, and it needed to stop.
</p>
<p>
The internet-me lived on websites like Twitter, Medium and Hacker News. I let the constraints, customs and
attitudes of those “places” shape that identity. At best, maybe, I looked internet-cool (the opposite of IRL-cool,
for those keeping track). At worst, I’d get caught up in worthless debates, product cycle speculation, and
opinionated online blathering that had nothing to do with real life. It was just making me unhappy.
</p>
<p>
I’ve realized that the technology industry, or at least the one covered by today’s pop-tech media, is a
lot like a sport. It can be fascinating to follow, and it can be rewarding. But it can, if you let it, suck you
in to its ugliness, misdirected hate, and almost-religious fervor. The internet-me got sucked in.
</p>
<p>
The primary goal of this website is to kill internet Aaron Grando. This website will be the definitive
representation of me online, and it will be the center of my attention when I need to put words on screen. I am
my honest self here, now.
</p>
<h2>Homesteading</h2>
<p>
At the end of 2012, Anil Dash started an excellent discussion with his article <em><%= link_to "The Web We
Lost", 'http://dashes.com/anil/2012/12/the-web-we-lost.html' %></em>. When I first read it, it hit me pretty hard.
And since reading it, I’ve gone through some periods of extreme angst against technology and the web wholly. Anil Dash
refers specifically to the “social web”, but I'm trying consider the web all-one. Otherwise, I'm back at the
fragmentation that I’m trying to avoid.
</p>
<p>
In the article, one specific paragraph calls out the dying personal website.
</p>
<blockquote>
In the early days of the social web, there was a broad expectation that regular people might own their own
identities by having their own websites, instead of being dependent on a few big sites to host their online identity.
In this vision, you would own your own domain name and have complete control over its contents, rather than having a
handle tacked on to the end of a huge company&rsquo;s site. This was a sensible reaction to the realization that big sites
rise and fall in popularity, but that regular people need an identity that persists longer than those sites do.
</blockquote>
<p>
Truth, and also, dang. Where did we fall off?
</p>
<p>
With that, another goal of this site is to take back complete control of the content that I put online,
including my identity. Having the skills to do so makes this a no-brainer imperative.
</p>
<h2>Writing</h2>
<p>
This website was designed for reading and writing. I wanted the best reading experience for the user
and the best writing experience for myself. It&rsquo;s a little cliché to talk about writing in the web industry, but
it&rsquo;s something I enjoy doing, want to enjoy doing <em>more</em>, and want to get a lot <em>better</em> at doing. This is a
good opportunity for all that.
</p>
<p>
The most obvious design lesson I learned while working on this site was to try and stick with what’s natural for the reader. The single-column look that
dominated the last iteration of this site was pretty ugly. It didn&rsquo;t fit a comfortable use case - the text was always a little ungainly; there wasn&rsquo;t a comparable
natural reading experience&mdash;except maybe a billboard or an ad, which this site is not. Smaller text in roughly the size
and shape as a book you&rsquo;d hold in your hands wound up feeling best.
</p>
<p>
I wanted the writing experience to be as simple as possible, while maintaining full control of everything. There&rsquo;s plenty of
tools and methods I wound up deciding against. There is no CMS, no Markdown parsing, no RSS publishing. The site is basic HTML rendered
in some really basic Rails layouts. HTML is a second language, and I&rsquo;m super familiar with Rails – that&rsquo;s all.
I&rsquo;m writing this post in Textmate just as I&rsquo;d be coding, and it&rsquo;s going quite nicely.
</p>
<p>
You can see exactly what I&rsquo;m talking about by taking a look at <%= link_to 'the code for this post',
'https://github.com/aarongrando/grrrando.com/blob/master/app/views/blog/about.html.erb' %> on Github.
I&rsquo;m tracking the source for this site publicly for reference, but please note that this website is not open
source. The code and contents of this website are licensed under <%= link_to 'Creative Commons BY-NC-ND 4.0',
'http://creativecommons.org/licenses/by-nc-nd/4.0/' %>. This license allows for sharing with attribution and
disallows redistribution of the source or modified versions of the source. These restrictions are help me maintain
control of my work and identity.
</p>
<h2>With Purpose</h2>
<p>
The purpose section at the top of this post (and a few other pages on this website) serves as an explanation of my
intent. I like the concept of the &ldquo;<%= link_to 'slash purpose', 'http://slashpurpose.org/' %>&rdquo; page and thought
it could likewise work well with even more granular content.
</p>
<p>
Everything we do online, we do with intent. The intent is important. If the intent of a blog post is clear and honest,
it can help the reader empathize with the author. The web needs a lot more empathy. When the intent of some content
is unclear, it&rsquo;s easy for readers to jump to conclusions or feel like they&rsquo;re being tricked or sold
(because, actually, there&rsquo;s a good chance they are). Explicitly declaring my intent with Purpose statements
helps readers know where I&rsquo;m coming from, and hopefully leads to a more understanding conversation.
</p>
<p>
Also, from my perspective as the author, if I can&rsquo;t form an honest purpose statement before I start
writing something, I know that whatever I&rsquo;m thinking of writing needs a check; reality or empathy or
priviledge or otherwise. That helps me write <em>and</em> be a good person.
</p>
<p>
Another, simpler, benefit of the Purpose statement is that it acts as an abstract for my opinion. I think that
might help fight the TL;DR-ism we all sometimes suffer from.
</p>
<h2>Influenced and Inspired</h2>
<p>
I&rsquo;d like to call out my biggest influence for this website, <%= link_to 'Frank Chimero', 'http://frankchimero.com/' %>.
His website is the best, and he wrote about homesteading, and his own site,
<%= link_to 'here', 'http://frankchimero.com/blog/homesteading-2014/' %> and
<%= link_to 'here', 'http://frankchimero.com/blog/make-it-homely/' %>. One of the main reasons I concluded that a
non-stream, non-platform-based website is still viable in 2014 is because I found myself returning to his website
often to just check for new <em>stuff</em>. Thanks, Frank.
</p>
<p>
Also, my absolute favorite website since who-knows-when has been <%= link_to 'Kottke.org', 'http://kottke.org/' %>.
It wasn&rsquo;t an explicit design objective, but I&rsquo;m not surprised that this site wound up looking pretty similar to Jason&rsquo;s.
I&rsquo;ve always admired the simplicity and focus on Kottke.org.
</p>
</section>
<div class="divider"></div>
<section class="signoff">
<h2>More To Come</h2>
<p>
Thanks for reading, and welcome to my new site. I&rsquo;m glad you came.
</p>
<dl>
<dt>DISCUSS THIS POST</dt>
<dd><a href="http://twitter.com/grrrando">On Twitter <span class="address">@grrrando</span></a></dd>
<dd><%= mail_to 'aaron.grando@gmail.com', 'Send a personal note', encode: :javascript %></a></dd>
</dl>
</section>
<%= render partial: 'shared/selected_list' %>