Update site styles and templates.

Author: programmation

CNAME

@@ -1 +1 @@
-
+programmation.com.au

_config.yml

@@ -9,7 +9,8 @@ name: Programmation Pty Limited
 description: Mobile Development - Sydney, Australia
 
 # URL of your avatar or profile pic (you could use your GitHub profile pic)
-# avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png
+#avatar: https://raw.githubusercontent.com/programmation/jekyll-now/master/images/logo.png
+avatar: ./images/logo.png
 
 #
 # Flags below are optional
@@ -37,7 +38,7 @@ google_analytics:
 
 # Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
 # Used for Sitemap.xml and your RSS feed
-url: http://programmation.github.io
+url: http://programmation.com.au
 
 # If you're hosting your site at a Project repository on GitHub pages 
 # (http://yourusername.github.io/repository-name)
@@ -49,12 +50,14 @@ baseurl: ""
 # !! You don't need to change any of the configuration flags below !!
 #
 
-markdown: kramdown
+markdown: redcarpet
+redcarpet:
+  extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
 highlighter: pygments
 permalink: /:title/
 
 # The release of Jekyll Now that you're using
-version: v1.0.0
+#version: v1.0.0
 
 # Set the Sass partials directory, as we're using @imports
 sass:

_layouts/default.html

@@ -24,8 +24,11 @@
     <div class="wrapper-masthead">
       <div class="container">
         <header class="masthead clearfix">
+          <!--
           <a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.avatar }}" /></a>
-          
+          -->
+          <a href="{{ site.baseurl }}/" class="site-avatar"><img src="/images/logo.png" /></a>
+
           <div class="site-info">
             <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
             <p class="site-description">{{ site.description }}</p>

_scss/_highlights.scss

@@ -4,9 +4,10 @@
 /***********************/
 
 .highlight { 
-/*  background-color: $darkerGray; */
-  background-color: #EFEFEF;
+  background-color: $lightLightGray;
+/*  background-color: #EFEFEF; */
   padding: 5px 10px;
+  line-height: 1;
   margin: 10px 0;
 }
 
@@ -18,8 +19,16 @@
 
 code {
   font-family: 'Courier', monospace;
-  font-size: 14px;
-  color: $black
+  //font-size: 14px;
+  font-size: 90%;
+  color: $black;
+  background-color: $lightLightGray;
+}
+
+pre {
+  background-color: $lightLightGray;
+  //padding: 5px 10px;
+  margin: 10px 0;
 }
 
 // Solarized Light Pygments 

_scss/_variables.scss

@@ -12,6 +12,7 @@ $darkerGray: #222;
 $darkGray: #333;
 $gray: #666;
 $lightGray: #eee;
+$lightLightGray: #efefef;
 $white: #fff;
 
 // Font stacks

images/logo.svg

@@ -19,15 +19,15 @@ html {
 
 body {
 	background: $white;
-  font: 18px/1.4 $helvetica;
+  font: 18px/1.4 $georgia;
   color: $darkGray;
 }
 
 .container {
   margin: 0 auto;
-  max-width: 740px;
+  max-width: 1040px;
   padding: 0 10px;
-  width: 100%;
+  width: 90%;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -64,6 +64,28 @@ h4 {
   color: $gray;
 }
 
+table {
+  padding: 2px;
+}
+
+table, th, td {
+  border: 1px solid $darkGray;
+}
+
+th {
+  background-color: $gray;
+  color: #fff;
+  padding: 5px 15px;
+}
+
+td {
+  padding: 5px 15px;
+}
+
+tr {
+  background-color: $lightLightGray;
+}
+
 p {
   margin: 15px 0;
 }
@@ -160,9 +182,9 @@ img {
 
 .site-avatar {
   float: left;
-  width: 70px;
+  width: 50px;
   height: 70px;
-  margin-right: 15px;
+  margin-right: 5px;
 
   @include mobile {
     float: none;