Skip to content

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also .

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also .
...
  • 2 commits
  • 1 file changed
  • 0 commit comments
  • 1 contributor
Commits on Apr 12, 2012
Will Spaetzel fix and reorder links 51f7302
Will Spaetzel add photo to header 6f4c7d9
Showing with 96 additions and 95 deletions.
  1. +96 −95 index.html
View
191 index.html
@@ -5,138 +5,139 @@
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
- <h1>Will Spaetzel</h1>
- <p>Web Developer, Entrepenur, Podcaster and Runner</p>
+ <span class="span3">
+ <a href="http://www.photojunkie.ca/archive/2012/02/podcamp-toronto-2012-portraits/">
+ <img src="images/pcto2012.jpg" width="200px" height="200px" alt="Taken by Photojunkie"/>
+ </a>
+ </span>
+ <span class="span7">
+ <h1>Will Spaetzel</h1>
+ <p>Web Developer, Entrepenur, Podcaster and Runner</p>
+ </span>
</div>
<!-- Example row of columns -->
<div class="row">
<ul class="thumbnails">
<li class="span3">
- <a href="http://blog.spaetzel.com">
- <div class="thumbnail">
+ <a href="http://blog.spaetzel.com">
+ <div class="thumbnail">
<img src="http://placehold.it/260x180" alt="">
<div class="caption">
<h3>Personal Blog</h3>
<p>Musings on all of my interests</p>
</div>
-
- </div>
- </a>
+
+ </div>
+ </a>
</li>
<li class="span3">
+ <a href="http://castroller.com">
+ <div class="thumbnail">
+
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>CastRoller</h3>
+ <p>My startup for making it easy to find and enjoy the best podcasts on the web</p>
+ </div>
- <div class="thumbnail">
- <a href="http://blog.castroller.com">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>CastRoller Blog & Podcast</h3>
- <p>Talking about tech & podcasting news as well as developing CastRoller</p>
</div>
</a>
- </div>
+ </li>
- </li>
- <li class="span3">
+ <li class="span3">
+ <a href="http://github.com/spaetzel">
+ <div class="thumbnail">
- <div class="thumbnail">
- <a href="http://castroller.com">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>CastRoller</h3>
- <p>My startup for making it easy to find and enjoy the best podcasts on the web</p>
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>Github Profile</h3>
+ <p>Open source projects I have created a contributed to</p>
+ </div>
+
</div>
</a>
- </div>
+ </li>
+
+ <li class="span3">
+ <a href="http://twitter.com/spaetzel">
+ <div class="thumbnail">
-</li>
-<li class="span3">
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>Twitter</h3>
+ <p>Short bursts of insight and news</p>
+ </div>
- <div class="thumbnail">
- <a href="http://thegeekrunner.com/category/podcast">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>The Geek Runner Podcast</h3>
- <p>Joining friends to talk about our adventures running</p>
</div>
</a>
- </div>
+ </li>
-</li>
+
</ul>
</div>
<div class="row">
<ul class="thumbnails">
-<li class="span3">
-
- <div class="thumbnail">
- <a href="http://watcamp.com">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>WatCamp.com</h3>
- <p>A community curated calendar of tech events in Waterloo Region</p>
- </div>
- </a>
- </div>
+ <li class="span3">
+ <a href="http://watcamp.com">
+ <div class="thumbnail">
-</li>
-<li class="span3">
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>WatCamp.com</h3>
+ <p>A community curated calendar of tech events in Waterloo Region</p>
+ </div>
- <div class="thumbnail">
- <a href="http://dailymile.com/people/spaetzel">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>dailymile Profile</h3>
- <p>Tracking my running habit</p>
- </div>
- </a>
- </div>
+ </div>
+ </a>
+ </li>
-</li>
-<li class="span3">
- <div class="thumbnail">
- <a href="http://flickr.com/photos/redune">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>Flickr Photos</h3>
- <p>Photographing the world around me</p>
- </div>
- </a>
- </div>
+ <li class="span3">
+ <a href="http://blog.castroller.com">
+ <div class="thumbnail">
-</li>
-<li class="span3">
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>CastRoller Blog & Podcast</h3>
+ <p>Talking about tech & podcasting news as well as developing CastRoller</p>
+ </div>
+
+ </div>
+ </a>
+ </li>
- <div class="thumbnail">
- <a href="http://github.com/spaetzel">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>Github Profile</h3>
- <p>Open source projects I have created a contributed to</p>
- </div>
- </a>
- </div>
+ <li class="span3">
+ <a href="http://dailymile.com/people/spaetzel">
+ <div class="thumbnail">
-</li>
-</ul>
-</div>
-<div class="row">
- <ul class="thumbnails">
-<li class="span3">
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>dailymile Profile</h3>
+ <p>Tracking my running habit</p>
+ </div>
- <div class="thumbnail">
- <a href="http://twitter.com/spaetzel">
- <img src="http://placehold.it/260x180" alt="">
- <div class="caption">
- <h3>Twitter</h3>
- <p>Short bursts of insight and news</p>
- </div>
- </a>
- </div>
+ </div>
+ </a>
+ </li>
-</li>
-</ul>
-</div>
+ <li class="span3">
+ <a href="http://thegeekrunner.com/category/podcast">
+ <div class="thumbnail">
+
+ <img src="http://placehold.it/260x180" alt="">
+ <div class="caption">
+ <h3>The Geek Runner Podcast</h3>
+ <p>Joining friends to talk about our adventures running</p>
+ </div>
+
+ </div>
+ </a>
+ </li>
+
+
+
+ </ul>
+</div>

No commit comments for this range

Something went wrong with that request. Please try again.