Add changes to the site structure

matthewblewitt · Apr 16, 2014 · af7f3e3 · af7f3e3
1 parent 5dbc482
commit af7f3e3
Show file tree

Hide file tree

Showing 61 changed files with 5,196 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+_site
+node_modules
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,107 @@
+/** 
+* Grunt Boilerplate
+*/
+
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+
+    imagemin: {
+      dist: {
+        options: {
+          cache: false
+        },
+        files: [{
+          expand: true,
+          cwd: 'img/',
+          src: ['*.{png,jpg,gif}'],
+          dest: 'img/'
+        }]
+      }
+    },
+
+    jshint: {
+      all: 'js/*.js'
+    },
+
+    sass: {
+      dist: {
+        options: {
+          style: 'nested'
+        },
+        files: {
+          'css/main.css': 'css/main.scss'
+        }
+      }
+    },
+
+    autoprefixer: {
+      dist: {
+        files: {
+          'css/main.auto.css': 'css/main.css'
+        }
+      }
+    },
+
+    watch: {
+      options: {
+        livereload: true,
+      },
+
+      js: {
+        files: 'js/**/*.js',
+        tasks: ['jshint'],
+        options: {
+          spawn: false,
+        }
+      },
+
+      css: {
+        //directory path and it's subdirectories,
+        files: ['css/**/*.scss'],
+        tasks: ['sass', 'autoprefixer'],
+        options: {
+          spawn: false,
+        }
+      },
+
+      images: {
+        files: ['img/**/*.{png,jpg,gif}', 'img/*.{png,jpg,gif}'],
+        tasks: ['img'],
+        options: {
+          spawn: false,
+        }
+      },
+
+      // html:{
+      //   files: ['./**/*.html'],
+      //   tasks: [],
+      //   options: {
+      //     spawn: false
+      //   }
+      // }
+    },
+
+    server: {
+      options: {
+        port: 8000,      
+        base: './'
+      }
+    },
+
+  });
+
+  // Load the plugin(s).
+  grunt.loadNpmTasks('grunt-contrib-imagemin');
+  grunt.loadNpmTasks('grunt-contrib-jshint');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+  grunt.loadNpmTasks('grunt-autoprefixer');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-connect');
+
+  // Default task(s).
+  grunt.registerTask('default', ['imagemin','jshint','sass','autoprefixer','watch','connect']);
+  // grunt.registerTask('dev', []); Look into DEV register task
+
+};
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,5 @@
+name: Pattern Library
+markdown: redcarpet
+pygments: true
+exclude: [Gruntfile.js, package.json, node_modules]
+include: [.htaccess]
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>{{ page.title }}</title>
+        <meta name="viewport" content="width=device-width">
+
+        <link rel="stylesheet" href="/stylesheets/vendor.css">
+        <link rel="stylesheet" href="/stylesheets/styles.css">
+    </head>
+    <body>
+
+        <div class="site">
+          <div class="header">
+            <h1 class="title"><a href="/">{{ site.name }}</a></h1>
+            <ul class="">
+              <li><a href="/">Home</a></li>
+              <li><a href="/blog/">Blog</a></li>
+            </ul>
+          </div>
+
+          {{ content }}
+
+          <div class="footer">
+            <div class="contact">
+             <p>Footer</p>
+            </div>
+            <div class="contact">
+              <p>
+                <a href="https://github.com/yourusername">github.com/yourusername</a><br />
+                <a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br />
+              </p>
+            </div>
+          </div>
+        </div>
+
+    </body>
+</html>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+<h2>{{ page.title }}</h2>
+<p class="meta">{{ page.date | date_to_string }}</p>
+
+<div class="post">
+{{ content }}
+</div>
diff --git a/_posts/2014-04-16-welcome-to-jekyll.markdown b/_posts/2014-04-16-welcome-to-jekyll.markdown
@@ -0,0 +1,24 @@
+---
+layout: post
+title:  "This is a test post"
+date:   2014-04-16 11:01:36
+categories: jekyll update
+---
+
+You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
+To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh].
+
+[jekyll-gh]: https://github.com/mojombo/jekyll
+[jekyll]:    http://jekyllrb.com
diff --git a/blog/index.html b/blog/index.html
@@ -0,0 +1,21 @@
+---
+layout: default
+title: Blog
+---
+
+<section class="content">
+  <h2>Blog</h2>
+
+  <p>Check out my images below!</p>
+</section>
+
+{% for post in site.posts %}
+
+<div>
+  <a href="{{ post.url }}">
+    <img src="{{ post.image }}" />
+    <h3>{{ post.title }}</h3>
+  </a>
+</div>
+
+{% endfor %}
diff --git a/css/_vars.scss b/css/_vars.scss
@@ -0,0 +1,113 @@
+/*------------------------------------*\
+    VARS.SCSS
+\*------------------------------------*/
+/**
+ * Any variables you find set in inuit.css’ `_vars.scss` that you do not wish to
+ * keep, simply redefine here. This means that if inuit.css, for example, sets
+ * your `$base-font-size` at 16px and you wish it to be 14px, simply redeclare
+ * that variable in this file. inuit.css ignores its own variables in favour of
+ * using your own, so you can completely modify how inuit.css works without ever
+ * having to alter the framework itself.
+ */
+
+
+
+
+
+/*------------------------------------*\
+    $OBJECTS-AND-ABSTRACTIONS
+\*------------------------------------*/
+/**
+ * All of inuit.css’ objects and abstractions are initially turned off by
+ * default. This means that you start any project with as little as possible,
+ * and introducing objects and abstractions is as simple as switching the
+ * following variables to `true`.
+ */
+$use-grids:         true;
+$use-flexbox:       false;
+$use-columns:       true;
+$use-nav:           true;
+$use-options:       false;
+$use-pagination:    false;
+$use-breadcrumb:    true;
+$use-media:         true;
+$use-marginalia:    false;
+$use-island:        false;
+$use-block-list:    true;
+$use-matrix:        true;
+$use-split:         false;
+$use-this-or-this:  false;
+$use-link-complex:  false;
+$use-flyout:        false;
+$use-arrows:        true;
+$use-sprite:        true;
+$use-icon-text:     true;
+$use-beautons:      true;
+$use-lozenges:      false;
+$use-rules:         true;
+$use-stats:         false;
+$use-greybox:       false;
+
+
+
+
+
+/*------------------------------------*\
+    $OVERRIDES
+\*------------------------------------*/
+/**
+ * Place any variables that should override inuit.css’ defaults here.
+ */
+
+/**
+ * Brand stuff
+ */
+
+$brand-face:        "Arial",sans-serif;
+$brand-round:        2px;
+
+/**
+ * Breakpoints start.
+ */
+$lap-start:         675px;
+$desk-start:        960px;
+$desk-wide-start:   1279px;
+
+/**
+ * Typography
+ */
+
+$h0-size:			      48px;
+$h1-size:           36px;
+$h2-size:           30px;
+$h3-size:           24px; 
+$h4-size:           18px;
+$h5-size:           16px; 
+$h6-size:           14px;
+
+
+
+
+
+/*------------------------------------*\
+    $CUSTOM
+\*------------------------------------*/
+/**
+ * Place any of your own variables that sit on top of inuit.css here.
+ */
+$dark-grey:       #686868;
+$mid-grey:        #dedede;
+$light-grey:      #f7f7f7;
+
+/**
+ * Font weights.
+ */
+$light:         300;
+$book:          400;
+$medium:        500;
+$bold:          700;
+
+/**
+ * Colours.
+ */
+