Deployed to gh-pages

public/css/style.css

@@ -28,6 +28,63 @@
  * 17.MODERNIZR
  *
  * COLOURS */
+@font-face {
+  font-family: 'icomoon';
+  src: url("/fonts/icomoon.eot");
+  src: url("/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/fonts/icomoon.woff") format("woff"), url("/fonts/icomoon.ttf") format("truetype"), url("/fonts/icomoon.svg#icomoon") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+  font-family: 'icomoon';
+  content: attr(data-icon);
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased; }
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+  Instead of a list of all class selectors,
+  you can use the generic selector below, but it's slower:
+*/
+[class*="icon-"]:before {
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased; }
+
+.icon-logo:before {
+  content: "\e000"; }
+
+.icon-mail:before {
+  content: "\e001"; }
+
+.icon-earth:before {
+  content: "\e002"; }
+
+.icon-phone:before {
+  content: "\e003"; }
+
+.icon-github:before {
+  content: "\e004"; }
+
+.icon-twitter:before {
+  content: "\e006"; }
+
+.icon-apple:before {
+  content: "\e007"; }
+
+.icon-skype:before {
+  content: "\e005"; }
+
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
@@ -93,14 +150,11 @@ h1 {
   text-align: center;
   width: 100%; }
   h1:before {
-    content: "";
     display: block;
-    height: 130px;
+    font-size: 1.5em;
-    font-size: 3em;
+    margin-top: 0.3em;
-    margin-top: 0;
+    margin-bottom: 0.1em;
-    text-align: center;
+    text-align: center; }
-    background: url(../img/l/danbarberlogo.png) center center no-repeat;
-    background-size: 95px; }
 
 /* Hide the logomark in ie7/8 as it just doesn't work correctly. It's not essential. */
 .ie8 h1:before, .ie7 h1:before {
@@ -437,8 +491,8 @@ div, input, textarea {
   h2, h3 {
     page-break-after: avoid; } }
 /*/mediaquery */
-/*480px __________________________________________________________________________________________________________ */
+/*500px __________________________________________________________________________________________________________ */
-@media only screen and (min-width: 480px) {
+@media only screen and (min-width: 500px) {
   /*  1.ROOT */
   body {
     font-size: 1.05em; }
@@ -451,13 +505,14 @@ div, input, textarea {
     font-size: 3.3em; }
     h1:before {
       float: right;
-      font-size: 2em;
+      font-size: 1.5em;
       width: 78px;
       background-size: 78px;
       background-position: top center;
       position: relative;
       top: 0em;
       text-align: right;
+      margin-top: 0;
       margin-bottom: -0.5em; }
 
   h2 {
@@ -561,7 +616,7 @@ div, input, textarea {
 @media only screen and (min-width: 992px) {
   /*  1.ROOT */
   .container {
-    width: 890px; }
+    max-width: 890px; }
 
   /*  2.HEADINGS */
   /*  3.TYPOGRAPHY */

public/fonts/icomoon.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#xe000;" d="M 256.00,480.00 C 114.613,480.00 0.00,365.387 0.00,224.00 C 0.00,82.613 114.613-32.00 256.00-32.00 C 397.387-32.00 512.00,82.613 512.00,224.00 C 512.00,365.387 397.387,480.00 256.00,480.00 z M 120.371,389.415 L 216.615,389.415 C 235.485,389.415 249.584,388.478 264.617,384.00 C 301.859,372.413 327.822,341.725 334.277,298.216 C 342.835,297.149 350.389,295.207 357.537,291.938 C 377.183,283.168 391.507,262.845 391.507,236.186 C 391.507,211.98 379.664,192.713 360.369,182.89 L 360.369,182.154 C 387.029,174.434 401.353,150.28 401.353,122.214 C 401.353,89.592 381.424,65.016 355.816,56.245 C 343.887,52.389 332.327,51.692 318.645,51.692 L 201.476,51.692 L 201.476,79.013 L 232.247,79.013 L 232.247,164.061 C 227.324,163.769 222.236,163.69 216.864,163.69 L 120.371,163.69 L 120.371,188.554 L 148.433,188.554 L 148.433,364.80 L 120.371,364.80 L 120.371,389.415 z M 180.433,363.201 L 180.433,189.909 L 215.016,189.909 C 221.192,189.909 226.832,190.054 232.247,190.645 L 232.247,272.368 L 201.476,272.368 L 201.476,299.323 L 300.556,299.323 C 294.877,328.736 277.878,349.271 253.661,358.03 C 241.187,362.508 229.727,363.201 215.016,363.201 L 180.433,363.201 z M 267.323,270.521 L 267.323,202.338 C 288.091,215.292 300.946,239.033 302.399,270.521 L 267.323,270.521 z M 335.51,267.445 C 333.773,237.292 323.407,212.736 306.215,195.076 L 319.264,195.076 C 341.713,195.076 355.816,210.534 355.816,232.984 C 355.816,247.367 350.216,259.635 339.692,265.598 C 338.353,266.268 336.931,266.925 335.51,267.445 z M 267.323,166.40 L 267.323,80.368 L 320.00,80.368 C 327.014,80.368 335.364,81.132 342.032,83.936 C 356.415,89.903 365.54,105.346 365.54,123.939 C 365.54,149.547 348.79,166.40 322.832,166.40 L 267.323,166.40 z "  />
+<glyph unicode="&#xe001;" d="M 437.024,405.024c-100.00,99.968-262.048,99.968-362.048,0.00
+	c-99.968-99.968-99.968-262.08,0.00-362.016c 100.00-100.00, 262.048-100.00, 362.048,0.00C 536.992,142.944, 536.992,305.056, 437.024,405.024z M 384.00,352.00
+	c 2.784,0.00, 5.248-0.896, 7.808-1.568L 256.00,214.624L 120.192,350.432C 122.752,351.104, 125.248,352.00, 128.00,352.00L 384.00,352.00 z M 416.00,128.00c0.00-17.696-14.304-32.00-32.00-32.00L 128.00,96.00 
+	c-17.696,0.00-32.00,14.304-32.00,32.00L 96.00,320.00 c0.00,2.752, 0.896,5.248, 1.568,7.808l 147.104-147.104L 256.00,192.00l 11.328-11.328l 147.136,147.104C 415.104,325.248, 416.00,322.752, 416.00,320.00L 416.00,128.00 z"  />
+<glyph unicode="&#xe002;" d="M 437.02,405.019 C 485.371,356.667 512.00,292.379 512.00,223.999 C 512.00,155.619 485.371,91.332 437.02,42.98 C 388.667-5.371 324.38-32.00 256.00-32.00 C 187.62-32.00 123.333-5.371 74.98,42.98 C 26.629,91.332 0.00,155.619 0.00,223.999 C 0.00,292.379 26.627,356.667 74.98,405.019 C 123.333,453.371 187.62,480.00 256.00,480.00 C 324.38,480.00 388.667,453.371 437.02,405.019 Z M 414.392,65.607 C 445.921,97.137 466.885,136.411 475.528,179.138 C 468.791,169.22 462.347,165.541 458.356,187.741 C 454.246,223.936 421.002,200.815 400.098,213.671 C 378.096,198.842 328.645,242.502 337.049,193.259 C 350.016,171.048 407.053,222.984 378.623,175.988 C 360.486,143.18 312.302,70.522 318.57,32.859 C 319.361-22.013 262.503,21.417 242.913,39.619 C 229.735,76.079 238.422,139.806 203.964,157.662 C 166.563,159.286 134.462,162.685 119.967,204.497 C 111.244,234.411 129.249,278.944 161.306,285.819 C 208.231,315.302 224.993,251.292 269.001,250.102 C 282.665,264.399 319.909,268.945 322.997,284.977 C 294.122,290.072 359.631,309.256 320.233,320.168 C 298.498,317.612 284.494,297.631 296.049,280.689 C 253.93,270.868 252.581,341.641 212.094,319.318 C 211.065,284.023 145.983,307.875 189.576,315.032 C 204.554,321.576 165.146,340.54 186.436,337.094 C 196.894,337.662 232.102,350.00 222.574,358.295 C 242.179,370.465 258.654,329.15 277.843,359.236 C 291.697,382.369 272.033,386.64 254.668,374.914 C 244.878,385.876 271.953,409.552 295.834,419.783 C 303.793,423.193 311.395,425.051 317.207,424.525 C 329.236,410.629 351.482,408.222 352.646,426.196 C 322.855,440.463 290.008,448.00 256.00,448.00 C 207.189,448.00 160.765,432.488 122.346,403.805 C 132.671,399.075 138.532,393.186 128.585,385.657 C 120.857,362.63 89.50,331.719 61.973,336.095 C 47.68,311.447 38.267,284.292 34.243,255.831 C 57.299,248.203 62.615,233.106 57.661,228.056 C 45.913,217.812 38.693,203.291 34.973,187.395 C 42.478,141.477 64.059,99.157 97.608,65.607 C 139.916,23.30 196.167,0.00 256.00,0.00 C 315.832,0.00 372.084,23.30 414.392,65.607 Z"  />
+<glyph unicode="&#xe003;" d="M 352.00,160.00c-32.00-32.00-32.00-64.00-64.00-64.00s-64.00,32.00-96.00,64.00s-64.00,64.00-64.00,96.00s 32.00,32.00, 64.00,64.00S 128.00,448.00, 96.00,448.00S0.00,352.00,0.00,352.00c0.00-64.00, 65.75-193.75, 128.00-256.00
+	s 192.00-128.00, 256.00-128.00c0.00,0.00, 96.00,64.00, 96.00,96.00S 384.00,192.00, 352.00,160.00z"  />
+<glyph unicode="&#xe004;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 408.028,71.972
+	c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50
+	c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25
+	s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75
+	c-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25
+	c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
+	s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625
+	s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50
+	s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,7.994
+	c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41.00,194.957, 41.00,224.00
+	s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
+	C 198.805,433.321, 226.957,439.00, 256.00,439.00s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
+	c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675
+	C 443.294,114.728, 427.786,91.73, 408.028,71.972z"  />
+<glyph unicode="&#xe006;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115
+	c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039
+	c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
+	c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321
+	c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886
+	c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47
+	c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59
+	C 480.11,343.227, 497.918,361.727, 512.00,382.791z"  />
+<glyph unicode="&#xe007;" d="M 395.749,207.954c-0.647,64.841, 52.879,95.938, 55.271,97.483c-30.076,44.01-76.925,50.039-93.621,50.736
+		c-39.871,4.037-77.798-23.474-98.033-23.474c-20.184,0.00-51.409,22.877-84.476,22.276c-43.458-0.646-83.529-25.269-105.906-64.19
+		c-45.152-78.349-11.563-194.42, 32.445-257.963c 21.504-31.102, 47.146-66.038, 80.813-64.79c 32.421,1.294, 44.681,20.979, 83.878,20.979
+		c 39.197,0.00, 50.214-20.979, 84.525-20.335c 34.887,0.648, 56.991,31.699, 78.346,62.898c 24.695,36.084, 34.863,71.019, 35.462,72.813
+		C 463.679,104.74, 396.423,130.505, 395.749,207.954zM 331.281,398.239C 349.15,419.918, 361.211,449.995, 357.921,480.00c-25.739-1.048-56.939-17.145-75.405-38.775
+		c-16.571-19.188-31.074-49.813-27.187-79.218C 284.062,359.765, 313.393,376.609, 331.281,398.239z"  />
+<glyph unicode="&#xe005;" d="M 487.655,191.031c 1.406,10.40, 2.215,20.973, 2.215,31.736c0.00,129.155-105.271,233.872-235.103,233.872
+	c-12.904,0.00-25.555-1.06-37.866-3.08c-22.072,14.384-48.342,22.767-76.612,22.767C 62.766,476.326,0.00,413.518,0.00,336.02
+	c0.00-28.198, 8.299-54.394, 22.59-76.389c-1.925-12.017-2.909-24.323-2.909-36.859c0.00-129.176, 105.217-233.882, 235.085-233.882
+	c 14.657,0.00, 28.927,1.427, 42.796,3.933c 21.55-13.369, 46.934-21.148, 74.146-21.148C 449.21-28.326, 512.00,34.498, 512.00,111.988
+	C 511.997,141.281, 503.04,168.516, 487.655,191.031z M 276.74,50.404c-74.705-3.892-109.664,12.637-141.689,42.691
+	c-35.765,33.567-21.398,71.854, 7.74,73.801c 29.122,1.944, 46.607-33.013, 62.15-42.736c 15.524-9.688, 74.594-31.76, 105.794,3.908
+	c 33.976,38.828-22.594,58.92-64.059,65.002c-59.203,8.766-133.95,40.792-128.135,103.907c 5.816,63.074, 53.582,95.414, 103.85,99.976
+	c 64.077,5.817, 105.791-9.707, 138.785-37.86c 38.15-32.529, 17.508-68.894-6.799-71.82c-24.212-2.909-51.404,53.504-104.791,54.352
+	c-55.027,0.864-92.217-57.261-24.286-73.784c 67.966-16.505, 140.75-23.286, 166.961-85.417
+	C 418.49,120.287, 351.507,54.299, 276.74,50.404z"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>

public/index.html

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>
@@ -162,11 +162,11 @@
 
 <p>Web based MPD client. Design and execution. Built using PHP and jQuery and uses mpd.class.php to connect to the MPD server.</p>
 
-<h4><a href="http://footworksolutions.co.uk">Footwork Solutions</a></h4>
+<h4><a href="http://pixelhum.com/portfolio/footwork/">Footwork Solutions</a></h4>
 
 <p>Company logo and site design. I built the HTML for the Drupal template.</p>
 
-<h4><a href="http://footworksolutions.co.uk/?q=halo">Halo</a></h4>
+<h4><a href="http://www.footworksolutions.co.uk">Halo</a></h4>
 
 <p>Hosted care co-ordination system for drug treatment agencies. Design, initial implementation and ongoing development of key modules.</p>
 
@@ -179,7 +179,7 @@
 <p>My CV is a responsive design built using Stasis, HAML, SASS and Markdown that makes extensive use of HTML5, CSS3, typography and web fonts. The source code is available on <a href="https://github.com/danbee/cv">Github</a>.</p>
       </section>
       <section id='interests'>
-        <h4>Other Interests</h4>
+        <h3>Interests</h3>
         
         <ul>
         <li>Drumming</li>
@@ -196,12 +196,18 @@
           <span class='family-name'>Barber</span>
         </p>
         <p>
-          <a class='email' href='mailto:cv@danbarber.me'>cv@danbarber.me</a>
+          <a class='email' href='mailto:hello@danbarber.me'>hello@danbarber.me</a>
         </p>
         <p class='tel'>+44 (0) 1752 546981</p>
         <p>
           <a class='url' href='http://pixelhum.com'>http://danbarber.me</a>
         </p>
+        <p class='icon-github'>
+          <a class='url' href='http://github.com/danbee'>github.com/danbee</a>
+        </p>
+        <p class='icon-twitter'>
+          <a class='url' href='http://twitter.com/danbee'>@danbee</a>
+        </p>
       </section>
     </div>
   </div>

public/sections/contact.html

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>
@@ -52,12 +52,18 @@
       <span class='family-name'>Barber</span>
     </p>
     <p>
-      <a class='email' href='mailto:cv@danbarber.me'>cv@danbarber.me</a>
+      <a class='email' href='mailto:hello@danbarber.me'>hello@danbarber.me</a>
     </p>
     <p class='tel'>+44 (0) 1752 546981</p>
     <p>
       <a class='url' href='http://pixelhum.com'>http://danbarber.me</a>
     </p>
+    <p class='icon-github'>
+      <a class='url' href='http://github.com/danbee'>github.com/danbee</a>
+    </p>
+    <p class='icon-twitter'>
+      <a class='url' href='http://twitter.com/danbee'>@danbee</a>
+    </p>
     <footer class='clearfix' role='contentinfo'></footer>
 <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
 <script src='//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js'></script>

public/sections/experience

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>

public/sections/interests

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,11 +42,11 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>
-    <h4>Other Interests</h4>
+    <h3>Interests</h3>
     
     <ul>
     <li>Drumming</li>

public/sections/portfolio

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>
@@ -56,11 +56,11 @@
 
 <p>Web based MPD client. Design and execution. Built using PHP and jQuery and uses mpd.class.php to connect to the MPD server.</p>
 
-<h4><a href="http://footworksolutions.co.uk">Footwork Solutions</a></h4>
+<h4><a href="http://pixelhum.com/portfolio/footwork/">Footwork Solutions</a></h4>
 
 <p>Company logo and site design. I built the HTML for the Drupal template.</p>
 
-<h4><a href="http://footworksolutions.co.uk/?q=halo">Halo</a></h4>
+<h4><a href="http://www.footworksolutions.co.uk">Halo</a></h4>
 
 <p>Hosted care co-ordination system for drug treatment agencies. Design, initial implementation and ongoing development of key modules.</p>
 

public/sections/profile

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>

public/sections/skills

@@ -13,7 +13,7 @@
     <!-- http://t.co/dKP3o1e -->
     <meta content='True' name='HandheldFriendly'>
     <meta content='320' name='MobileOptimized'>
-    <meta content='width=device-width, target-densitydpi=160dpi, initial-scale=1' name='viewport'>
+    <meta content='target-densitydpi=160dpi, initial-scale=1' name='viewport'>
     <!--
       For less capable mobile browsers
       <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">
@@ -42,7 +42,7 @@
     </div>
     <header class='clearfix' role='banner'>
       <div class='container'>
-        <h1 id='main_heading'>Dan Barber</h1>
+        <h1 class='icon-logo' id='main_heading'>Dan Barber</h1>
         <h2>Web Designer &amp;&nbsp;Developer</h2>
       </div>
     </header>