image fixes and nav change

Author: cweber

_includes/head.html

@@ -6,26 +6,29 @@
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-<link rel="apple-touch-icon" sizes="57x57" href="{{ "img/favicons/apple-icon-57x57.png" | prepend: site.baseurl }}">
-<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
-<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="manifest" href="/manifest.json">
-<meta name="msapplication-TileColor" content="#ffffff">
-<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
-<meta name="theme-color" content="#ffffff">
-
+		<link rel="apple-touch-icon" sizes="57x57" href="{{ "/img/favicons/apple-icon-57x57.png" | prepend: site.baseurl }}">
+		<link rel="apple-touch-icon" sizes="60x60" href="/img/favicons/apple-icon-60x60.png">
+		<link rel="apple-touch-icon" sizes="72x72" href="/img/favicons/apple-icon-72x72.png">
+		<link rel="apple-touch-icon" sizes="76x76" href="/img/favicons/apple-icon-76x76.png">
+		<link rel="apple-touch-icon" sizes="114x114" href="/img/favicons/apple-icon-114x114.png">
+		<link rel="apple-touch-icon" sizes="120x120" href="/img/favicons/apple-icon-120x120.png">
+		<link rel="apple-touch-icon" sizes="144x144" href="/img/favicons/apple-icon-144x144.png">
+		<link rel="apple-touch-icon" sizes="152x152" href="/img/favicons/apple-icon-152x152.png">
+		<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-icon-180x180.png">
+		<link rel="icon" type="image/png" sizes="192x192"  href="/img/favicons/android-icon-192x192.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="96x96" href="/img/favicons/favicon-96x96.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png">
+		<link rel="manifest" href="/img/favicons/manifest.json">
+		<meta name="msapplication-TileColor" content="#ffffff">
+		<meta name="msapplication-TileImage" content="/img/favicons/ms-icon-144x144.png">
+		<meta name="theme-color" content="#ffffff">
 
+	<!-- CSS -->
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/one-off.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 }}" />
   <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,900italic,800italic,900,800,700italic,700,600italic,600,500italic,500,400italic,300italic,300,200italic,200,100italic' rel='stylesheet' type='text/css'>

_includes/menu-items.html

@@ -1,6 +1,6 @@
 <ul>
 <li><a href="/casestudies">Case Studies</a></li>
-<li><a href="/process">Theory</a></li>
+<li><a href="/process">Process</a></li>
 	<li><a href="/portfolio">Visual Design</a></li>
 	<li><a href="/blog">Blog</a></li>
 </ul>

css/one-off.scss

@@ -1,8 +1,18 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
 .book-jacket {
-float: left;
-margin: 0 20px 20px 0;
+	float: left;
+	margin: 0 20px 20px 0;
 }
 .post-entry li, .post-entry ul {
-clear: both;
-list-style-type: none;
+	clear: both;
+	list-style-type: none;
 }
+
+/* .process img, .home img{
+    margin: 0 -49px;
+    max-width: initial;
+}
+ */

img/qm-profile.jpg

@@ -1,11 +1,11 @@
 ---
 layout: default
-title: Theory
+title: Process
 permalink: /process/
 img: process.png
 ---
 
-<div class="home content">
+<div class="process content">
 	<article>
 		<header class="page-heading">
 			<h1>Theory</h1>