early version

_config.yml

@@ -3,13 +3,13 @@
 #
 
 # Name of your site (displayed in the header)
-name: Your Name
+name: The Exclusive Or
 
 # Short bio or description (displayed in the header)
-description: Web Developer from Somewhere
+description: On academic, expatriate, and other unusual forms of life.
 
 # 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: /images/xor.png
 
 #
 # Flags below are optional
@@ -18,15 +18,15 @@ avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/je
 # Includes an icon in the footer for each username you enter
 footer-links:
   dribbble:
-  email:
+  email: [email protected]
   facebook:
   flickr:
-  github: barryclark/jekyll-now
+  github: casutton
   instagram:
   linkedin:
   pinterest:
   rss: # just type anything here for a working RSS icon
-  twitter: jekyllrb
+  twitter: RandomlyWalking
   stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
   youtube: # channel/<your_long_string> or user/<user-name>
   googleplus: # anything in your profile username that comes after plus.google.com/
@@ -37,11 +37,11 @@ footer-links:
 disqus:
 
 # Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
-google_analytics:
+google_analytics: UA-99627066-1
 
 # Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
 # Used for Sitemap.xml and your RSS feed
-url:
+url: http://www.theexclusive.org/
 
 # If you're hosting your site at a Project repository on GitHub pages
 # (http://yourusername.github.io/repository-name)

_layouts/default.html

@@ -5,6 +5,10 @@
 
     {% include meta.html %}
 
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css?family=Lora:normal,b,i,bi" rel="stylesheet">
+    <script src="https://use.fontawesome.com/60beeb5aee.js" type="text/javascript"></script>
+
     <!--[if lt IE 9]>
       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
@@ -41,7 +45,10 @@ <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
     <div class="wrapper-footer">
       <div class="container">
         <footer class="footer">
-          {% include svg-icons.html %}
+                <a href="/csutton/#contact"><i class="fa fa-envelope-open fa-navbar" aria-hidden="true"></i></a>
+                <a href="https://twitter.com/RandomlyWalking"><i class="fa fa-twitter fa-navbar" aria-hidden="true"></i></a>
+                <a href="http://scholar.google.co.uk/citations?user=hYtGXD0AAAAJ&amp;hl=en"><i class="fa fa-google fa-navbar" aria-hidden="true"></i></a>
+                <a href="https://github.com/casutton/"><i class="fa fa-github fa-navbar" aria-hidden="true"></i></a>
         </footer>
       </div>
     </div>

_layouts/post.html

@@ -9,6 +9,13 @@ <h1>{{ page.title }}</h1>
     {{ content }}
   </div>
 
+  <div class="tags">
+    Tags:
+   {% for tag in page.tags %}
+    <span class="tag">{{ tag }}</span>>
+    {% endfor %}
+  </div>
+
   <div class="date">
     Written on {{ page.date | date: "%B %e, %Y" }}
   </div>

_sass/_variables.scss

@@ -18,10 +18,11 @@ $white: #fff;
 $helvetica: Helvetica, Arial, sans-serif;
 $helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif;
 $georgia: Georgia, serif;
+$lora: Lora, serif;
 
 // Mobile breakpoints
 @mixin mobile {
   @media screen and (max-width: 640px) {
     @content;
   }
-}
+}

about.md

@@ -1,15 +1,25 @@
 ---
 layout: page
-title: About
+title: About Me
 permalink: /about/
 ---
 
-Some information about you!
+![Charles Sutton](http://homepages.inf.ed.ac.uk/csutton/images/charles3.jpg){: .biopic}
 
-### More Information
+Welcome. I'm an academic researcher (currently 
+a [reader/associate professor](/2013/08/academic-ranks-in-us-and-uk.html)) in machine learning.
+If you like to learn more about my research,
+please see [my professional web page](http://homepages.inf.ed.ac.uk/csutton/).
 
-A place to include any other types of information that you'd like to include about yourself.
+I write here about aspects of academic life that
+aren't my research. I try to write as an essayist,
+to attempt to figure things out, how the University
+works, how to be a better researcher, how to give 
+better advice to students.
+Well, except when,
+sometimes, I write [just to be silly](/tags/silly).
 
-### Contact me
+## Contact me
 
-[[email protected]](mailto:[email protected])
+The best way to contact me (insofar as any way is good; my response time
+is longer than I might like) is [by email](mailto:[email protected]).

index.html

@@ -15,4 +15,4 @@ <h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
       <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
     </article>
   {% endfor %}
-</div>
+</div>

style.scss

@@ -19,7 +19,7 @@ html {
 
 body {
 	background: $white;
-  font: 18px/1.4 $helvetica;
+  font: 14px/1.4 $lora;
   color: $darkGray;
 }
 
@@ -33,9 +33,8 @@ body {
 h1, h2, h3, h4, h5, h6 {
   font-family: $helveticaNeue;
   color: $darkerGray;
-  font-weight: bold;
 
-  line-height: 1.7;
+  line-height: 1.4;
   margin: 1em 0 15px;
   padding: 0;
 
@@ -45,7 +44,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-  font-size: 30px;
+  font-size: 24px;
   a {
     color: inherit;
   }
@@ -165,8 +164,9 @@ img {
 
 .site-avatar {
   float: left;
-  width: 70px;
-  height: 70px;
+  width: 48px;
+  height: 50px;
+  padding-top: 10px;
   margin-right: 15px;
 
   @include mobile {
@@ -283,6 +283,11 @@ footer {
   text-align: center;
 }
 
+.biopic {
+    float: right;
+}
+
+
 // Settled on moving the import of syntax highlighting to the bottom of the CSS
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
 @import "highlights";