Archives the long history of artlung.com

2018

2 headers for 2018

  • Feb 01
  • Jan 04

2016

1 headers for 2016

  • Sep 20

2014

2 headers for 2014

  • Dec 12
  • Jan 28

2013

2 headers for 2013

  • May 11
  • May 07

2011

Looking at 2011's headers in reverse chronological order you can see it get less and less communicative. More stark. Darker. Reading it in chronological order and things get more hopeful and colorful.

5 headers for 2011

  • Jul 07
  • Mar 07
  • Jan 28
  • Jan 27
  • Jan 01

2010

2010 was the year my Mom died, and the black header was my way of communcating grief.

In retrospect that's how I look at it, though at the time I just thought a clever or graphically complicated header looked inappropriate. It was not what I wanted to convey with my website.

2 headers for 2010

  • Oct 15
  • Jul 13

2009

1 headers for 2009

  • Sep 01

2008

Leah took this great photo of me at the boys' football game and I rode that photo for quite a while.

At the time I was using an off-the-shelf WordPress theme and these headers all fit into that scheme.

This was before I figured out that the best way to get the look you really want out of WordPress is to build your own theme properly.

5 headers for 2008

  • Jul 04
  • Jun 03
  • May 01
  • Apr 01
  • Jan 24

2007

Not much changed between 2005 and 2007, but this was how the homepage and most of the site looked then. It had a random header on the home page. As life got busier, more emphasis was placed on the blog.

1 Home Page archived.

4 headers for 2007

  • Sep 27
  • Mar 11
  • Mar 01
  • Feb 19

2005

1 headers for 2005

  • Apr 14

2004

14 headers for 2004

  • Dec 14
  • Nov 19
  • Nov 06
  • Oct 16
  • Aug 23
  • Jul 22
  • Jun 13
  • Jun 04
  • Apr 06
  • Mar 14
  • Feb 26
  • Feb 05
  • Jan 03
  • Jan 01

2003

July of 2003 brought many changes, including a revamped and simplified main page for artlung.com. A stark image announcing "Onward," combined with a list detailing events in my personal and professional life.

1 Splash page.

21 headers for 2003

  • Dec 04
  • Nov 16
  • Nov 11
  • Nov 07
  • Nov 06
  • Nov 05
  • Nov 04
  • Nov 03
  • Nov 02
  • Nov 01
  • Oct 31
  • Oct 27
  • Oct 19
  • Sep 23
  • Sep 12
  • Sep 11
  • Jul 07
  • Jun 21
  • Apr 12
  • Feb 15
  • Jan 28

2002

This splash page was originally in blue, and was in place starting in early Summer, 2002. It is in xhtml and uses CSS for layout. The pixelated design, coupled with the personal touch of my face gives a warm, friendly feeling. The page is filled with links, encouraging visitors to explore.

 

"Kitties Thinking" is one of my favorites. A DHTML effect is used to explain what the links are in a "thought balloon" above the cat's head. The cat in question is my sister's cat Ferris. The image is a charcoal drawing I did sometime in 1988 or 1989.

 

"Mr Spaceman" is from a watercolor illustration I was always proud of, though it appeared as the splash page only briefly.

 

"Joe in Headphones" is an experiment in color for me, based on a photograph of me as a kid, listening to records. I might have been listening to "Philadelphia Freedom" or maybe "Theme from Batman" - but I sure look comfortable. The use of small accents here, using CSS and xhtml, is meant to give a clean, but friendly impression.

 

"Supercolor Joe" is kind of nice. DHTML plays a prominent role in this design, as the links are only available that way. The picture of me is rather flat though, despite the fun use of colorizing effects. As an academic exercise in CSS positioning, this was a success.

 

This is the first use of the "Graffiti ArtLung" logo, with a bold digitalized pink backdrop. Also used is a grunge effect on the main links, which lead the visitor directly to the blog, or open a lower section of links to the whole site. I also like the use of bar codes on this page.

18 headers for 2002

  • Dec 17
  • Nov 13
  • Nov 04
  • Oct 18
  • Sep 11
  • Sep 04
  • Sep 01
  • Aug 06
  • Jun 28
  • Apr 24
  • Mar 26
  • Mar 22
  • Feb 25
  • Jan 30
  • Jan 23
  • Jan 18
  • Jan 14
  • Jan 06

2001

23 headers for 2001

  • Dec 31
  • Dec 24
  • Dec 06
  • Dec 02
  • Nov 28
  • Nov 21
  • Nov 14
  • Oct 23
  • Oct 14
  • Oct 13
  • Oct 02
  • Sep 15
  • Aug 23
  • Jun 30
  • Jun 24
  • May 08
  • Apr 12
  • Apr 03
  • Mar 22
  • Mar 07
  • Mar 05
  • Feb 23
  • Feb 16

2000

2 headers for 2000

  • Sep 12
  • Jan 14

1999

  • [screenshot - 3 beta]

joecrawford was put live in 1999. The idea was for it to be my professional page, as increasingly my site was personal.

4 pages. Full Archive.

This was the initial design for joecrawford.com. Several elements and the color scheme carried over to the actual site.

1 page. Design Comp.

1998

  • [screenshot - 4]
  • [screenshot - 3]

I put in a framework that lasted through Summer of 1999. The architecture was based on server-side includes as implemented in Apache. The volume of pages here makes an SSI approach make a good deal of sense. Additionally, the framework would accommodate almost any content inserted. The goal was always to have the sites' HTML and CSS validate. This was an important value and the site rendered very consistently across browsers. The layout was designed to be "liquid," that is, it would stretch and squeeze in to accommodate almost any screen resolution. The principle of making pages work as well as possible, across as many browsers as possible was, and is, an important one to me. It was with this design that I began using the domain artlung.com.

1 demonstration page.

1997

  • [screenshot - 2]

This website got me a good deal of work. It is a portfolio and a personal space. I think it did its' job very well. This was my second public website and was hosted with earthlink.

36 pages. Full Archive.

1996

  • [screenshot - 1]

This was my first website posted to the web. It's rudimentary, but features the things that have been a hallmark of my
personal site since then: many outbound links, lots of art, and a resume.
It's a good first site, but not a good site.

3 pages. Full Archive.

This is my very first website. It was never posted to the web, but was the very beginning.
I have come a very long way since then. The parody (ripoff?) of the Art Center College logo, sized far too big, is the site's only
prominent feature. l

2 pages.

Other old things? How about .sig files. Also, many of these things can be found at web.archive.org, who take on the task of archiving the whole web.