Initial commit

.gitignore

@@ -0,0 +1,8 @@
+# Node packages downloaded via "npm install"
+node_modules/
+
+# Bower packages downloaded via "bower install"
+bower_components/
+
+# Misc files types
+*.DS_Store

404.php

@@ -0,0 +1,17 @@
+<?php
+/**
+ * The template for displaying 404 pages (not found).
+ *
+ * @package OKFNWP
+ */
+
+get_header(); ?>
+
+	<div class="col-md-12">
+		<?php
+			// Include the page content template.
+			get_template_part( 'content', 'none' );
+		?>
+	</div>
+
+<?php get_footer(); ?>

Gruntfile.js

@@ -0,0 +1,67 @@
+module.exports = function(grunt) {
+	grunt.initConfig({
+		copy: {
+			fonts: {
+				files: [
+					{
+						expand: true,
+						cwd: 'bower_components/font-awesome/fonts',
+						src: ['**/*'],
+						dest: 'assets/fonts'
+					}
+				]
+			},
+			js: {
+				files: [
+					{
+						expand: true,
+						cwd: 'bower_components',
+						src: ['bootstrap/dist/js/bootstrap.min.js', 'jquery/dist/jquery.min.js'],
+						dest: 'assets/js',
+						flatten: true
+					}
+				]
+			}
+		},
+		less: {
+			style: {
+				options: {
+					cleancss: true,
+					report: "min"
+				},
+				files: {
+					"style.css": "assets/less/style.less"
+				}
+			}
+		},
+		watch: {
+			php: {
+				files: ['**/*.php'],
+				tasks: [],
+				options: {
+					livereload: true
+				}
+			},
+			js: {
+				files: ['assets/js/**/*.js'],
+				options: {
+					livereload: true
+				}
+			},
+			less: {
+				files: ['assets/less/**/*.less'],
+				tasks: ['less:style'],
+				options: {
+					livereload: true
+				}
+			}
+		}
+	});
+	grunt.registerTask('build', ['copy', 'less:style']);
+	grunt.registerTask('dev', ['build', 'watch']);
+	grunt.loadNpmTasks('grunt-contrib-concat');
+	grunt.loadNpmTasks('grunt-contrib-copy');
+	grunt.loadNpmTasks('grunt-contrib-less');
+	grunt.loadNpmTasks('grunt-contrib-uglify');
+	return grunt.loadNpmTasks('grunt-contrib-watch');
+};

README.md

@@ -0,0 +1,38 @@
+=================
+OKFN WordPress Theme
+=================
+
+OKFNWP is a WordPress theme built on Bootstrap and LESS.
+
+Getting Started
+---------------
+**You'll need the following installed before continuing:**
+  * [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website.
+  * [Grunt](http://gruntjs.com/): Run `[sudo] npm install -g grunt-cli`
+  * [Bower](http://bower.io): Run `[sudo] npm install -g bower`
+
+To get started run:
+
+`npm install && bower install && grunt watch`
+
+
+Templates
+---------
+
+**Homepage**
+
+The homepage template is a regular full-width content page. Use the `[latestposts]` shortcode to display the latest blog posts.
+
+
+Shortcodes
+----------
+
+**Latest Blog Posts**
+
+To add a 3-column row of the latest blog posts, use:
+
+  `[latestposts]`
+
+To change the section heading from the default 'Latest posts from the blog', pass in a title="" parameter:
+
+`[latestposts title="Recent Posts"]`

archive.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * The template for displaying archive pages.
+ *
+ * Learn more: http://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package OKFNWP
+ */
+
+get_header(); ?>
+
+	<div class="col-md-8">
+		<?php
+			if ( have_posts() ) :
+				// Start the Loop.
+				while ( have_posts() ) : the_post();
+
+					/*
+					 * Include the post format-specific template for the content. If you want to
+					 * use this in a child theme, then include a file called called content-___.php
+					 * (where ___ is the post format) and that will be used instead.
+					 */
+					get_template_part( 'content', get_post_type() );
+
+				endwhile;
+			// Previous/next post navigation.
+			paging_nav();
+
+			endif;
+		?>
+	</div>
+
+<?php get_sidebar(); ?>
+<?php get_footer(); ?>

assets/js/main.js

@@ -0,0 +1,14 @@
+/**
+ * Theme presentational javascript
+ */
+$(document).ready(function() {
+
+	// Navigation dropdowns
+	$('.nav .menu-item-has-children').on('mouseenter', function() {
+		$(this).children('.sub-menu').addClass('visible');
+	}).on('mouseleave', function() {
+		$(this).children('.sub-menu').removeClass('visible');
+	});
+
+
+});

assets/less/_color-schemes.less

@@ -0,0 +1,161 @@
+/**
+ * Theme colour variations
+ */
+
+/**
+ * Blue
+ */
+@blue: #02a5e0;
+.theme-blue {
+
+	.header {
+		border-top-color: @blue;
+	}
+
+	.social-links a {
+		color: #333;
+	}
+
+	a,
+	a:hover,
+	.header a:hover {
+		color: @blue;
+	}
+
+	.okfn-wp-ribbon a {
+		background-position: center center;
+	}
+
+	#page-banner,
+	.post__category,
+	a.post__category {
+		background: @blue;
+		color: white;
+	}
+
+	.sidebar h3 {
+		border-color: @blue;
+	}
+
+	input[type=submit] {
+		background: @blue;
+		border-color: darken(@blue, 10%);
+
+		&:hover {
+			background: darken(@blue, 10%);
+			border-color: darken(@blue, 30%);
+		}
+	}
+
+	#page-banner-signup .form-control {
+
+		&:focus {
+			border-color: @blue;
+			box-shadow: none;
+		}
+	}
+}
+
+/**
+ * Red
+ */
+@red: #c7254e;
+.theme-red {
+
+	.header {
+		border-top-color: @red;
+	}
+
+	.social-links a {
+		color: #333;
+	}
+
+	a,
+	a:hover,
+	.header a:hover {
+		color: @red;
+	}
+
+	.okfn-wp-ribbon a {
+		background-position: center center;
+	}
+
+	#page-banner,
+	.post__category,
+	a.post__category {
+		background: @red;
+		color: white;
+	}
+
+	.sidebar h3 {
+		border-color: @red;
+	}
+
+	input[type=submit] {
+		background: @red;
+		border-color: darken(@red, 10%);
+
+		&:hover {
+			background: darken(@red, 10%);
+			border-color: darken(@red, 30%);
+		}
+	}
+
+	#page-banner-signup .form-control {
+
+		&:focus {
+			border-color: white;
+			box-shadow: none;
+		}
+	}
+}
+
+/**
+ * White
+ */
+@grey: #2d2d2d;
+.theme-white {
+
+	.header {
+		border-top-color: @grey;
+	}
+
+	a,
+	a:hover,
+	.header a:hover {
+		color: @grey;
+	}
+
+	.okfn-wp-ribbon a {
+		background-position: center center;
+	}
+
+	#page-banner,
+	.post__category,
+	a.post__category {
+		background: lighten(@grey, 0%);
+		color: white;
+	}
+
+	.sidebar h3 {
+		border-color: @grey;
+	}
+
+	input[type=submit] {
+		background: @grey;
+		border-color: darken(@grey, 10%);
+
+		&:hover {
+			background: darken(@grey, 10%);
+			border-color: darken(@grey, 30%);
+		}
+	}
+
+	#page-banner-signup .form-control {
+
+		&:focus {
+			border-color: white;
+			box-shadow: none;
+		}
+	}
+}