Changing base font and links. openintegrity/design#6

code/_layouts/default.jade

@@ -55,8 +55,10 @@ html
   include foot
 
   script.
-    anchors.options.placement = 'left';
-    anchors.add('h1,h2,h3');
+    $( document ).ready(function() {
+      anchors.options.placement = 'left';
+      anchors.add('h1,h2,h3');
+    })
 
   //- script.
   //-   var js = document.createElement('script')

code/_layouts/head.jade

@@ -37,7 +37,7 @@ head
     - // Fonts
     - // ==================================================
     link(href='//fonts.googleapis.com/css?family=Raleway:400,300,600', rel='stylesheet', type='text/css')
-
+    link(href='//fonts.googleapis.com/css?family=Lora:400,300,600', rel='stylesheet', type='text/css')
 
     - // RSS
     - // ==================================================

code/_layouts/hero.jade

 section.header
-  h2.title Open Integrity Initiative
-  h3.title Data Driven Security and Privacy
+  h1.title Open Integrity Initiative
+  h2.title Data Driven Security and Privacy

code/_layouts/page.jade

@@ -2,7 +2,10 @@ extends default
 
 block main
   .docs-section
-    h1.docs-header= title
+    if (title) 
+      h1.docs-header= title
+    else
+      .space 
     != content
 
 block header

code/public/css/site.css

+
+h1, h2, h3, h4, h5, h6, nav a, .links small a, .links small {
+  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.links small {
+  font-size:60%;
+}
+
+h1, .space {
+  margin-top: 4rem
+}
+
+body .post {
+  fontsize: 2em;
+}
+
+.post a, .docs-section a, .links small a, .related a {
+  color: #0e1e3b;
+  text-decoration: none;
+  border-bottom: 1px #1eaedb dotted;
+}
+
+a.anchorjs-link {
+  text-decoration: none;
+  border-bottom: none;
+}
+
+.post a:hover, .docs-section a:hover, .links small a:hover, .related a:hover {
+  color: #1b9cc5;
+  text-decoration: none;
+  border-bottom: 1px #1b9cc5 solid;
+}
+
 p img {
   max-width: 100%;
   box-sizing: border-box;
@@ -107,9 +141,6 @@ blockquote p {
   font-size: 1.4rem;
   letter-spacing: .2rem;
   font-weight: 600; }
-.docs-section {
-  padding: 4rem 0;
-  margin-bottom: 0;}
 .value-img {
   display: block;
   text-align: center;
@@ -190,8 +221,6 @@ blockquote p {
   .example-grid .column,
   .example-grid .columns {
     margin-bottom: 1.5rem; }
-  .docs-section {
-    padding: 6rem 0; }
   .example-send-yourself-copy {
     float: right;
     margin-top: 12px; }

code/scss/base/_base-styles.scss

@@ -9,7 +9,7 @@ html {
 }
 
 body {
-  font-size: 1.5em; // currently ems cause chrome bug misinterpreting rems on body element
+  font-size: 2em; // currently ems cause chrome bug misinterpreting rems on body element
   line-height: 1.6;
   font-weight: 400;
   font-family: $font-family;

code/scss/base/_variables.scss

@@ -18,7 +18,7 @@ $link-color: #1eaedb !default;
 $font-color: #222 !default;
 
 // Typography
-$font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family: "Lora", Georgia,Cambria,"Times New Roman",Times,serif !default;
 
 //Grid Variables
 $container-width: 960px !default;

content/index.md

@@ -4,7 +4,7 @@ header: hero
 footer: recent_blogs
 ---
 
-##### The Open Integrity Initiative is [booting up](blog/booting-up).
+## The Open Integrity Initiative is [booting up](blog/booting-up).
 
 The platform aims to provide **reliable and evidence based** answers to questions such as: 
 - Which tools are open source?
@@ -17,7 +17,7 @@ You can read more [about the project](about).
 
 ---
 
-##### Get Involved
+## Get Involved
 
 If you're collecting data or doing research on security and privacy then we'd like to hear about your work! We're inviting a range of experts to contribute to the design of the index and identifying best practices in the following key areas:
 
@@ -46,7 +46,7 @@ If you're collecting data or doing research on security and privacy then we'd li
 
 ---
 
-##### What we're working on
+## What we're working on
 
 <div class="row">
 <div class="one-half column category">