updated theme

Author: danmac

_includes/head.html

@@ -5,8 +5,8 @@
 
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-
+  <script src="//use.edgefonts.net/droid-sans.js"></script>
+  
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
 </head>

_includes/header.html

@@ -16,7 +16,11 @@
       <div class="trigger">
         {% for my_page in site.pages %}
           {% if my_page.title %}
-          <a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
+            {% if page.url == my_page.url %}
+              <a class="page-link current" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
+            {% else %}
+              <a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
+            {% endif %}
           {% endif %}
         {% endfor %}
       </div>

_sass/_layout.scss

@@ -2,26 +2,43 @@
  * Site header
  */
 .site-header {
-    border-top: 5px solid $grey-color-dark;
     border-bottom: 1px solid $grey-color-light;
-    min-height: 56px;
-
+    min-height: 400px;
+    background: url('/files/images/background-colour-large-1.png') no-repeat 50% 80%;
+    
     // Positioning context for the mobile navigation icon
     position: relative;
+    
+    @include media-query($on-palm) {
+        background: url('/files/images/background-colour-small-1.png') no-repeat center center;
+        min-height: 200px;
+    }
 }
 
 .site-title {
-    font-size: 26px;
+    font-size: 96px;
     font-weight: 300;
-    line-height: 56px;
+    line-height: 72px;
     letter-spacing: -1px;
     margin-bottom: 0;
     float: left;
+    position: absolute;
+    bottom: 24px;
+    text-shadow: 2px 2px 5px #484848;
+
+    @include media-query($on-palm) {
+        font-size: 84px;
+        bottom: 4px;
+    }
 
     &,
     &:visited {
-        color: $grey-color-dark;
+        color: $background-color;
+    }
+    &:hover {
+        text-decoration: none;
     }
+    
 }
 
 .site-nav {
@@ -33,21 +50,25 @@
     }
 
     .page-link {
-        color: $text-color;
+        color: $background-color;
         line-height: $base-line-height;
-
-        // Gaps between nav items, but not on the last one
-        &:not(:last-child) {
-            margin-right: 20px;
+        padding: 0px 10px 16px 10px;
+        
+        &:hover {
+            text-decoration: none;
+            border-bottom: 4px solid $brand-color;
         }
     }
+    
+    .current {
+        border-bottom: 4px solid $brand-color;
+    }
 
     @include media-query($on-palm) {
         position: absolute;
         top: 9px;
         right: $spacing-unit / 2;
         background-color: $background-color;
-        border: 1px solid $grey-color-light;
         border-radius: 5px;
         text-align: right;
 

about.md

@@ -6,7 +6,7 @@
 
 
 // Our variables
-$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$base-font-family: droid-sans, sans-serif;
 $base-font-size:   16px;
 $base-font-weight: 400;
 $small-font-size:  $base-font-size * 0.875;
@@ -16,7 +16,7 @@ $spacing-unit:     30px;
 
 $text-color:       #111;
 $background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
+$brand-color:      #faa21b;
 
 $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);

css/main.scss

@@ -0,0 +1,24 @@
+---
+layout: page
+title: About
+permalink: /
+---
+
+I'm a web developer based in Adelaide, South Australia.
+
+With a focus on useability and design, I have been building web sites for over 15 years. 
+Mainly freelancing, I have spent the last 5 years as a full time developer for Telstra, 
+managing their knowledge management platform KnowHow.
+
+This was a highly deadline driven position, timing content releases with new products, 
+and building real-time tools to assist the front line staff (contact centres, stores and 
+support staff) with servicing and delighting our customers, anticipating issues that may arise 
+and pre-empting them.
+
+Mainly developing using HTML/JavaScript/CSS on the frontend and PHP/MySQL on the backend, I was the 
+goto when people needed to disseminate training or knowledge to our consumer staff. 
+
+In my free-time I build things for myself, using Raspberry Pis to hack my Apple TVs, LIFX lights and 
+Air-conditioning. I have a working knowledge of Ruby, Node.js and Python and am always looking for ways to 
+improve my knowledge.
+

files/images/background-colour-large-1.png

@@ -2,4 +2,6 @@
 layout: page
 title: Portfolio
 permalink: /portfolio/
----
+---
+I am currently working on a portfolio of my work, as most of it is owned by Telstra. If you are interested in viewing my work, 
+please [email me](mailto:danmac@insertcomment.com).