Test page.
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..950978e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,11 @@
+### Sass ###
+.sass-cache
+*.css.map
+.tmp/
+
+### Bower ###
+bower_components
+
+### Node ###
+node_modules
+.grunt
\ No newline at end of file
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..15f6a27
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,444 @@
+// Generated on 2014-09-23 using generator-bourbon-neat 0.1.2
+'use strict';
+
+// # Globbing
+// for performance reasons we're only matching one level down:
+// 'test/spec/{,*/}*.js'
+// use this if you want to recursively match all subfolders:
+// 'test/spec/**/*.js'
+
+module.exports = function (grunt) {
+
+    // Load grunt tasks automatically
+    require('load-grunt-tasks')(grunt);
+
+    // Time how long tasks take. Can help when optimizing build times
+    require('time-grunt')(grunt);
+
+    // Configurable paths
+    var config = {
+        app: 'app',
+        dist: 'dist',
+        livereload: true
+    };
+
+    // Define the configuration for all the tasks
+    grunt.initConfig({
+
+        // Project settings
+        config: config,
+
+        // Watches files for changes and runs tasks based on the changed files
+        watch: {
+            bower: {
+                files: ['bower.json'],
+                tasks: ['bowerInstall']
+            },
+            js: {
+                files: ['<%= config.app %>/scripts/{,*/}*.js'],
+                tasks: ['jshint'],
+                options: {
+                    livereload: true
+                }
+            },
+            jstest: {
+                files: ['test/spec/{,*/}*.js'],
+                tasks: ['test:watch']
+            },
+            gruntfile: {
+                files: ['Gruntfile.js']
+            },
+            sass: {
+                files: ['<%= config.app %>/sass/{,*/}*.{scss,sass}'],
+                tasks: ['sass:server', 'autoprefixer']
+            },
+            styles: {
+                files: ['<%= config.app %>/styles/{,*/}*.css'],
+                tasks: ['newer:copy:styles', 'autoprefixer']
+            },
+            html: {
+                options: { livereload: true },
+                tasks: ['includes'],
+                files: ['<%= config.app %>/templates/{,*/}*.html']
+            },
+            livereload: {
+                options: {
+                    livereload: '<%= connect.options.livereload %>'
+                },
+                files: [
+                    '<%= config.app %>/{,*/}*.html',
+                    '.tmp/styles/{,*/}*.css',
+                    '<%= config.app %>/images/{,*/}*'
+                ]
+            }
+        },
+
+        // The actual grunt server settings
+        connect: {
+            options: {
+                port: 9000,
+                open: true,
+                livereload: 35729,
+                // Change this to '0.0.0.0' to access the server from outside
+                hostname: '0.0.0.0'
+            },
+            livereload: {
+                options: {
+                    middleware: function(connect) {
+                        return [
+                            connect.static('.tmp'),
+                            connect().use('/bower_components', connect.static('./bower_components')),
+                            connect.static(config.app)
+                        ];
+                    }
+                }
+            },
+            test: {
+                options: {
+                    open: false,
+                    port: 9001,
+                    middleware: function(connect) {
+                        return [
+                            connect.static('.tmp'),
+                            connect.static('test'),
+                            connect().use('/bower_components', connect.static('./bower_components')),
+                            connect.static(config.app)
+                        ];
+                    }
+                }
+            },
+            dist: {
+                options: {
+                    base: '<%= config.dist %>',
+                    livereload: false
+                }
+            }
+        },
+
+        // Empties folders to start fresh
+        clean: {
+            dist: {
+                files: [{
+                    dot: true,
+                    src: [
+                        '.tmp',
+                        '<%= config.dist %>/*',
+                        '!<%= config.dist %>/.git*'
+                    ]
+                }]
+            },
+            server: '.tmp'
+        },
+
+        // Make sure code styles are up to par and there are no obvious mistakes
+        jshint: {
+            options: {
+                jshintrc: '.jshintrc',
+                reporter: require('jshint-stylish')
+            },
+            all: [
+                'Gruntfile.js',
+                '<%= config.app %>/scripts/{,*/}*.js',
+                '!<%= config.app %>/scripts/vendor/*',
+                'test/spec/{,*/}*.js'
+            ]
+        },
+
+        // Mocha testing framework configuration options
+        mocha: {
+            all: {
+                options: {
+                    run: true,
+                    urls: ['http://<%= connect.options.hostname %>:<%= connect.test.options.port %>/index.html']
+                }
+            }
+        },
+
+        // Compiles Sass to CSS and generates necessary files if requested
+        sass: {
+            options: {
+                loadPath: [
+                    'bower_components/bourbon/dist/',
+                    'bower_components/neat/app/assets/stylesheets/'
+                ]
+            },
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/sass',
+                    src: ['*.scss'],
+                    dest: '.tmp/styles',
+                    ext: '.css'
+                }]
+            },
+            server: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/sass',
+                    src: ['*.scss'],
+                    dest: '.tmp/styles',
+                    ext: '.css'
+                }]
+            }
+        },
+
+        // Add vendor prefixed styles
+        autoprefixer: {
+            options: {
+                browsers: ['last 2 versions']
+            },
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '.tmp/styles/',
+                    src: '{,*/}*.css',
+                    dest: '.tmp/styles/'
+                }]
+            }
+        },
+
+        // Automatically inject Bower components into the HTML file
+        bowerInstall: {
+            app: {
+                src: ['<%= config.app %>/templates/{,*/}*.html']
+            },
+            sass: {
+                src: ['<%= config.app %>/sass/{,*/}*.{scss,sass}']
+            }
+        },
+
+        // Renames files for browser caching purposes
+        rev: {
+            dist: {
+                files: {
+                    src: [
+                        '<%= config.dist %>/scripts/{,*/}*.js',
+                        '<%= config.dist %>/styles/{,*/}*.css',
+                        '<%= config.dist %>/images/{,*/}*.*',
+                        '<%= config.dist %>/styles/fonts/{,*/}*.*',
+                        '<%= config.dist %>/*.{ico,png}'
+                    ]
+                }
+            }
+        },
+
+        // Reads HTML for usemin blocks to enable smart builds that automatically
+        // concat, minify and revision files. Creates configurations in memory so
+        // additional tasks can operate on them
+        useminPrepare: {
+            options: {
+                dest: '<%= config.dist %>'
+            },
+            html: '<%= config.app %>/templates/pages/*.html'
+        },
+
+        // Performs rewrites based on rev and the useminPrepare configuration
+        usemin: {
+            options: {
+                assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images']
+            },
+            html: ['<%= config.dist %>/{,*/}*.html'],
+            css: ['<%= config.dist %>/styles/{,*/}*.css']
+        },
+
+        // The following *-min tasks produce minified files in the dist folder
+        imagemin: {
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/images',
+                    src: '{,*/}*.{gif,jpeg,jpg,png}',
+                    dest: '<%= config.dist %>/images'
+                }]
+            }
+        },
+
+        svgmin: {
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/images',
+                    src: '{,*/}*.svg',
+                    dest: '<%= config.dist %>/images'
+                }]
+            }
+        },
+
+        htmlmin: {
+            dist: {
+                options: {
+                    collapseBooleanAttributes: true,
+                    collapseWhitespace: true,
+                    removeAttributeQuotes: true,
+                    removeCommentsFromCDATA: true,
+                    removeEmptyAttributes: true,
+                    removeOptionalTags: true,
+                    removeRedundantAttributes: true,
+                    useShortDoctype: true
+                },
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.dist %>',
+                    src: '{,*/}*.html',
+                    dest: '<%= config.dist %>'
+                }]
+            }
+        },
+
+        // By default, your `index.html`'s <!-- Usemin block --> will take care of
+        // minification. These next options are pre-configured if you do not wish
+        // to use the Usemin blocks.
+        // cssmin: {
+        //     dist: {
+        //         files: {
+        //             '<%= config.dist %>/styles/main.css': [
+        //                 '.tmp/styles/{,*/}*.css',
+        //                 '<%= config.app %>/styles/{,*/}*.css'
+        //             ]
+        //         }
+        //     }
+        // },
+        // uglify: {
+        //     dist: {
+        //         files: {
+        //             '<%= config.dist %>/scripts/scripts.js': [
+        //                 '<%= config.dist %>/scripts/scripts.js'
+        //             ]
+        //         }
+        //     }
+        // },
+        // concat: {
+        //     dist: {}
+        // },
+
+        // Copies remaining files to places other tasks can use
+        copy: {
+            dist: {
+                files: [{
+                    expand: true,
+                    dot: true,
+                    cwd: '<%= config.app %>',
+                    dest: '<%= config.dist %>',
+                    src: [
+                        '*.{ico,png,txt}',
+                        '.htaccess',
+                        'images/{,*/}*.webp',
+                        '{,*/}*.html',
+                        'styles/fonts/{,*/}*.*'
+                    ]
+                }]
+            },
+            styles: {
+                expand: true,
+                dot: true,
+                cwd: '<%= config.app %>/styles',
+                dest: '.tmp/styles/',
+                src: '{,*/}*.css'
+            }
+        },
+
+        // Generates a custom Modernizr build that includes only the tests you
+        // reference in your app
+        modernizr: {
+            dist: {
+                devFile: 'bower_components/modernizr/modernizr.js',
+                outputFile: '<%= config.dist %>/scripts/vendor/modernizr.js',
+                files: {
+                    src: [
+                        '<%= config.dist %>/scripts/{,*/}*.js',
+                        '<%= config.dist %>/styles/{,*/}*.css',
+                        '!<%= config.dist %>/scripts/vendor/*'
+                    ]
+                },
+                uglify: true
+            }
+        },
+
+        // Run some tasks in parallel to speed up build process
+        concurrent: {
+            server: [
+                'sass:server',
+                'copy:styles'
+            ],
+            test: [
+                'copy:styles'
+            ],
+            dist: [
+                'sass',
+                'copy:styles',
+                'imagemin',
+                'svgmin'
+            ]
+        },
+
+        includes: {
+          files: {
+            src: ['templates/index.html', 'templates/pages/**/*.html'], // Source files
+            dest: 'app/', // Destination directory
+            cwd: 'app',
+            flatten: true,
+            options: {
+                includePath: 'app/templates/includes/'
+            }
+          }
+        }
+
+    });
+
+
+    grunt.registerTask('serve', function (target) {
+        if (target === 'dist') {
+            return grunt.task.run(['build', 'connect:dist:keepalive']);
+        }
+
+        grunt.task.run([
+            'clean:server',
+            'concurrent:server',
+            'autoprefixer',
+            'connect:livereload',
+            'watch'
+        ]);
+    });
+
+    grunt.registerTask('server', function (target) {
+        grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
+        grunt.task.run([target ? ('serve:' + target) : 'serve']);
+    });
+
+    grunt.registerTask('test', function (target) {
+        if (target !== 'watch') {
+            grunt.task.run([
+                'clean:server',
+                'concurrent:test',
+                'autoprefixer'
+            ]);
+        }
+
+        grunt.task.run([
+            'connect:test',
+            'mocha'
+        ]);
+    });
+
+    grunt.registerTask('build', [
+        'clean:dist',
+        'useminPrepare',
+        'concurrent:dist',
+        'autoprefixer',
+        'concat',
+        'cssmin',
+        'uglify',
+        'includes',
+        'copy:dist',
+        'modernizr',
+        'rev',
+        'usemin',
+        'htmlmin'
+    ]);
+
+    grunt.registerTask('default', [
+        'newer:jshint',
+        'test',
+        'build'
+    ]);
+};
diff --git a/app/.htaccess b/app/.htaccess
new file mode 100644
index 0000000..917f30c
--- /dev/null
+++ b/app/.htaccess
@@ -0,0 +1,665 @@
+# Apache Server Configs v2.3.0 | MIT License
+# https://github.com/h5bp/server-configs-apache
+
+# (!) Using `.htaccess` files slows down Apache, therefore, if you have access
+# to the main server config file (usually called `httpd.conf`), you should add
+# this logic there: http://httpd.apache.org/docs/current/howto/htaccess.html.
+
+# ##############################################################################
+# # CROSS-ORIGIN RESOURCE SHARING (CORS)                                       #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Cross-domain AJAX requests                                                 |
+# ------------------------------------------------------------------------------
+
+# Allow cross-origin AJAX requests.
+# http://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
+# http://enable-cors.org/
+
+# <IfModule mod_headers.c>
+#    Header set Access-Control-Allow-Origin "*"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | CORS-enabled images                                                        |
+# ------------------------------------------------------------------------------
+
+# Send the CORS header for images when browsers request it.
+# https://developer.mozilla.org/en-US/docs/HTML/CORS_Enabled_Image
+# http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
+# http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
+
+<IfModule mod_setenvif.c>
+    <IfModule mod_headers.c>
+        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
+            SetEnvIf Origin ":" IS_CORS
+            Header set Access-Control-Allow-Origin "*" env=IS_CORS
+        </FilesMatch>
+    </IfModule>
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Web fonts access                                                           |
+# ------------------------------------------------------------------------------
+
+# Allow access to web fonts from all domains.
+
+<IfModule mod_headers.c>
+    <FilesMatch "\.(eot|otf|tt[cf]|woff)$">
+        Header set Access-Control-Allow-Origin "*"
+    </FilesMatch>
+</IfModule>
+
+
+# ##############################################################################
+# # ERRORS                                                                     #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | 404 error prevention for non-existing redirected folders                   |
+# ------------------------------------------------------------------------------
+
+# Prevent Apache from returning a 404 error as the result of a rewrite
+# when the directory with the same name does not exist.
+# http://httpd.apache.org/docs/current/content-negotiation.html#multiviews
+# http://www.webmasterworld.com/apache/3808792.htm
+
+Options -MultiViews
+
+# ------------------------------------------------------------------------------
+# | Custom error messages / pages                                              |
+# ------------------------------------------------------------------------------
+
+# Customize what Apache returns to the client in case of an error.
+# http://httpd.apache.org/docs/current/mod/core.html#errordocument
+
+ErrorDocument 404 /404.html
+
+
+# ##############################################################################
+# # INTERNET EXPLORER                                                          #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Better website experience                                                  |
+# ------------------------------------------------------------------------------
+
+# Force Internet Explorer to render pages in the highest available mode
+# in the various cases when it may not.
+# http://hsivonen.iki.fi/doctype/ie-mode.pdf
+
+<IfModule mod_headers.c>
+    Header set X-UA-Compatible "IE=edge"
+    # `mod_headers` cannot match based on the content-type, however, this
+    # header should be send only for HTML pages and not for the other resources
+    <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+        Header unset X-UA-Compatible
+    </FilesMatch>
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Cookie setting from iframes                                                |
+# ------------------------------------------------------------------------------
+
+# Allow cookies to be set from iframes in Internet Explorer.
+# http://msdn.microsoft.com/en-us/library/ms537343.aspx
+# http://www.w3.org/TR/2000/CR-P3P-20001215/
+
+# <IfModule mod_headers.c>
+#   Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
+# </IfModule>
+
+
+# ##############################################################################
+# # MIME TYPES AND ENCODING                                                    #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Proper MIME types for all files                                            |
+# ------------------------------------------------------------------------------
+
+<IfModule mod_mime.c>
+
+  # Audio
+    AddType audio/mp4                                   m4a f4a f4b
+    AddType audio/ogg                                   oga ogg opus
+
+  # Data interchange
+    AddType application/json                            json map
+    AddType application/ld+json                         jsonld
+
+  # JavaScript
+    # Normalize to standard type.
+    # http://tools.ietf.org/html/rfc4329#section-7.2
+    AddType application/javascript                      js
+
+  # Video
+    AddType video/mp4                                   f4v f4p m4v mp4
+    AddType video/ogg                                   ogv
+    AddType video/webm                                  webm
+    AddType video/x-flv                                 flv
+
+  # Web fonts
+    AddType application/font-woff                       woff
+    AddType application/vnd.ms-fontobject               eot
+
+    # Browsers usually ignore the font MIME types and simply sniff the bytes
+    # to figure out the font type.
+    # http://mimesniff.spec.whatwg.org/#matching-a-font-type-pattern
+
+    # Chrome however, shows a warning if any other MIME types are used for
+    # the following fonts.
+
+    AddType application/x-font-ttf                      ttc ttf
+    AddType font/opentype                               otf
+
+    # Make SVGZ fonts work on the iPad.
+    # https://twitter.com/FontSquirrel/status/14855840545
+    AddType     image/svg+xml                           svgz
+    AddEncoding gzip                                    svgz
+
+  # Other
+    AddType application/octet-stream                    safariextz
+    AddType application/x-chrome-extension              crx
+    AddType application/x-opera-extension               oex
+    AddType application/x-web-app-manifest+json         webapp
+    AddType application/x-xpinstall                     xpi
+    AddType application/xml                             atom rdf rss xml
+    AddType image/webp                                  webp
+    AddType image/x-icon                                cur
+    AddType text/cache-manifest                         appcache manifest
+    AddType text/vtt                                    vtt
+    AddType text/x-component                            htc
+    AddType text/x-vcard                                vcf
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | UTF-8 encoding                                                             |
+# ------------------------------------------------------------------------------
+
+# Use UTF-8 encoding for anything served as `text/html` or `text/plain`.
+AddDefaultCharset utf-8
+
+# Force UTF-8 for certain file formats.
+<IfModule mod_mime.c>
+    AddCharset utf-8 .atom .css .js .json .jsonld .rss .vtt .webapp .xml
+</IfModule>
+
+
+# ##############################################################################
+# # URL REWRITES                                                               #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Rewrite engine                                                             |
+# ------------------------------------------------------------------------------
+
+# Turn on the rewrite engine and enable the `FollowSymLinks` option (this is
+# necessary in order for the following directives to work).
+
+# If your web host doesn't allow the `FollowSymlinks` option, you may need to
+# comment it out and use `Options +SymLinksIfOwnerMatch`, but be aware of the
+# performance impact.
+# http://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks
+
+# Also, some cloud hosting services require `RewriteBase` to be set.
+# http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-mod-rewrite-not-working-on-my-site
+
+<IfModule mod_rewrite.c>
+    Options +FollowSymlinks
+  # Options +SymLinksIfOwnerMatch
+    RewriteEngine On
+  # RewriteBase /
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Suppressing / Forcing the `www.` at the beginning of URLs                  |
+# ------------------------------------------------------------------------------
+
+# The same content should never be available under two different URLs,
+# especially not with and without `www.` at the beginning. This can cause
+# SEO problems (duplicate content), and therefore, you should choose one
+# of the alternatives and redirect the other one.
+
+# By default `Option 1` (no `www.`) is activated.
+# http://no-www.org/faq.php?q=class_b
+
+# If you would prefer to use `Option 2`, just comment out all the lines
+# from `Option 1` and uncomment the ones from `Option 2`.
+
+# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Option 1: rewrite www.example.com → example.com
+
+<IfModule mod_rewrite.c>
+    RewriteCond %{HTTPS} !=on
+    RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+    RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Option 2: rewrite example.com → www.example.com
+
+# Be aware that the following might not be a good idea if you use "real"
+# subdomains for certain parts of your website.
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{HTTPS} !=on
+#    RewriteCond %{HTTP_HOST} !^www\. [NC]
+#    RewriteCond %{SERVER_ADDR} !=127.0.0.1
+#    RewriteCond %{SERVER_ADDR} !=::1
+#    RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
+# </IfModule>
+
+
+# ##############################################################################
+# # SECURITY                                                                   #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Clickjacking                                                               |
+# ------------------------------------------------------------------------------
+
+# Protect website against clickjacking.
+
+# The example below sends the `X-Frame-Options` response header with the value
+# `DENY`, informing browsers not to display the web page content in any frame.
+
+# This might not be the best setting for everyone. You should read about the
+# other two possible values for `X-Frame-Options`: `SAMEORIGIN` & `ALLOW-FROM`.
+# http://tools.ietf.org/html/rfc7034#section-2.1
+
+# Keep in mind that while you could send the `X-Frame-Options` header for all
+# of your site’s pages, this has the potential downside that it forbids even
+# non-malicious framing of your content (e.g.: when users visit your site using
+# a Google Image Search results page).
+
+# Nonetheless, you should ensure that you send the `X-Frame-Options` header for
+# all pages that allow a user to make a state changing operation (e.g: pages
+# that contain one-click purchase links, checkout or bank-transfer confirmation
+# pages, pages that make permanent configuration changes, etc.).
+
+# Sending the `X-Frame-Options` header can also protect your website against
+# more than just clickjacking attacks: https://cure53.de/xfo-clickjacking.pdf.
+
+# http://tools.ietf.org/html/rfc7034
+# http://blogs.msdn.com/b/ieinternals/archive/2010/03/30/combating-clickjacking-with-x-frame-options.aspx
+# https://www.owasp.org/index.php/Clickjacking
+
+# <IfModule mod_headers.c>
+#     Header set X-Frame-Options "DENY"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset X-Frame-Options
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Content Security Policy (CSP)                                              |
+# ------------------------------------------------------------------------------
+
+# Mitigate the risk of cross-site scripting and other content-injection attacks.
+
+# This can be done by setting a `Content Security Policy` which whitelists
+# trusted sources of content for your website.
+
+# The example header below allows ONLY scripts that are loaded from the current
+# site's origin (no inline scripts, no CDN, etc). This almost certainly won't
+# work as-is for your site!
+
+# For more details on how to craft a reasonable policy for your site, read:
+# http://html5rocks.com/en/tutorials/security/content-security-policy (or the
+# specification: http://w3.org/TR/CSP). Also, to make things easier, you can
+# use an online CSP header generator such as: http://cspisawesome.com/.
+
+# <IfModule mod_headers.c>
+#     Header set Content-Security-Policy "script-src 'self'; object-src 'self'"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset Content-Security-Policy
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | File access                                                                |
+# ------------------------------------------------------------------------------
+
+# Block access to directories without a default document.
+# You should leave the following uncommented, as you shouldn't allow anyone to
+# surf through every directory on your server (which may includes rather private
+# places such as the CMS's directories).
+
+<IfModule mod_autoindex.c>
+    Options -Indexes
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Block access to hidden files and directories.
+# This includes directories used by version control systems such as Git and SVN.
+
+<IfModule mod_rewrite.c>
+    RewriteCond %{SCRIPT_FILENAME} -d [OR]
+    RewriteCond %{SCRIPT_FILENAME} -f
+    RewriteRule "(^|/)\." - [F]
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Block access to files that can expose sensitive information.
+
+# By default, block access to backup and source files that may be left by some
+# text editors and can pose a security risk when anyone has access to them.
+# http://feross.org/cmsploit/
+
+# IMPORTANT: Update the `<FilesMatch>` regular expression from below to include
+# any files that might end up on your production server and can expose sensitive
+# information about your website. These files may include: configuration files,
+# files that contain metadata about the project (e.g.: project dependencies),
+# build scripts, etc..
+
+<FilesMatch "(^#.*#|\.(bak|config|dist|fla|in[ci]|log|psd|sh|sql|sw[op])|~)$">
+
+    # Apache < 2.3
+    <IfModule !mod_authz_core.c>
+        Order allow,deny
+        Deny from all
+        Satisfy All
+    </IfModule>
+
+    # Apache ≥ 2.3
+    <IfModule mod_authz_core.c>
+        Require all denied
+    </IfModule>
+
+</FilesMatch>
+
+# ------------------------------------------------------------------------------
+# | Reducing MIME type security risks                                          |
+# ------------------------------------------------------------------------------
+
+# Prevent some browsers from MIME-sniffing the response.
+
+# This reduces exposure to drive-by download attacks and cross-origin data
+# leaks, and should be left uncommented, especially if the web server is
+# serving user-uploaded content or content that could potentially be treated
+# as executable by the browser.
+
+# http://www.slideshare.net/hasegawayosuke/owasp-hasegawa
+# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-v-comprehensive-protection.aspx
+# http://msdn.microsoft.com/en-us/library/ie/gg622941.aspx
+# http://mimesniff.spec.whatwg.org/
+
+<IfModule mod_headers.c>
+    Header set X-Content-Type-Options "nosniff"
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Reflected Cross-Site Scripting (XSS) attacks                               |
+# ------------------------------------------------------------------------------
+
+# (1) Try to re-enable the Cross-Site Scripting (XSS) filter built into the
+#     most recent web browsers.
+#
+#     The filter is usually enabled by default, but in some cases it may be
+#     disabled by the user. However, in Internet Explorer for example, it can
+#     be re-enabled just by sending the `X-XSS-Protection` header with the
+#     value of `1`.
+#
+# (2) Prevent web browsers from rendering the web page if a potential reflected
+#     (a.k.a non-persistent) XSS attack is detected by the filter.
+#
+#     By default, if the filter is enabled and browsers detect a reflected
+#     XSS attack, they will attempt to block the attack by making the smallest
+#     possible modifications to the returned web page.
+#
+#     Unfortunately, in some browsers (e.g.: Internet Explorer), this default
+#     behavior may allow the XSS filter to be exploited, thereby, it's better
+#     to tell browsers to prevent the rendering of the page altogether, instead
+#     of attempting to modify it.
+#
+#     http://hackademix.net/2009/11/21/ies-xss-filter-creates-xss-vulnerabilities
+#
+# IMPORTANT: Do not rely on the XSS filter to prevent XSS attacks! Ensure that
+# you are taking all possible measures to prevent XSS attacks, the most obvious
+# being: validating and sanitizing your site's inputs.
+#
+# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-iv-the-xss-filter.aspx
+# http://blogs.msdn.com/b/ieinternals/archive/2011/01/31/controlling-the-internet-explorer-xss-filter-with-the-x-xss-protection-http-header.aspx
+# https://www.owasp.org/index.php/Cross-site_Scripting_%28XSS%29
+
+# <IfModule mod_headers.c>
+#     #                           (1)    (2)
+#     Header set X-XSS-Protection "1; mode=block"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset X-XSS-Protection
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Secure Sockets Layer (SSL)                                                 |
+# ------------------------------------------------------------------------------
+
+# Rewrite secure requests properly in order to prevent SSL certificate warnings.
+# E.g.: prevent `https://www.example.com` when your certificate only allows
+# `https://secure.example.com`.
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{SERVER_PORT} !^443
+#    RewriteRule ^ https://example-domain-please-change-me.com%{REQUEST_URI} [R=301,L]
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | HTTP Strict Transport Security (HSTS)                                      |
+# ------------------------------------------------------------------------------
+
+# Force client-side SSL redirection.
+
+# If a user types `example.com` in his browser, the above rule will redirect
+# him to the secure version of the site. That still leaves a window of
+# opportunity (the initial HTTP connection) for an attacker to downgrade or
+# redirect the request.
+
+# The following header ensures that browser will ONLY connect to your server
+# via HTTPS, regardless of what the users type in the address bar.
+
+# http://tools.ietf.org/html/draft-ietf-websec-strict-transport-sec-14#section-6.1
+# http://www.html5rocks.com/en/tutorials/security/transport-layer-security/
+
+# IMPORTANT: Remove the `includeSubDomains` optional directive if the subdomains
+# are not using HTTPS.
+
+# <IfModule mod_headers.c>
+#    Header set Strict-Transport-Security "max-age=16070400; includeSubDomains"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Server software information                                                |
+# ------------------------------------------------------------------------------
+
+# Avoid displaying the exact Apache version number, the description of the
+# generic OS-type and the information about Apache's compiled-in modules.
+
+# ADD THIS DIRECTIVE IN THE `httpd.conf` AS IT WILL NOT WORK IN THE `.htaccess`!
+
+# ServerTokens Prod
+
+
+# ##############################################################################
+# # WEB PERFORMANCE                                                            #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Compression                                                                |
+# ------------------------------------------------------------------------------
+
+<IfModule mod_deflate.c>
+
+    # Force compression for mangled headers.
+    # http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
+    <IfModule mod_setenvif.c>
+        <IfModule mod_headers.c>
+            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
+            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
+        </IfModule>
+    </IfModule>
+
+    # Compress all output labeled with one of the following MIME-types
+    # (for Apache versions below 2.3.7, you don't need to enable `mod_filter`
+    #  and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines
+    #  as `AddOutputFilterByType` is still in the core directives).
+    <IfModule mod_filter.c>
+        AddOutputFilterByType DEFLATE application/atom+xml \
+                                      application/javascript \
+                                      application/json \
+                                      application/ld+json \
+                                      application/rss+xml \
+                                      application/vnd.ms-fontobject \
+                                      application/x-font-ttf \
+                                      application/x-web-app-manifest+json \
+                                      application/xhtml+xml \
+                                      application/xml \
+                                      font/opentype \
+                                      image/svg+xml \
+                                      image/x-icon \
+                                      text/css \
+                                      text/html \
+                                      text/plain \
+                                      text/x-component \
+                                      text/xml
+    </IfModule>
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Content transformations                                                    |
+# ------------------------------------------------------------------------------
+
+# Prevent mobile network providers from modifying the website's content.
+# http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9.5.
+
+# <IfModule mod_headers.c>
+#    Header set Cache-Control "no-transform"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | ETags                                                                      |
+# ------------------------------------------------------------------------------
+
+# Remove `ETags` as resources are sent with far-future expires headers.
+# http://developer.yahoo.com/performance/rules.html#etags.
+
+# `FileETag None` doesn't work in all cases.
+<IfModule mod_headers.c>
+    Header unset ETag
+</IfModule>
+
+FileETag None
+
+# ------------------------------------------------------------------------------
+# | Expires headers                                                            |
+# ------------------------------------------------------------------------------
+
+# The following expires headers are set pretty far in the future. If you
+# don't control versioning with filename-based cache busting, consider
+# lowering the cache time for resources such as style sheets and JavaScript
+# files to something like one week.
+
+<IfModule mod_expires.c>
+
+    ExpiresActive on
+    ExpiresDefault                                      "access plus 1 month"
+
+  # CSS
+    ExpiresByType text/css                              "access plus 1 year"
+
+  # Data interchange
+    ExpiresByType application/json                      "access plus 0 seconds"
+    ExpiresByType application/ld+json                   "access plus 0 seconds"
+    ExpiresByType application/xml                       "access plus 0 seconds"
+    ExpiresByType text/xml                              "access plus 0 seconds"
+
+  # Favicon (cannot be renamed!) and cursor images
+    ExpiresByType image/x-icon                          "access plus 1 week"
+
+  # HTML components (HTCs)
+    ExpiresByType text/x-component                      "access plus 1 month"
+
+  # HTML
+    ExpiresByType text/html                             "access plus 0 seconds"
+
+  # JavaScript
+    ExpiresByType application/javascript                "access plus 1 year"
+
+  # Manifest files
+    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
+    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
+
+  # Media
+    ExpiresByType audio/ogg                             "access plus 1 month"
+    ExpiresByType image/gif                             "access plus 1 month"
+    ExpiresByType image/jpeg                            "access plus 1 month"
+    ExpiresByType image/png                             "access plus 1 month"
+    ExpiresByType video/mp4                             "access plus 1 month"
+    ExpiresByType video/ogg                             "access plus 1 month"
+    ExpiresByType video/webm                            "access plus 1 month"
+
+  # Web feeds
+    ExpiresByType application/atom+xml                  "access plus 1 hour"
+    ExpiresByType application/rss+xml                   "access plus 1 hour"
+
+  # Web fonts
+    ExpiresByType application/font-woff                 "access plus 1 month"
+    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
+    ExpiresByType application/x-font-ttf                "access plus 1 month"
+    ExpiresByType font/opentype                         "access plus 1 month"
+    ExpiresByType image/svg+xml                         "access plus 1 month"
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Filename-based cache busting                                               |
+# ------------------------------------------------------------------------------
+
+# If you're not using a build process to manage your filename version revving,
+# you might want to consider enabling the following directives to route all
+# requests such as `/css/style.12345.css` to `/css/style.css`.
+
+# To understand why this is important and a better idea than `*.css?v231`, read:
+# http://stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{REQUEST_FILENAME} !-f
+#    RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpe?g|gif)$ $1.$3 [L]
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | File concatenation                                                         |
+# ------------------------------------------------------------------------------
+
+# Allow concatenation from within specific style sheets and JavaScript files.
+
+# e.g.:
+#
+#   If you have the following content in a file
+#
+#       <!--#include file="libs/jquery.js" -->
+#       <!--#include file="plugins/jquery.timer.js" -->
+#
+#   Apache will replace it with the content from the specified files.
+
+# <IfModule mod_include.c>
+#    <FilesMatch "\.combined\.js$">
+#        Options +Includes
+#        AddOutputFilterByType INCLUDES application/javascript application/json
+#        SetOutputFilter INCLUDES
+#    </FilesMatch>
+#    <FilesMatch "\.combined\.css$">
+#        Options +Includes
+#        AddOutputFilterByType INCLUDES text/css
+#        SetOutputFilter INCLUDES
+#    </FilesMatch>
+# </IfModule>
diff --git a/app/404.html b/app/404.html
new file mode 100644
index 0000000..2743842
--- /dev/null
+++ b/app/404.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Page Not Found :(</title>
+        <style>
+            ::-moz-selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+
+            ::selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+
+            html {
+                padding: 30px 10px;
+                font-size: 20px;
+                line-height: 1.4;
+                color: #737373;
+                background: #f0f0f0;
+                -webkit-text-size-adjust: 100%;
+                -ms-text-size-adjust: 100%;
+            }
+
+            html,
+            input {
+                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            }
+
+            body {
+                max-width: 500px;
+                _width: 500px;
+                padding: 30px 20px 50px;
+                border: 1px solid #b3b3b3;
+                border-radius: 4px;
+                margin: 0 auto;
+                box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
+                background: #fcfcfc;
+            }
+
+            h1 {
+                margin: 0 10px;
+                font-size: 50px;
+                text-align: center;
+            }
+
+            h1 span {
+                color: #bbb;
+            }
+
+            h3 {
+                margin: 1.5em 0 0.5em;
+            }
+
+            p {
+                margin: 1em 0;
+            }
+
+            ul {
+                padding: 0 0 0 40px;
+                margin: 1em 0;
+            }
+
+            .container {
+                max-width: 380px;
+                _width: 380px;
+                margin: 0 auto;
+            }
+
+            /* google search */
+
+            #goog-fixurl ul {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+            }
+
+            #goog-fixurl form {
+                margin: 0;
+            }
+
+            #goog-wm-qt,
+            #goog-wm-sb {
+                border: 1px solid #bbb;
+                font-size: 16px;
+                line-height: normal;
+                vertical-align: top;
+                color: #444;
+                border-radius: 2px;
+            }
+
+            #goog-wm-qt {
+                width: 220px;
+                height: 20px;
+                padding: 5px;
+                margin: 5px 10px 0 0;
+                box-shadow: inset 0 1px 1px #ccc;
+            }
+
+            #goog-wm-sb {
+                display: inline-block;
+                height: 32px;
+                padding: 0 10px;
+                margin: 5px 0 0;
+                white-space: nowrap;
+                cursor: pointer;
+                background-color: #f5f5f5;
+                background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                -webkit-appearance: none;
+                -moz-appearance: none;
+                appearance: none;
+                *overflow: visible;
+                *display: inline;
+                *zoom: 1;
+            }
+
+            #goog-wm-sb:hover,
+            #goog-wm-sb:focus {
+                border-color: #aaa;
+                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+                background-color: #f8f8f8;
+            }
+
+            #goog-wm-qt:hover,
+            #goog-wm-qt:focus {
+                border-color: #105cb6;
+                outline: 0;
+                color: #222;
+            }
+
+            input::-moz-focus-inner {
+                padding: 0;
+                border: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <h1>Not found <span>:(</span></h1>
+            <p>Sorry, but the page you were trying to view does not exist.</p>
+            <p>It looks like this was the result of either:</p>
+            <ul>
+                <li>a mistyped address</li>
+                <li>an out-of-date link</li>
+            </ul>
+            <script>
+                var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
+            </script>
+            <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+        </div>
+    </body>
+</html>
diff --git a/app/art.html b/app/art.html
new file mode 100644
index 0000000..eba0d0a
--- /dev/null
+++ b/app/art.html
@@ -0,0 +1,351 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
+<!--[if gt IE 9]>      <html class="no-js" lang="en"> <![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Pokécharms</title>
+        <meta name="author" content="Peter Hicks">
+        <meta name="description" content="Your source for Pokémon fanworks">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600italic,600,700,700italic,900,300italic,300,200italic,200' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../../../bower_components/normalize-css/normalize.css" />
+        <link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.css" />
+        <link rel="stylesheet" href="../../../bower_components/animate.css/animate.css" />
+        <link rel="stylesheet" href="../../../bower_components/slick.js/slick/slick.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+        <!-- build:js scripts/vendor/modernizr.js -->
+        <script src="../bower_components/modernizr/modernizr.js"></script>
+        <!-- endbuild -->
+
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+<div class="mobile-menu-bar">
+    <button type="button" class="js-menu-trigger sliding-menu-button">
+        <i class="fa fa-bars"></i> Menu
+    </button>
+    <div class="logo">The Widget Shop</div>
+</div>
+
+<nav class="navigation js-menu sliding-menu-content">
+    <div class="nav nav-public">
+        <li class="nav-item nav-item-public logo">
+            <span class="title">The Widget Shop</span>
+        </li>
+        <li class="nav-item nav-item-public active">
+            <span class="title">Creative Corner</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Trainer Card Maker</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Cryptidex</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Forums</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Chat</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Members</span>
+        </li>
+    </div>
+    <div class="nav nav-user">
+        <li class="nav-item nav-item-user nav-item-username">
+            <i class="fa fa-user"></i>
+            <span class="title">Peter Hicks</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-alerts">
+            <i class="fa fa-shopping-cart"></i>
+            <span class="title">Basket</span>
+            <span class="count">1</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-search">
+            <input type="search" placeholder="Search...">
+        </li>
+    </div>
+</nav>
+
+        <main class="container">
+            <article class="content">
+                <div class="notice">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente sed maxime non architecto, reiciendis ullam. Dolorum vitae dicta dolor quasi porro quo aliquid, in, veniam officia accusantium atque. Laudantium, voluptates!
+                </div>
+                <div class="workHead">
+                    <img src="http://pokecharms.com/data/avatars/m/127/127900.jpg?1405511310" height="96" alt="JacyA">
+                    <h1>Diancie</h1>
+                    <h3>JacyA</h3>
+                    <p class="workSummary"></p>
+                </div>
+
+                <div class="work_image">
+                    <img src="http://pokecharms.com/data/attachment-files/2014/08/114286_diancie_blended.jpg" />
+                </div>
+
+                <blockquote class="messageText ugc baseHtml">
+                     Some of yous may have seen me playing with this pic for a while, and it was only yesterday that I have finally decided to finish it :^)<br>
+                     <br>
+                     Screw backgrounds, have diancie<br>
+                     Hope you guys like it
+                </blockquote>
+
+               <div class="likes_summary">
+               	<i class="fa fa-heart-empty"></i>
+                   You, <a href="#">Gordos</a>, <a href="#">Cironielian</a> and <a href="#">16 others</a> like this.
+               </div>
+
+                <section class="comments">
+                    <div class="comment-new">
+                        <textarea placeholder="Leave a comment..." class="comment-new-textarea"></textarea>
+                        <button class="comment-new-submit">Submit</button>
+                    </div>
+                    <div class="comment">
+                        <div class="image"><img src="http://pokecharms.com/data/avatars/s/17/17294.jpg?1378306707" alt="Demelza"/></div>
+                        <div class="body">
+                            <p>
+                                <b>Demelza</b> I remember you showing me this story awhile ago now, reading through it again I still really, really like it. Great writing, Stel. ^^
+                                <div class="message-elements">
+                                    <div class="public-controls">
+                                        <a href="#">
+                                            <i class="fa fa-pencil"></i>
+                                            <span>Edit</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-trash"></i>
+                                            <span>Delete</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-exclamation-circle"></i>
+                                            <span>Warn</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-bullhorn"></i>
+                                            <span>Report</span>
+                                        </a>
+                                    </div>
+                                    <div class="private-controls">
+                                        <a href="#">
+                                            <i class="fa fa-heart"></i>
+                                            <span>Unlike</span>
+                                        </a>
+                                    </div>
+                                </div>
+                            </p>
+                            <div class="comment">
+                                <div class="image"><img src="http://pokecharms.com/data/avatars/s/0/216.jpg?1378435713" alt="StellarWind Elsydeon"/></div>
+                                <div class="body">
+                                    <p>
+                                        <b>StellarWind Elsydeon</b> Thanks, Dem. ^^<br>
+                                        <br>
+                                        I gave it a bit more polish for the corner since last time I randomly threw the thing at you, as well. XD Figured I should get more writing on the corner, anyway. I'm running short of Pokémon pieces, though. ^^;
+                                    </p>
+                                    <div class="message-elements">
+                                        <div class="public-controls">
+                                            <a href="#">
+                                                <i class="fa fa-pencil"></i>
+                                                <span>Edit</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-trash"></i>
+                                                <span>Delete</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-exclamation-circle"></i>
+                                                <span>Warn</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-bullhorn"></i>
+                                                <span>Report</span>
+                                            </a>
+                                        </div>
+                                        <div class="private-controls">
+                                            <a href="#">
+                                                <i class="fa fa-heart-o"></i>
+                                                <span>Like</span>
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+            </article>
+            <aside class="secondary">
+                <div class="block more_works">
+                    <h3>More Works By <a href="#">JacyA</a></h3>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo hoverCharm">
+                                <div class="work-thumb-top">
+                                    <img src="http://pokecharms.com/data/attachment-files/2014/05/thumb/82985_OMEGLERUBY.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+
+                                    <div class="sidebarWorkDetails">
+                                        <div class="details">
+                                            <h5>Pokémon Omegle Ruby</h5>
+                                            <p class="sidebarWorkSummary"></p>
+                                            <span class="DateTime" title="May 9, 2014 at 5:51 PM">May 9, 2014</span>
+
+                                            <span class="likes-right">
+                                                <span><i class="fa fa-heart"></i> 11</span>
+                                                <span><i class="fa fa-comment"></i> 2</span>
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2014/02/thumb/56153_EnyaliHundun.jpg">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>Enyali Hundun VS Her Lusus</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span class="DateTime" title="Feb 21, 2014 at 5:51 PM">Feb 21, 2014</span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 2</span>
+                                            <span><i class="fa fa-comment"></i> 2</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-371" class="type-art">
+                        <a href="works/tribalesque-dragonair.371/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2013/11/thumb/23158_TribalDragonair.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>Tribalesque Dragonair</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span><span class="DateTime" title="Nov 7, 2013 at 3:59 PM">Nov 7, 2013</span></span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 6</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2013/11/thumb/23448_SoFeminine.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>The Most Feminine of Them All</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span class="DateTime" title="Nov 9, 2013 at 5:51 PM">Nov 9, 2013</span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 9</span>
+                                            <span><i class="fa fa-comment"></i> 2</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+
+                </div>
+                <div class="block work_statistics">
+                    <h3>Statistics</h3>
+                    <div class="pairs">
+                        <dl>
+                            <dt>Published:</dt>
+                            <dd><span class="DateTime" title="Sep 15, 2013 at 8:01 PM">Aug 5, 2014</span></dd>
+                        </dl>
+                        <dl>
+                            <dt>Author:</dt>
+                            <dd><a href="members/stellarwind-elsydeon.216/" class="username author" dir="auto">JacyA</a></dd>
+                        </dl>
+                        <dl>
+                            <dt>Views:</dt>
+                            <dd>230</dd>
+                        </dl>
+                        <dl>
+                            <dt>Likes:</dt>
+                            <dd>19</dd>
+                        </dl>
+
+                            <dl>
+                                <dt>Latest Comment:</dt>
+                                <dd><span class="DateTime" title="Sep 16, 2013 at 1:18 PM">Aug 18, 2014</span></dd>
+                            </dl>
+
+                    </div>
+                </div><!--
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> -->
+            </aside>
+          </main><!-- .container -->
+        <div class="footer">
+
+        </div><!-- .footer -->
+
+        <div class="js-menu-screen menu-screen"></div>
+
+        <!-- build:js scripts/vendor.js -->
+        <!-- bower:js -->
+        <script src="../../../bower_components/jquery/dist/jquery.js"></script>
+        <script src="../../../bower_components/modernizr/modernizr.js"></script>
+        <script src="../../../bower_components/slick.js/slick/slick.min.js"></script>
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:js scripts/offcanvas.js -->
+        <script src="../scripts/offcanvas.js"></script>
+        <!-- endbuild -->
+        <!-- build:js scripts/home.js -->
+        <script src="../scripts/home.js"></script>
+        <!-- endbuild -->
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..6527905
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/home.html b/app/home.html
new file mode 100644
index 0000000..f3ea2b6
--- /dev/null
+++ b/app/home.html
@@ -0,0 +1,185 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
+<!--[if gt IE 9]>      <html class="no-js" lang="en"> <![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Pokécharms</title>
+        <meta name="author" content="Peter Hicks">
+        <meta name="description" content="Your source for Pokémon fanworks">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600italic,600,700,700italic,900,300italic,300,200italic,200' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../../../bower_components/normalize-css/normalize.css" />
+        <link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.css" />
+        <link rel="stylesheet" href="../../../bower_components/animate.css/animate.css" />
+        <link rel="stylesheet" href="../../../bower_components/slick.js/slick/slick.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+        <!-- build:js scripts/vendor/modernizr.js -->
+        <script src="../bower_components/modernizr/modernizr.js"></script>
+        <!-- endbuild -->
+
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+<div class="mobile-menu-bar">
+    <button type="button" class="js-menu-trigger sliding-menu-button">
+        <i class="fa fa-bars"></i> Menu
+    </button>
+    <div class="logo">The Widget Shop</div>
+</div>
+
+<nav class="navigation js-menu sliding-menu-content">
+    <div class="nav nav-public">
+        <li class="nav-item nav-item-public logo">
+            <span class="title">The Widget Shop</span>
+        </li>
+        <li class="nav-item nav-item-public active">
+            <span class="title">Creative Corner</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Trainer Card Maker</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Cryptidex</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Forums</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Chat</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Members</span>
+        </li>
+    </div>
+    <div class="nav nav-user">
+        <li class="nav-item nav-item-user nav-item-username">
+            <i class="fa fa-user"></i>
+            <span class="title">Peter Hicks</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-alerts">
+            <i class="fa fa-shopping-cart"></i>
+            <span class="title">Basket</span>
+            <span class="count">1</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-search">
+            <input type="search" placeholder="Search...">
+        </li>
+    </div>
+</nav>
+
+        <main class="container">
+            <article class="content hero">
+                <div class="home-slider">
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2013/11/thumb/25138_Gen6Starters.png" />
+                    </div>
+                    <div class="slide">
+                        <h3>A Tale from Pinwheel Forest by StellarWind Elsydeon</h3>
+                        <p>A trainer reminisces about his first battle alongside one of his oldest friends. Originally a post from an RP that died before it even really had a chance to begin, I liked this particular story enough to keep it around in some form.</p>
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2013/11/thumb/26786_swwwwa.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2014/08/thumb/119614_Aegivoir.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2014/04/thumb/75105_Beast_Trio.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2014/04/thumb/76941_MEWTWO_2.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2014/08/thumb/116571_Mega_Evolution_-_Delphox.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2013/12/thumb/36794_vampuharuF01.png" />
+                    </div>
+                    <div class="slide">
+                        <img class="image" data-lazy="http://pokecharms.com/data/attachment-files/2014/08/thumb/120531_DIALG_Preview.png" />
+                    </div>
+                </div>
+
+                <section class="hero-main">
+                    <!-- <img src="http://www.pokecharms.com/images/Pokemon_X_Y/pokeacutemonamie1_zps2bedf3.png" alt="Welcome to Pokécharms" class="hero-left" /> -->
+                    <h1>Welcome to Pokécharms!</h1>
+                    <p class="hero-text">We're a community of creative Pokémon fans, artists, writers, and role-players. Our aim is to be the best place on the internet for Pokémon fan works and creative content.</p>
+
+                    <p>Join us today to connect, create, and share with 85,000 fellow trainers from around the world.</p>
+
+                    <button class="hero-button">Learn more...</button>
+                </section>
+
+<!--                 <section class="hero-block">
+                    <h2>Trainer Card Maker</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>
+                <section class="hero-block">
+                    <h2>Creative Corner</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>
+                <section class="hero-block">
+                    <h2>Forums</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>
+                <section class="hero-block">
+                    <h2>Cryptidex</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>
+                <section class="hero-block">
+                    <h2>Your Profile</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>
+                <section class="hero-block">
+                    <h2>Join Us Now!</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat.</p>
+                </section>   -->
+            </article>
+            <!-- <aside class="secondary">
+            </aside> -->
+          </main><!-- .container -->
+        <div class="footer">
+
+        </div><!-- .footer -->
+
+        <div class="js-menu-screen menu-screen"></div>
+
+        <!-- build:js scripts/vendor.js -->
+        <!-- bower:js -->
+        <script src="../../../bower_components/jquery/dist/jquery.js"></script>
+        <script src="../../../bower_components/modernizr/modernizr.js"></script>
+        <script src="../../../bower_components/slick.js/slick/slick.min.js"></script>
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:js scripts/offcanvas.js -->
+        <script src="../scripts/offcanvas.js"></script>
+        <!-- endbuild -->
+        <!-- build:js scripts/home.js -->
+        <script src="../scripts/home.js"></script>
+        <!-- endbuild -->
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
new file mode 100644
index 0000000..fe12932
--- /dev/null
+++ b/app/index.html
@@ -0,0 +1,196 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
+<!--[if gt IE 9]>      <html class="no-js" lang="en"> <![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Widget Shop</title>
+        <meta name="author" content="Peter Hicks">
+        <meta name="description" content="Your source for quality, home-made widgets.">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../../../bower_components/normalize-css/normalize.css" />
+        <link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.css" />
+        <link rel="stylesheet" href="../../../bower_components/animate.css/animate.css" />
+        <link rel="stylesheet" href="../../../bower_components/slick.js/slick/slick.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+        <!-- build:js scripts/vendor/modernizr.js -->
+        <script src="../bower_components/modernizr/modernizr.js"></script>
+        <!-- endbuild -->
+
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+<div class="mobile-menu-bar">
+    <button type="button" class="js-menu-trigger sliding-menu-button">
+        <i class="fa fa-bars"></i> Menu
+    </button>
+    <div class="logo">Widget Shop</div>
+</div>
+
+<nav class="navigation js-menu sliding-menu-content">
+    <div class="nav nav-public">
+        <a href="#">
+            <li class="nav-item nav-item-public logo">
+                <span class="title">Widget Shop</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public active">
+                <span class="title">Category 1</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 2</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 3</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 4</span>
+            </li>
+        </a>
+    </div>
+    <div class="nav nav-user">
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-username">
+                <i class="fa fa-user"></i>
+                <span class="title">Peter Hicks</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-alerts">
+                <i class="fa fa-shopping-cart"></i>
+                <span class="title">Basket</span>
+                <span class="count">1</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-search">
+                <input type="search" placeholder="Search...">
+            </li>
+        </a>
+    </div>
+</nav>
+
+<main class="container">
+	<div class="container-inner">
+		<section class="product-top">
+			<div class="product-top-inner">
+				<div class="product-hero-image">
+					<img src="http://placehold.it/550x450" alt="Product image">
+				</div>
+				<div class="product-hero-text">
+					<h1 class="title">Acme Corporation Finest Luxury Widget</h1>
+					<dl class="features">
+						<dt>Feature 1</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+						<dt>Feature 2</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+						<dt>Feature 3</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+					</dl>
+					<div class="price-container">
+						<div class="price">£29.99</div>
+						<div class="button">Buy Now</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<section class="product-description">
+			<div class="full-features">
+				<div class="full-feature left">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore iste illum repellat illo perferendis numquam quos odit architecto deserunt doloribus repellendus dicta, atque quia, quasi voluptatum! Dolorum sint voluptates, dignissimos?
+						</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores totam dignissimos voluptatibus maiores eos aliquid doloremque itaque quis porro, ipsum laudantium a praesentium voluptate error deserunt quia nesciunt numquam alias?</p>
+					</div>
+				</div>
+				<div class="full-feature right">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi dolorem eveniet vel odio, ut dolor quis expedita repellendus veniam, qui, ratione minus sint possimus dolorum culpa fugit corrupti maxime voluptatum.</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit impedit tempore itaque ullam fugit adipisci explicabo doloremque temporibus atque qui vitae beatae, consequuntur libero totam odit, reprehenderit reiciendis sed porro.</p>
+					</div>
+				</div>
+				<div class="full-feature left">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas deleniti, architecto at neque quia alias placeat, labore iste repudiandae deserunt, aliquid rem corporis, expedita officia! Veniam autem distinctio beatae repudiandae?</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo aut hic numquam cumque animi at consequuntur ex voluptas, totam iure tenetur ullam suscipit temporibus nemo cupiditate accusantium ducimus. Voluptates, fuga!</p>
+					</div>
+				</div>
+				<div class="full-feature right">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, eos veniam similique blanditiis laboriosam architecto nostrum itaque, illo sed quisquam voluptatem, dolor, aut debitis reiciendis provident nesciunt. Molestiae, at in.</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla perspiciatis ex officiis nemo ab, ipsa voluptatum expedita sint quibusdam odio, quasi quia. Quas molestiae necessitatibus facere qui recusandae perspiciatis, facilis.</p>
+					</div>
+				</div>
+			</div>
+		</section>
+	</div>
+	        <div class="footer">
+	            <div class="social">
+	                <div class="fa-facebook fa"></div>
+	                <div class="fa-twitter fa"></div>
+	                <div class="fa-youtube fa"></div>
+	            </div>
+	            (c) 2014 Peter Hicks - This page is designed as a demonstration of web technologies.
+	        </div><!-- .footer -->
+
+	        <div class="js-menu-screen menu-screen"></div>
+
+	        <!-- build:js scripts/vendor.js -->
+	        <!-- bower:js -->
+	        <script src="../../../bower_components/jquery/dist/jquery.js"></script>
+	        <script src="../../../bower_components/modernizr/modernizr.js"></script>
+	        <script src="../../../bower_components/slick.js/slick/slick.min.js"></script>
+	        <!-- endbower -->
+	        <!-- endbuild -->
+	        <!-- build:js scripts/offcanvas.js -->
+	        <script src="../scripts/offcanvas.js"></script>
+	        <!-- endbuild -->
+	        <!-- build:js scripts/home.js -->
+	        <script src="../scripts/home.js"></script>
+	        <!-- endbuild -->
+
+	        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+	        <script>
+	            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+	            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+	            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+	            e.src='//www.google-analytics.com/analytics.js';
+	            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+	            ga('create','UA-XXXXX-X');ga('send','pageview');
+	        </script>
+	    </body>
+	</html>
+</main><!-- .container -->
\ No newline at end of file
diff --git a/app/other.html b/app/other.html
new file mode 100644
index 0000000..5ee5d72
--- /dev/null
+++ b/app/other.html
@@ -0,0 +1,443 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
+<!--[if gt IE 9]>      <html class="no-js" lang="en"> <![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Pokécharms</title>
+        <meta name="author" content="Peter Hicks">
+        <meta name="description" content="Your source for Pokémon fanworks">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600italic,600,700,700italic,900,300italic,300,200italic,200' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../bower_components/normalize-css/normalize.css" />
+        <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
+        <link rel="stylesheet" href="../bower_components/animate.css/animate.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+        <!-- build:js scripts/vendor/modernizr.js -->
+        <script src="../bower_components/modernizr/modernizr.js"></script>
+        <!-- endbuild -->
+
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+<div class="mobile-menu-bar">
+    <div class="logo">Pokécharms</div>
+    <button type="button" class="js-menu-trigger sliding-menu-button">
+        <i class="fa fa-bars"></i> Menu
+    </button>
+</div>
+
+<nav class="navigation js-menu sliding-menu-content">
+    <div class="nav nav-public">
+        <li class="nav-item nav-item-public logo">
+            <span class="title">Pokécharms</span>
+        </li>
+        <li class="nav-item nav-item-public active">
+            <span class="title">Creative Corner</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Trainer Card Maker</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Cryptidex</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Forums</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Chat</span>
+        </li>
+        <li class="nav-item nav-item-public">
+            <span class="title">Members</span>
+        </li>
+    </div>
+    <div class="nav nav-user">
+        <li class="nav-item nav-item-user nav-item-username">
+            <i class="fa fa-user"></i>
+            <span class="title">Teapot</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-inbox">
+            <i class="fa fa-envelope"></i>
+            <span class="title">Inbox</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-alerts alert">
+            <i class="fa fa-bell animated swing"></i>
+            <span class="count">1</span>
+            <span class="title">Alert</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-reports">
+            <i class="fa fa-bullhorn"></i>
+            <span class="title">Reports</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-admin">
+            <i class="fa fa-wrench"></i>
+            <span class="title">Admin</span>
+        </li>
+        <li class="nav-item nav-item-user nav-item-search">
+            <input type="text" placeholder="Search Pokécharms...">
+            <!-- <span class="title">Search</span> -->
+        </li>
+    </div>
+</nav>
+
+        <main class="container">
+            <article class="content">
+                <div class="workHead">
+                    <img src="http://pokecharms.com/data/avatars/m/0/216.jpg?1378435713" width="96" height="96" alt="StellarWind Elsydeon">
+                    <h1>A Tale from Pinwheel Forest</h1>
+                    <h3>StellarWind Elsydeon</h3>
+                    <p class="workSummary">A trainer reminisces about his first battle alongside one of his oldest friends. Originally a post from an RP that died before it even really had a chance to begin, I liked this particular story enough to keep it around in some form.</p>
+                </div>
+
+                <blockquote class="messageText ugc baseHtml">
+                    "... Well, like I said, Leavanny and I go way back." the trainer nodded as he begun his tale "I first met her when I was a kid and she was still a Sewaddle. I was taking a walk in the forest - as I usually did at the time - and she just randomly walked up to me. I guess she was curious about the strange new creature. I said hello, but she just jumped off back into the trees. I kept on walking - but I couldn't help noticing that she was following me around for a while, staying just barely out of sight... Or trying to, anyway. The next time we met face to face, I offered her this berry I picked - and over time we pretty much just hung out together.<br>
+                    <br>
+                    And then one day..."<br>
+                    <br>
+                    <div style="text-align: center">~*~​</div><br>
+                    "Hey, wait up, Sewaddle!" the child laughed as he chased the small Bug/Grass-Type along the forest path, illuminated by the specks of sunlight that filtered through the leaves. It was summer - but here in the shade of the trees it was never too hot and the play of light and shadow was always a wonderful background for adventure.<br>
+                    <br>
+                    They were playing another one of their games. The grownups would probably think of it as some form of Hide and Seek - but in the child's mind, he was a Sylvan Knight Trainee and the Wizard Leafcloak the Great was teaching him the ways of listening to the voice of the forest in order to find things hidden among the leaves. Sometimes, they traded places - He would hide, and the Sewaddle would seek him out. She was much better at finding him than he was at finding her, of course, but he was getting better and better at it - enough for the two to decide that it was time to move on to a new area - an unfamiliar area of the forest, with its own trees, each tree with its own song.<br>
+                    <br>
+                    To an eight-year-old playing in the forest with his friend, it seemed that nothing bad could ever happen - which is why it struck him as terribly odd that suddenly, the Sewaddle just stopped in her tracks as soon as the path gave way into a clearing. He came to an abrupt, awkward halt of his own right behind the insect Pokémon, regaining his balance just in time to avoid falling. He knew that during their adventures the Sewaddle <i>would</i> occasionally stop to partake of an interesting leaf or two, but that was not it - there was something different this time.<br>
+                    <br>
+                    There was another creature in <i>this </i>clearing - an odd, humpbacked arthropod, primarily red and green, with black markings and multiple small legs. He recognized it as one of the creatures he's been told to try to avoid - a Venipede. The vivid colors of the creature's exoskeleton were not merely for show - they were warning colors, warning of the creature's poisonous bite. To the child, it seemed pretty big - certainly bigger than Sewaddle - and what's worse, Venipedes were carnivores. It was probably a good thing that the creature wasn't facing in their direction at the moment.<br>
+                    <br>
+                    "We should get out of here before it sees us." the child whispered at the Sewaddle. The small insect nodded, and the two silently tiptoed backwards along the path, watching for leaf litter or dry twigs that may give away their position.<br>
+                    <br>
+                    Suddenly, one of the strange antenna-like structures on the Venipede's back twitched - and with velocity nearly unbelievable for a creature its shape, the creature turned, regarding the child and the small bug with a lazy yellow glare. The boy froze. Maybe if they didn't make any sudden moves...<br>
+                    <br>
+                    <i>"SKREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE!"</i><br>
+                    <br>
+                    The Centipede Pokémon emitted a loud Screech - so loud that the magnitude of the sound seemed to knock the Sewaddle back into the boy, who wrapped his arms around her and proceeded to take off on a run, the Bug/Poison-Type bolting after him.<br>
+                    <br>
+                    His heart was racing as his eyes seemed to give way to tunnel vision. He had no idea where exactly he was running - he was just following paths, occasionally taking left and rights into branching paths in hopes of losing his pursuer - but the Venipede did not relent. How the hell was this creature so <i>fast</i>? In his fight-or-flight daze, he was vaguely aware that the Sewaddle wiggled her way out of his arms and onto his shoulder, facing backwards and firing strands of silk at the Venipede in what could have only been an attempt to slow it down. The Centipede, alas, was fast enough to evade these strands -tearing through them with ease <br>
+                    <br>
+                    He noticed the path was coming to an end soon, and that there were two trees by the sides of the path where it passed into another clearing. He had to catch his breath soon - but an idea was formulating in his mind. He still had enough air for this one last sprint...<br>
+                    <br>
+                    With energy he wasn't sure he knew where he got, he made a mad dash for the clearing, the Sewaddle hanging on for dear life. As soon as he passed the two trees he started slowing down, calling out.<br>
+                    <br>
+                    "String Shot the trees!" he said, and the Sewaddle complied, shaking her head and firing a rapid succession of string shots between the trees, weaving a silken barrier blocking the path - a barrier that the pursuing Venipede proceeded to unceremoniously collide with and bounce off.<br>
+                    <br>
+                    The child collapsed to his knees, breathing heavily. Were they safe? He wasn't entirely sure. Everything was a haze. The clearing. It had no other paths leading away from it - only the one they've just blocked. Until the Venipede relented, they could not leave this clearing - and judging by the way the creature continued to slam against the silken barrier, this could take a while.<br>
+                    <br>
+                    Sewaddle, too, needed a chance to regenerate some silk. The boy and the Bug/Grass-Type looked at each other. They knew that there was no escape.<br>
+                    <br>
+                    "We need to fight this thing, Sewaddle." the boy said, standing up and drawing his sword. "The Sylvan Knights cannot allow a wild monster to chase them away!"<br>
+                    <br>
+                    Well, "Sword" wasn't the right word for it. It was actually a couple of sticks tied together with vines and Sewaddle silk, set in a scabbard of woven leaves and vines that he carried around in the forest and practiced dramatic battle moves with - but right now, it was the only weapon he had, save for a few small rocks.<br>
+                    <br>
+                    Suddenly, the Venipede's continuous attack on the silken barrier seemed to stop. The boy narrowed his eyes. It couldn't have given up so easily, right? No. It was still there. In the silence, he could almost hear the crinkling of its armor - and he could vaguely see the silhouette of the creature through the curtain of silk. the hump on its back was swelling. What was the thing doing?<br>
+                    <br>
+                    Suddenly, there was a wet squelching sound followed by a hiss as the Venipede sprayed a glob of fluid from its mouth which proceed to impact the silk, melting through it like acid. The Venipede burst into the clearing - and it was pissed off.<br>
+                    <br>
+                    "Get ready, Sewaddle..." the child murmured, clenching his wooden sword tighter in his hands as his muscles tensed. He was aware of the danger. The Venipede will not hold back. This was a real fight. There was no where to run. He had to win this. Had to. He had to protect his friend and no mean old Venipede will eat her!<br>
+                    <br>
+                    The Venipede made its move. Its carapace swelling again, the creature emitted a volley of glowing pink needles in the Sewaddle's direction. The boy rushed, sword drawn, taking a few swings at the needles as if he was blocking the volleys of weakened Razor Leaves - unable to actually cut - that the Sewaddle occasionally threw at him when he practiced his "swordplay" as a target. Some of the needles were knocked away, while others embedded deeply within the sword and only narrowly missed his arm. Another volley, on a wider spread. The Sewaddle and the trainer rolled in opposite directions, narrowly evading the blast. The boy rushed forward, sword raised, preparing to strike, when the Venipede dashed forward, preparing to tackle. Noticing this, the boy flung his sword forward directly at the poison-type's face, as he scampered and rolled to the side.<br>
+                    <br>
+                    The sword impacted with all the magnificent magnitude of a pair of sticks thrown by an eight-year-old, not even denting the Venipede's thick carapace. However, the pink needles embedded in the sword - remnants of the Venipede's deflected Poison Sting attack - did. Though obviously immune to its own toxins, some of the needles hit the creature's sensitive eyes. The Venipede screeched again, temporarily blinded and enraged. Its carapace swelled again as it fired another wide volley of needles in the direction it last saw the boy rolling to. The boy's eyes widened - even if he rolled away there was no way he could avoid those, unless...<br>
+                    <br>
+                    A volley of leaves from no where. It was the Sewaddle, leaping to the boy's defense, unleashing a Razor Leaf attack. The leaves flew at a wide angle, some colliding with the needles and knocking them away from their desired target, some crossing the barrage and impacting its originator... only to bounce harmlessly off the Venipede's exoskeleton. Not that a Grass-type attack would, on the whole, damage a Bug/Poison-Type all that much - but they had to work with what they were given.<br>
+                    <br>
+                    "Thanks, Sewaddle." the boy sighed with relief, looking over his brave compatriot to make sure she wasn't hit by any stray needles. She wasn't. He then proceeded to gaze at the Venipede. The creature was positively fuming, uncertain where to direct its next attack, torn between rage and hunger - they could use this uncertainty against it. Quickly, the boy turned his eyes to the ground not too far from there - his sword was there, still intact, though the handguard branches were a bit wonky.<br>
+                    <br>
+                    Suddenly, he grinned. He had an idea. Even the most powerful armor must have had a weak spot - and with such a heavy armor on its back, the creature's underside would probably need much flexibility for it to be able to move that fast. That had to be it - their shot.<br>
+                    <br>
+                    "I have an idea - I'll get its attention. You wrap it up!" he said, and the Sewaddle nodded in preparation. "Meet you on the other side of the clearing!"<br>
+                    <br>
+                    He picked up a few rocks off the ground - not too large, but not too small either. Perfect throwing size.<br>
+                    <br>
+                    "Hey!" he cried out and flung a rock at the Centipede, hitting it squarely on its hump.<br>
+                    <br>
+                    The Centipede hissed. <i>THAT </i>decided it.<br>
+                    <br>
+                    "NOW!" he said, and bolted in one direction of the clearing as the Sewaddle bolted in the other. The Venipede gave chase as the boy continued taunting it and throwing stones at it while running. The Sewaddle, in the meantime, was running in their direction, building up silk. Blinded by its rage, the Venipede was so focused on the young human throwing rocks at it that it failed to notice the Sewaddle coming in from the other side.<br>
+                    <br>
+                    As their paths crossed, the boy made a break for his fallen weapon as the Sewaddle fired a massive array of silken strands directly at the Venipede's face. The raging creature stumbled, vision clouded, antennae bound together, disrupting its sensory world. The Sewaddle made a break to the side, firing more sprays of silk, entangling the poison-type more and more. The Venipede screeched, knocking away some strands, leaping up to the best of its capability with a tackle, only narrowly missing the Sewaddle which rolled to the side, firing another String Shot. The Venipede crashed to the ground, struggling against its bindings. It was just the right amount of delay that the boy needed to reclaim his sword. He could already see the Venipede's carapace beginning to swell. <br>
+                    <br>
+                    Now was the time.<br>
+                    <br>
+                    He made a wild dash towards the Venipede, sword at hand, preparing to aim low. Everything seemed to happen terribly quickly and terribly slowly at the same time - he only had one shot at this.<br>
+                    <br>
+                    "Sewaddle, the underside!" he yelled, and swung the sword, striking an upward blow from the Venipede's legs up, knocking the venomous bug into the air. For a creature so heavily armored, it was surprisingly light - or maybe it was simply the adrenaline talking.<br>
+                    <br>
+                    And as the Venipede burst out of its silken prison in midair with a spray of fluid emitting from its mouth...<br>
+                    <br>
+                    It was treated to a unrelenting flurry of razor-sharp leaves directly to its soft underbelly, knocking it further up as other leaves took the brunt of the poisoned liquid, shielding the boy and the Sewaddle from its effects. The creature screeched loudly as the leaf barrage continued, but to no avail.<br>
+                    <br>
+                    Then the flurry subsided. Continuing along its arcing trajectory, the Venipede collapsed on the complete other end of the clearing, rolled into a ball and fled the scene. It has taken enough damage to consider the continued attack not worth the effort.<br>
+                    <br>
+                    They had won.<br>
+                    <br>
+                    "YES!" the child cried out, and the Sewaddle emitted its own happy vocalization as the two struck a triumphant pose. In his mind, he could hear a victory fanfare. They stood there for a little while, laughing happily. Then, as the laughter subsided, the boy turned his eyes to the Sewaddle, crouching down so it could look directly into its eyes.<br>
+                    <br>
+                    "Hey. You were amazing back there, Sewaddle." the boy grinned "Thank you."<br>
+                    <br>
+                    The Sewaddle emitted a small chirp, and the two touched foreheads - a gesture of familiarity and friendship. After this battle - defending each other in the field of honor against a real foe - the two knew that their friendship and alliance will remain forever.<br>
+                    <br>
+                    And then, the child looked to his sword. The makeshift weapon was in a sorry state - the "blade" was full of little burned pinpricks where the poison needles once were and was all but broken at the point where it impacted the Venipede - the poison needles must have destabilized it. The handguard branches were rather twisted as well. He sighed a little - It was just a silly couple of sticks, but it was still an instrument of their mutual triumph.<br>
+                    <br>
+                    Suddenly the Sewaddle chirped - and with a quick motion, she got to work, using silk and leaves to mend the fractures and reinforce the sword, giving it an improved grip as well. The boy's eyes widened as the small insect finished her work, emitting a few happy chirps.<br>
+                    <br>
+                    "You're the best, Sewaddle." the child grinned, and with the Sewaddle clambering to the top of his head, the boy raised his Sylvan Saber up to the sky and called out "We're the best!"<br>
+                    <br>
+                    <div style="text-align: center">~*~​</div><br>
+                    "And that's how it happened." the trainer smiled as his reminiscence faded "It was our first real Pokémon battle - even if I battled almost just as much as she did. Of course, we were pretty lost afterwards."<br>
+                    <br>
+                    He chuckled softly.<br>
+                    <br>
+                    "And then this pair of teal eyes shines out of no where - and out from behind the trees, Shu'al walks out. My dad's Zoroark, that is. He was there for the whole thing. Watching us, ready to intervene in case things took a turn for the worse beyond what we could handle - but not before that. He's like that, the old fox - major battle veteran. I could tell he was proud of me. Of us, really. He led us out back to the main path. Sewaddle headed back into the forest, and I went home. After that, things were a bit more fun - my parents started teaching me some more interesting battle techniques so if I get caught up in a situation like this again, I'd have less chances to have such a close call. As for me and Leavanny... We trained and evolved together really." he grinned "Of course, as I grew up, I found myself taking more to the pencil than to the sword... And one day, Leavanny and I found our way back to that clearing and stuck the sword into the ground - a tribute of sorts to our first victory. That was years ago. A lot has happened to us since, and a lot more happened in the forest... But last I checked, it was still there."
+                </blockquote>
+
+                <section class="comments">
+                    <div class="comment-new">
+                        <textarea placeholder="Leave a comment..." class="comment-new-textarea"></textarea>
+                        <button class="comment-new-submit">Submit</button>
+                    </div>
+                    <div class="comment">
+                        <div class="image"><img src="http://pokecharms.com/data/avatars/s/17/17294.jpg?1378306707" alt="Demelza"/></div>
+                        <div class="body">
+                            <p>
+                                <b>Demelza</b> I remember you showing me this story awhile ago now, reading through it again I still really, really like it. Great writing, Stel. ^^
+                                <div class="message-elements">
+                                    <div class="public-controls">
+                                        <a href="#">
+                                            <i class="fa fa-pencil"></i>
+                                            <span>Edit</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-trash"></i>
+                                            <span>Delete</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-exclamation-circle"></i>
+                                            <span>Warn</span>
+                                        </a>
+                                        <a href="#">
+                                            <i class="fa fa-bullhorn"></i>
+                                            <span>Report</span>
+                                        </a>
+                                    </div>
+                                    <div class="private-controls">
+                                        <a href="#">
+                                            <i class="fa fa-heart"></i>
+                                            <span>Unlike</span>
+                                        </a>
+                                    </div>
+                                </div>
+                            </p>
+                            <div class="comment">
+                                <div class="image"><img src="http://pokecharms.com/data/avatars/s/0/216.jpg?1378435713" alt="StellarWind Elsydeon"/></div>
+                                <div class="body">
+                                    <p>
+                                        <b>StellarWind Elsydeon</b> Thanks, Dem. ^^<br>
+                                        <br>
+                                        I gave it a bit more polish for the corner since last time I randomly threw the thing at you, as well. XD Figured I should get more writing on the corner, anyway. I'm running short of Pokémon pieces, though. ^^;
+                                    </p>
+                                    <div class="message-elements">
+                                        <div class="public-controls">
+                                            <a href="#">
+                                                <i class="fa fa-pencil"></i>
+                                                <span>Edit</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-trash"></i>
+                                                <span>Delete</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-exclamation-circle"></i>
+                                                <span>Warn</span>
+                                            </a>
+                                            <a href="#">
+                                                <i class="fa fa-bullhorn"></i>
+                                                <span>Report</span>
+                                            </a>
+                                        </div>
+                                        <div class="private-controls">
+                                            <a href="#">
+                                                <i class="fa fa-heart-o"></i>
+                                                <span>Like</span>
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+            </article>
+            <aside class="secondary">
+                <div class="block more_works">
+                    <h3>More Works By StellarWind Elsydeon</h3>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo hoverCharm">
+                                <div class="work-thumb-top">
+                                    <img src="http://pokecharms.com/data/attachment-files/2014/05/thumb/82985_OMEGLERUBY.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+
+                                    <div class="sidebarWorkDetails">
+                                        <div class="details">
+                                            <h5>Pokémon Omegle Ruby</h5>
+                                            <p class="sidebarWorkSummary"></p>
+                                            <span class="DateTime" title="May 9, 2014 at 5:51 PM">May 9, 2014</span>
+
+                                            <span class="likes-right">
+                                                <span><i class="fa fa-heart"></i> 11</span>
+                                                <span><i class="fa fa-comment"></i> 2</span>
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2014/02/thumb/56153_EnyaliHundun.jpg">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>Enyali Hundun VS Her Lusus</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span class="DateTime" title="Feb 21, 2014 at 5:51 PM">Feb 21, 2014</span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 2</span>
+                                            <span><i class="fa fa-comment"></i> 2</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-371" class="type-art">
+                        <a href="works/tribalesque-dragonair.371/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2013/11/thumb/23158_TribalDragonair.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>Tribalesque Dragonair</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span><span class="DateTime" title="Nov 7, 2013 at 3:59 PM">Nov 7, 2013</span></span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 6</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+                    <div id="work-1862" class="type-art">
+                        <a href="works/pokemon-omegle-ruby.1862/">
+                            <dl class="sidebarWorkInfo">
+                                <div class="work-thumb-top">
+                                <img src="http://pokecharms.com/data/attachment-files/2013/11/thumb/23448_SoFeminine.png">
+                                </div>
+                                <div class="work-thumb-bottom">
+                                <div class="sidebarWorkDetails">
+                                    <div class="details">
+                                        <h5>The Most Feminine of Them All</h5>
+                                        <p class="sidebarWorkSummary"></p>
+                                        <span class="DateTime" title="Nov 9, 2013 at 5:51 PM">Nov 9, 2013</span>
+
+                                        <span class="likes-right">
+                                            <span><i class="fa fa-heart"></i> 9</span>
+                                            <span><i class="fa fa-comment"></i> 2</span>
+                                        </span>
+                                    </div>
+                                </div>
+                                </div>
+                            </dl>
+                        </a>
+                    </div>
+
+                </div>
+                <div class="block work_statistics">
+                    <h3>Statistics</h3>
+                    <div class="pairs">
+                        <dl>
+                            <dt>Published:</dt>
+                            <dd><span class="DateTime" title="Sep 15, 2013 at 8:01 PM">Sep 15, 2013</span></dd>
+                        </dl>
+                        <dl>
+                            <dt>Author:</dt>
+                            <dd><a href="members/stellarwind-elsydeon.216/" class="username author" dir="auto">StellarWind Elsydeon</a></dd>
+                        </dl>
+                        <dl>
+                            <dt>Word Count:</dt>
+                            <dd>2,799</dd>
+                        </dl>
+                        <dl>
+                            <dt>Views:</dt>
+                            <dd>186</dd>
+                        </dl>
+                        <dl>
+                            <dt>Likes:</dt>
+                            <dd>4</dd>
+                        </dl>
+
+                            <dl>
+                                <dt>Latest Comment:</dt>
+                                <dd><span class="DateTime" title="Sep 16, 2013 at 1:18 PM">Sep 16, 2013</span></dd>
+                            </dl>
+
+                    </div>
+                </div><!--
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+                <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> -->
+            </aside>
+        </main><!-- .container -->
+        <div class="footer">
+
+        </div><!-- .footer -->
+
+        <div class="js-menu-screen menu-screen"></div>
+
+        <!-- build:js scripts/vendor.js -->
+        <!-- bower:js -->
+        <script src="../bower_components/jquery/dist/jquery.js"></script>
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:js scripts/offcanvas.js -->
+        <script src="../scripts/offcanvas.js"></script>
+        <!-- endbuild -->
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/app/robots.txt b/app/robots.txt
new file mode 100644
index 0000000..abc5394
--- /dev/null
+++ b/app/robots.txt
@@ -0,0 +1,3 @@
+# robotstxt.org/
+
+User-agent: *
diff --git a/app/sass/_comment.scss b/app/sass/_comment.scss
new file mode 100644
index 0000000..8db17ff
--- /dev/null
+++ b/app/sass/_comment.scss
@@ -0,0 +1,61 @@
+.comments {
+
+}
+
+.comment {
+	display: flex;
+	align-items: flex-start;
+	margin-bottom: 1em;
+}
+
+.comment .image {
+	margin-right: 0.5em;
+}
+
+.comment .body {
+	flex: 1;
+	&:last-child {
+	  margin-bottom: 0;
+	}
+}
+
+
+.comment-new {
+	display: flex;
+	margin-bottom: 0.75em;
+}
+
+.comment-new-textarea {
+	flex: 1;
+	margin-bottom: 0em;
+}
+
+
+.message-elements {
+	display: flex;
+	flex-flow: row wrap;
+
+	.public-controls {
+		flex: 1 auto;
+	}
+
+	.private-controls {
+	}
+
+	a {
+		padding: 0px 5px;
+		line-height: 1.3em;
+		font-size: 0.9em;
+
+		span {
+			display: none;
+		}
+	}
+}
+
+
+@media screen and (min-width: 720px) {
+	.message-elements a span {
+		display: inherit;
+	}
+}
\ No newline at end of file
diff --git a/app/sass/_container.scss b/app/sass/_container.scss
new file mode 100644
index 0000000..73dae75
--- /dev/null
+++ b/app/sass/_container.scss
@@ -0,0 +1,25 @@
+// Mobile
+.container {
+	margin: 0px auto 15px;
+	padding-top: 60px;
+}
+
+// Large Phone
+@media screen and (min-width: 320px) {
+
+}
+
+// Tablet
+@media screen and (min-width: 720px) {
+	.container {
+		font-size: $base-font-size * 1.15;
+		padding-top: 0px;
+	}
+}
+
+// Desktop
+
+// Big Screens
+@media screen and (min-width: 1440px) {
+
+}
\ No newline at end of file
diff --git a/app/sass/_footer.scss b/app/sass/_footer.scss
new file mode 100644
index 0000000..3b9ee3a
--- /dev/null
+++ b/app/sass/_footer.scss
@@ -0,0 +1,13 @@
+.footer {
+	padding: 15px 30px;
+	background-color: $blue;
+	color: #fff;
+
+	.social {
+		float: right;
+		.fa {
+			font-size: 1.6rem;
+			padding: 0px 0px 0px 5px;
+		}
+	}
+}
\ No newline at end of file
diff --git a/app/sass/_navbar.scss b/app/sass/_navbar.scss
new file mode 100644
index 0000000..3c7af67
--- /dev/null
+++ b/app/sass/_navbar.scss
@@ -0,0 +1,232 @@
+// Mobile
+.mobile-menu-bar {
+	background: #fff;
+	position: fixed;
+	right: 0px;
+	top: 0px;
+	width: 100%;
+	border-bottom: 4px solid $blue;
+
+	.logo {
+		display: inline;
+		font-family: $header-font-family;
+		line-height: 2;
+		padding: 0px 15px;
+		float: left;
+	}
+}
+
+.sliding-menu-button {
+  cursor: pointer;
+  font-size: $base-font-size;
+  margin-bottom: $base-line-height * 1.2;
+  outline: none;
+  float: left;
+  line-height: $base-line-height * 1.2;
+}
+
+.nav-item {
+	color: #333;
+	text-transform: uppercase;
+
+	&:hover {
+		color: $base-link-color;
+	}
+}
+
+.logo {
+	font-size: 1.6rem;
+	text-transform: none;
+	font-family: $header-font-family;
+}
+
+@media screen and (max-width: 720px) {
+	.sliding-menu-content {
+	  @include position(fixed, 0px auto 0px 0px);
+	  @include size(80vw 100%);
+	  @include transform(translateX(-80vw));
+	  @include transition(all .25s linear);
+	  z-index: 999999;
+	  overflow-y: scroll;
+	  -webkit-overflow-scrolling: touch;
+
+	  &.is-visible {
+	    @include transform(translateX(0));
+	  }
+	}
+
+	.menu-screen {
+	  @include position(fixed, 0px 0px 0px 0px);
+	  @include transition;
+	  background: $dark-gray;
+	  opacity: 0;
+	  visibility: hidden;
+	  z-index: 999998;
+
+	  &.is-visible {
+	    opacity: .4;
+	    visibility: visible;
+	  }
+	}
+}
+
+.navigation, .nav {
+	display: flex;
+	flex-flow: column wrap;
+}
+
+.navigation {
+	border-bottom: 4px solid $blue;
+	background: white;
+}
+
+.nav-item {
+	list-style-type: none;
+	line-height: 55px;
+	padding: 0px 15px;
+	text-align: center;
+
+	&.active {
+		background-color: $blue;
+		color: #fff;
+	}
+
+	input {
+		margin: 6px 0px;
+	}
+
+	.count {
+		$count-width: 25px;
+
+		color: #fff;
+		background-color: #000;
+		border-radius: 50%;
+		min-width: $count-width;
+		line-height: $count-width;
+		display: inline-block;
+
+	}
+
+	&:hover .count {
+		background-color: $base-link-color;
+	}
+}
+
+.nav-item-username {
+	font-weight: bold;
+}
+
+// Large Phone
+@media screen and (min-width: 320px) {
+	.nav-user {
+		order: 1;
+		justify-content: space-around;
+		flex-flow: row wrap;
+
+		.title {
+			display: none;
+			padding-left: 0px 5px;
+		}
+
+		.nav-item-username, .nav-item-inbox, .nav-item-alerts {
+			 .title { display: inline; }
+		}
+	}
+	.nav-public {
+		order: 3;
+	}
+	.nav-admin {
+		order: 2;
+		flex-flow: row wrap;
+		justify-content: space-around;
+	}
+}
+
+// Tablet
+@media screen and (min-width: 720px) {
+	.mobile-menu-bar {
+		display: none;
+	}
+
+	.sliding-menu-content {
+		@include transform(translateX(0));
+	}
+
+	.navigation, .nav {
+		flex: 1 auto;
+		flex-flow: row wrap;
+	}
+
+	.nav-public {
+		justify-content: space-around;
+		order: 2;
+	}
+
+	.nav-user {
+		justify-content: space-around;
+		order: 1;
+	}
+}
+
+// Desktop
+@media screen and (min-width: 1024px) {
+	.nav-public {
+		justify-content: flex-start;
+		order: 1;
+	}
+
+	.nav-user {
+		justify-content: flex-end;
+		order: 2;
+	}
+}
+
+
+// Big Screens
+@media screen and (min-width: 1440px) {
+	body {
+		display: flex;
+	}
+
+	.navigation {
+		flex: 0 0 200px;
+		flex-flow: column wrap;
+		border-bottom: 0px solid $blue;
+		border-right: 4px solid $blue;
+		margin-bottom: 0px;
+		height: 100vh;
+		position: fixed;
+		width: 200px;
+	}
+
+	.container-inner {
+		margin-left: 200px;
+	}
+
+	.nav {
+		flex: 0 1 auto;
+	}
+
+	.nav-public {
+		order: 2;
+		flex-flow: column wrap;
+	}
+
+	.nav-user {
+		order: 1;
+		justify-content: space-around;
+		flex-flow: row wrap;
+
+		.title {
+			display: none;
+		}
+
+		.nav-item {
+			padding: 0px 10px;
+		}
+	}
+
+	.nav-admin {
+		align-items: flex-end;
+	}
+}
\ No newline at end of file
diff --git a/app/sass/_product.scss b/app/sass/_product.scss
new file mode 100644
index 0000000..b24403d
--- /dev/null
+++ b/app/sass/_product.scss
@@ -0,0 +1,114 @@
+.product-top {
+	@include linear-gradient(0deg,#e4e4e4 0%, #e4e4e4 10%, #fefefe 100%);
+	padding: 30px 0px;
+	border-bottom: $base-border;
+}
+
+	.product-top-inner {
+		@include outer-container;
+	}
+
+	.product-hero-image {
+		@include span-columns(12);
+		@include pad(default);
+		text-align: center;
+	}
+
+	.product-hero-text {
+		@include span-columns(12);
+		@include omega;
+		@include pad(30px);
+	}
+
+	.price-container {
+		@extend .well;
+
+		.price {
+			font-size: 1.7rem;
+			display: inline-block;
+			line-height: 43px;
+		}
+
+		.button {
+			margin-left: 15px;
+			vertical-align: top;
+		}
+	}
+
+	.full-features {
+		@include outer-container;
+	}
+
+	.full-feature {
+		@include pad(30px);
+		@include clearfix;
+		@include span-columns(12);
+
+		border-bottom: $base-border;
+
+		.feature-image {
+			text-align: center;
+			img {
+				border-radius: 50%;
+				border: $base-border;
+				box-shadow: 0px 0px 5px $base-border-color;
+			}
+		}
+
+		.feature-description {
+			font-size: 1.2rem;
+		}
+	}
+
+// Large Phone
+@media screen and (min-width: 320px) {
+
+}
+
+// Tablet
+@media screen and (min-width: 720px) {
+	.product-hero-image {
+		@include span-columns(6);
+		margin: 0px;
+	}
+
+	.product-hero-text {
+		@include span-columns(6);
+		margin: 0px;
+	}
+
+	.full-feature {
+		.feature-image {
+			text-align: left;
+		}
+
+		&.left {
+			.feature-image {
+				float: left;
+				margin-right: 30px;
+			}
+
+			.feature-description {
+				margin-left: 180px;
+			}
+		}
+
+		&.right {
+			.feature-image {
+				float: right;
+				margin-left: 30px;
+			}
+
+			.feature-description {
+				margin-right: 180px;
+			}
+		}
+	}
+}
+
+// Desktop
+
+// Big Screens
+@media screen and (min-width: 1440px) {
+
+}
\ No newline at end of file
diff --git a/app/sass/_well.scss b/app/sass/_well.scss
new file mode 100644
index 0000000..eacffa1
--- /dev/null
+++ b/app/sass/_well.scss
@@ -0,0 +1,5 @@
+.well {
+	padding: $base-spacing;
+	border: $base-border;
+	background: $base-well-color;
+}
\ No newline at end of file
diff --git a/app/sass/_works.scss b/app/sass/_works.scss
new file mode 100644
index 0000000..c6069c4
--- /dev/null
+++ b/app/sass/_works.scss
@@ -0,0 +1,16 @@
+.workHead {
+	text-align: center;
+
+	img {
+		border-radius: 9999px;
+	}
+}
+
+.workSummary {
+	padding: 10px 0px;
+	color: lighten($base-font-color, 15);
+}
+
+.work_image {
+	margin-bottom: 2rem;
+}
\ No newline at end of file
diff --git a/app/sass/base/_base.scss b/app/sass/base/_base.scss
new file mode 100644
index 0000000..c1cb8cf
--- /dev/null
+++ b/app/sass/base/_base.scss
@@ -0,0 +1,24 @@
+/* Bitters 0.10.0
+ * http://bitters.bourbon.io
+ * Copyright 2013–2014 thoughtbot, inc.
+ * MIT License */
+
+// Variables
+@import "variables";
+
+// Neat Settings -- uncomment if using Neat -- must be imported before Neat
+// @import "grid-settings";
+
+// Extends
+@import "extends/button";
+@import "extends/clearfix";
+@import "extends/errors";
+@import "extends/flashes";
+@import "extends/hide-text";
+
+// Typography and Elements
+@import "typography";
+@import "forms";
+@import "tables";
+@import "lists";
+@import "buttons";
diff --git a/app/sass/base/_buttons.scss b/app/sass/base/_buttons.scss
new file mode 100644
index 0000000..c1d852c
--- /dev/null
+++ b/app/sass/base/_buttons.scss
@@ -0,0 +1,11 @@
+button,
+input[type="submit"],
+.button {
+  @extend %button;
+  @include appearance(none);
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+}
diff --git a/app/sass/base/_forms.scss b/app/sass/base/_forms.scss
new file mode 100644
index 0000000..42fc888
--- /dev/null
+++ b/app/sass/base/_forms.scss
@@ -0,0 +1,78 @@
+fieldset {
+  background: lighten($base-border-color, 10);
+  border: $base-border;
+  margin: 0 0 ($base-spacing / 2) 0;
+  padding: $base-spacing;
+}
+
+input,
+label,
+select {
+  display: block;
+  font-family: $form-font-family;
+  font-size: $form-font-size;
+}
+
+label {
+  font-weight: bold;
+  margin-bottom: $base-spacing / 4;
+
+  &.required:after {
+    content: "*";
+  }
+
+  abbr {
+    display: none;
+  }
+}
+
+textarea,
+#{$all-text-inputs},
+select[multiple=multiple] {
+  @include box-sizing(border-box);
+  @include transition(border-color);
+  background-color: white;
+  border-radius: $form-border-radius;
+  border: 1px solid $form-border-color;
+  box-shadow: $form-box-shadow;
+  font-family: $form-font-family;
+  font-size: $form-font-size;
+  margin-bottom: $base-spacing / 2;
+  padding: ($base-spacing / 3) ($base-spacing / 3);
+  width: 100%;
+
+  &:hover {
+    border-color: $form-border-color-hover;
+  }
+
+  &:focus {
+    border-color: $form-border-color-focus;
+    box-shadow: $form-box-shadow-focus;
+    outline: none;
+  }
+}
+
+textarea {
+  resize: vertical;
+}
+
+input[type="search"] {
+  @include appearance(none);
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+  margin-right: $base-spacing / 4;
+}
+
+input[type="file"] {
+  padding-bottom: $base-spacing / 2;
+  width: 100%;
+}
+
+select {
+  margin-bottom: $base-spacing;
+  max-width: 100%;
+  width: auto;
+}
diff --git a/app/sass/base/_grid-settings.scss b/app/sass/base/_grid-settings.scss
new file mode 100644
index 0000000..c42bdaf
--- /dev/null
+++ b/app/sass/base/_grid-settings.scss
@@ -0,0 +1,14 @@
+@import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
+
+// Neat Overrides
+// $column: 90px;
+// $gutter: 30px;
+// $grid-columns: 12;
+// $max-width: em(1088);
+
+// Neat Breakpoints
+$medium-screen: em(640);
+$large-screen: em(860);
+
+$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
+$large-screen-up: new-breakpoint(min-width $large-screen 8);
diff --git a/app/sass/base/_lists.scss b/app/sass/base/_lists.scss
new file mode 100644
index 0000000..b836deb
--- /dev/null
+++ b/app/sass/base/_lists.scss
@@ -0,0 +1,31 @@
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+
+  &%default-ul {
+    list-style-type: disc;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+  }
+
+  &%default-ol {
+    list-style-type: decimal;
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+  }
+}
+
+dl {
+  margin-bottom: $base-spacing / 2;
+
+  dt {
+    font-weight: bold;
+    margin-top: $base-spacing / 2;
+  }
+
+  dd {
+    margin: 0;
+  }
+}
diff --git a/app/sass/base/_tables.scss b/app/sass/base/_tables.scss
new file mode 100644
index 0000000..e32572a
--- /dev/null
+++ b/app/sass/base/_tables.scss
@@ -0,0 +1,24 @@
+table {
+  border-collapse: collapse;
+  margin: ($base-spacing / 2) 0;
+  table-layout: fixed;
+  width: 100%;
+}
+
+th {
+  border-bottom: 1px solid darken($base-border-color, 15);
+  font-weight: bold;
+  padding: ($base-spacing / 2) 0;
+  text-align: left;
+}
+
+td {
+  border-bottom: $base-border;
+  padding: ($base-spacing / 2) 0;
+}
+
+tr,
+td,
+th {
+  vertical-align: middle;
+}
diff --git a/app/sass/base/_typography.scss b/app/sass/base/_typography.scss
new file mode 100644
index 0000000..0313267
--- /dev/null
+++ b/app/sass/base/_typography.scss
@@ -0,0 +1,93 @@
+body {
+  -webkit-font-smoothing: antialiased;
+  background-color: $base-background-color;
+  color: $base-font-color;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $header-font-family;
+  line-height: $header-line-height;
+  margin: 0;
+  text-rendering: optimizeLegibility; // Fix the character spacing for headings
+}
+
+h1 {
+  font-size: $h1-font-size;
+}
+
+h2 {
+  font-size: $h2-font-size;
+}
+
+h3 {
+  font-size: $h3-font-size;
+}
+
+h4 {
+  font-size: $h4-font-size;
+}
+
+h5 {
+  font-size: $h5-font-size;
+}
+
+h6 {
+  font-size: $h6-font-size;
+}
+
+p {
+  margin: 0 0 ($base-spacing / 2);
+}
+
+a {
+  @include transition(color 0.1s linear);
+  color: $base-link-color;
+  text-decoration: none;
+
+  &:hover {
+    color: $hover-link-color;
+  }
+
+  &:active, &:focus {
+    color: $hover-link-color;
+    outline: none;
+  }
+}
+
+hr {
+  border-bottom: $base-border;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  margin: $base-spacing 0;
+}
+
+img,
+picture {
+  margin: 0;
+  max-width: 100%;
+}
+
+blockquote {
+  border-left: 2px solid $base-border-color;
+  color: lighten($base-font-color, 15);
+  margin: $base-spacing 0;
+  padding-left: $base-spacing / 2;
+}
+
+cite {
+  color: lighten($base-font-color, 25);
+  font-style: italic;
+
+  &:before {
+    content: "\2014 \00A0";
+  }
+}
diff --git a/app/sass/base/_variables.scss b/app/sass/base/_variables.scss
new file mode 100644
index 0000000..2292716
--- /dev/null
+++ b/app/sass/base/_variables.scss
@@ -0,0 +1,66 @@
+// Typography
+$sans-serif: "Source Sans Pro";
+$serif: $georgia;
+$base-font-family: $sans-serif;
+$header-font-family: "Lobster Two";
+
+// Font Sizes
+$base-font-size: 1em;
+$h1-font-size: $base-font-size * 2.25;
+$h2-font-size: $base-font-size * 2;
+$h3-font-size: $base-font-size * 1.75;
+$h4-font-size: $base-font-size * 1.5;
+$h5-font-size: $base-font-size * 1.25;
+$h6-font-size: $base-font-size;
+
+// Line height
+$base-line-height: 1.5;
+$header-line-height: 1.25;
+
+// Other Sizes
+$base-border-radius: 3px;
+$base-spacing: $base-line-height * 1.25em;
+$base-z-index: 0;
+
+// Colors
+$blue: #477DCA;
+$dark-gray: #333;
+$medium-gray: #999;
+$light-gray: #DDD;
+$light-red: #FBE3E4;
+$light-yellow: #FFF6BF;
+$light-green: #E6EFC2;
+
+// Background Color
+$base-background-color: #fafafa;
+$base-well-color: #f6f6f6;
+
+// Font Colors
+$base-font-color: $dark-gray;
+$base-accent-color: $blue;
+
+// Link Colors
+$base-link-color: $base-accent-color;
+$hover-link-color: darken($base-accent-color, 15);
+$base-button-color: $base-link-color;
+$hover-button-color: $hover-link-color;
+
+// Flash Colors
+$alert-color: $light-yellow;
+$error-color: $light-red;
+$notice-color: lighten($base-accent-color, 40);
+$success-color: $light-green;
+
+// Border color
+$base-border-color: $light-gray;
+$base-border: 1px solid $base-border-color;
+
+// Forms
+$form-border-color: $base-border-color;
+$form-border-color-hover: darken($base-border-color, 10);
+$form-border-color-focus: $base-accent-color;
+$form-border-radius: $base-border-radius;
+$form-box-shadow: inset 0 1px 3px rgba(black,0.06);
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
+$form-font-size: $base-font-size;
+$form-font-family: $base-font-family;
diff --git a/app/sass/base/extends/_button.scss b/app/sass/base/extends/_button.scss
new file mode 100644
index 0000000..8f2e9ed
--- /dev/null
+++ b/app/sass/base/extends/_button.scss
@@ -0,0 +1,22 @@
+%button {
+  -webkit-font-smoothing: antialiased;
+  background-color: $base-button-color;
+  border-radius: $base-border-radius;
+  color: white;
+  display: inline-block;
+  font-size: $base-font-size;
+  font-weight: bold;
+  line-height: 1;
+  padding: 0.75em 1em;
+  text-decoration: none;
+
+  &:hover {
+    background-color: $hover-button-color;
+    color: white;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}
diff --git a/app/sass/base/extends/_clearfix.scss b/app/sass/base/extends/_clearfix.scss
new file mode 100644
index 0000000..22ac179
--- /dev/null
+++ b/app/sass/base/extends/_clearfix.scss
@@ -0,0 +1,3 @@
+%clearfix {
+  @include clearfix;
+}
diff --git a/app/sass/base/extends/_errors.scss b/app/sass/base/extends/_errors.scss
new file mode 100644
index 0000000..dd57436
--- /dev/null
+++ b/app/sass/base/extends/_errors.scss
@@ -0,0 +1,11 @@
+%error {
+  color: darken($error-color, 60);
+}
+
+%warning {
+  color: darken($alert-color, 60);
+}
+
+%notice {
+  color: darken($notice-color, 60);
+}
diff --git a/app/sass/base/extends/_flashes.scss b/app/sass/base/extends/_flashes.scss
new file mode 100644
index 0000000..0a5da0c
--- /dev/null
+++ b/app/sass/base/extends/_flashes.scss
@@ -0,0 +1,38 @@
+@mixin flash($color) {
+  background: $color;
+  color: darken($color, 60);
+
+  a {
+    color: darken($color, 70);
+
+    &:hover {
+      color: darken($color, 90);
+    }
+  }
+}
+
+%flash-base {
+  font-weight: bold;
+  margin-bottom: $base-spacing / 2;
+  padding: $base-spacing / 2;
+}
+
+%flash-alert {
+  @extend %flash-base;
+  @include flash($alert-color);
+}
+
+%flash-error {
+  @extend %flash-base;
+  @include flash($error-color);
+}
+
+%flash-notice {
+  @extend %flash-base;
+  @include flash($notice-color);
+}
+
+%flash-success {
+  @extend %flash-base;
+  @include flash($success-color);
+}
diff --git a/app/sass/base/extends/_hide-text.scss b/app/sass/base/extends/_hide-text.scss
new file mode 100644
index 0000000..a41a123
--- /dev/null
+++ b/app/sass/base/extends/_hide-text.scss
@@ -0,0 +1,3 @@
+%hide-text {
+  @include hide-text;
+}
diff --git a/app/sass/main.scss b/app/sass/main.scss
new file mode 100644
index 0000000..762d8ec
--- /dev/null
+++ b/app/sass/main.scss
@@ -0,0 +1,12 @@
+// bower:scss
+@import "../../bower_components/bourbon/dist/_bourbon.scss";
+@import "../../bower_components/neat/app/assets/stylesheets/_neat.scss";
+// endbower
+@import "base/base";
+
+@import "container";
+@import "navbar";
+@import "well";
+@import "footer";
+
+@import "product";
\ No newline at end of file
diff --git a/app/scripts/offcanvas.js b/app/scripts/offcanvas.js
new file mode 100644
index 0000000..5b44267
--- /dev/null
+++ b/app/scripts/offcanvas.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+  $('.js-menu-trigger').on('click touchstart', function(e){
+    $('.js-menu').toggleClass('is-visible');
+    $('.js-menu-screen').toggleClass('is-visible');
+    e.preventDefault();
+  });
+
+  $('.js-menu-screen').on('click touchstart', function(e){
+    $('.js-menu').toggleClass('is-visible');
+    $('.js-menu-screen').toggleClass('is-visible');
+    e.preventDefault();
+  });
+});
\ No newline at end of file
diff --git a/app/templates/includes/footer.html b/app/templates/includes/footer.html
new file mode 100644
index 0000000..97db94b
--- /dev/null
+++ b/app/templates/includes/footer.html
@@ -0,0 +1,36 @@
+        <div class="footer">
+            <div class="social">
+                <div class="fa-facebook fa"></div>
+                <div class="fa-twitter fa"></div>
+                <div class="fa-youtube fa"></div>
+            </div>
+            (c) 2014 Peter Hicks - This page is designed as a demonstration of web technologies.
+        </div><!-- .footer -->
+
+        <div class="js-menu-screen menu-screen"></div>
+
+        <!-- build:js scripts/vendor.js -->
+        <!-- bower:js -->
+        <script src="../../../bower_components/jquery/dist/jquery.js"></script>
+        <script src="../../../bower_components/modernizr/modernizr.js"></script>
+        <script src="../../../bower_components/slick.js/slick/slick.min.js"></script>
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:js scripts/offcanvas.js -->
+        <script src="../scripts/offcanvas.js"></script>
+        <!-- endbuild -->
+        <!-- build:js scripts/home.js -->
+        <script src="../scripts/home.js"></script>
+        <!-- endbuild -->
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/app/templates/includes/head.html b/app/templates/includes/head.html
new file mode 100644
index 0000000..b90357a
--- /dev/null
+++ b/app/templates/includes/head.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
+<!--[if gt IE 9]>      <html class="no-js" lang="en"> <![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Widget Shop</title>
+        <meta name="author" content="Peter Hicks">
+        <meta name="description" content="Your source for quality, home-made widgets.">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../../../bower_components/normalize-css/normalize.css" />
+        <link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.css" />
+        <link rel="stylesheet" href="../../../bower_components/animate.css/animate.css" />
+        <link rel="stylesheet" href="../../../bower_components/slick.js/slick/slick.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+        <!-- build:js scripts/vendor/modernizr.js -->
+        <script src="../bower_components/modernizr/modernizr.js"></script>
+        <!-- endbuild -->
+
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
\ No newline at end of file
diff --git a/app/templates/includes/navbar.html b/app/templates/includes/navbar.html
new file mode 100644
index 0000000..906ec5a
--- /dev/null
+++ b/app/templates/includes/navbar.html
@@ -0,0 +1,56 @@
+<div class="mobile-menu-bar">
+    <button type="button" class="js-menu-trigger sliding-menu-button">
+        <i class="fa fa-bars"></i> Menu
+    </button>
+    <div class="logo">Widget Shop</div>
+</div>
+
+<nav class="navigation js-menu sliding-menu-content">
+    <div class="nav nav-public">
+        <a href="#">
+            <li class="nav-item nav-item-public logo">
+                <span class="title">Widget Shop</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public active">
+                <span class="title">Category 1</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 2</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 3</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-public">
+                <span class="title">Category 4</span>
+            </li>
+        </a>
+    </div>
+    <div class="nav nav-user">
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-username">
+                <i class="fa fa-user"></i>
+                <span class="title">Peter Hicks</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-alerts">
+                <i class="fa fa-shopping-cart"></i>
+                <span class="title">Basket</span>
+                <span class="count">1</span>
+            </li>
+        </a>
+        <a href="#">
+            <li class="nav-item nav-item-user nav-item-search">
+                <input type="search" placeholder="Search...">
+            </li>
+        </a>
+    </div>
+</nav>
diff --git a/app/templates/pages/index.html b/app/templates/pages/index.html
new file mode 100644
index 0000000..d4796c6
--- /dev/null
+++ b/app/templates/pages/index.html
@@ -0,0 +1,70 @@
+include "head.html"
+include "navbar.html"
+<main class="container">
+	<div class="container-inner">
+		<section class="product-top">
+			<div class="product-top-inner">
+				<div class="product-hero-image">
+					<img src="http://placehold.it/550x450" alt="Product image">
+				</div>
+				<div class="product-hero-text">
+					<h1 class="title">Acme Corporation Finest Luxury Widget</h1>
+					<dl class="features">
+						<dt>Feature 1</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+						<dt>Feature 2</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+						<dt>Feature 3</dt>
+						<dd>Lorem ipsum dolor sit amet.</dd>
+					</dl>
+					<div class="price-container">
+						<div class="price">£29.99</div>
+						<div class="button">Buy Now</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<section class="product-description">
+			<div class="full-features">
+				<div class="full-feature left">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore iste illum repellat illo perferendis numquam quos odit architecto deserunt doloribus repellendus dicta, atque quia, quasi voluptatum! Dolorum sint voluptates, dignissimos?
+						</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores totam dignissimos voluptatibus maiores eos aliquid doloremque itaque quis porro, ipsum laudantium a praesentium voluptate error deserunt quia nesciunt numquam alias?</p>
+					</div>
+				</div>
+				<div class="full-feature right">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi dolorem eveniet vel odio, ut dolor quis expedita repellendus veniam, qui, ratione minus sint possimus dolorum culpa fugit corrupti maxime voluptatum.</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit impedit tempore itaque ullam fugit adipisci explicabo doloremque temporibus atque qui vitae beatae, consequuntur libero totam odit, reprehenderit reiciendis sed porro.</p>
+					</div>
+				</div>
+				<div class="full-feature left">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas deleniti, architecto at neque quia alias placeat, labore iste repudiandae deserunt, aliquid rem corporis, expedita officia! Veniam autem distinctio beatae repudiandae?</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo aut hic numquam cumque animi at consequuntur ex voluptas, totam iure tenetur ullam suscipit temporibus nemo cupiditate accusantium ducimus. Voluptates, fuga!</p>
+					</div>
+				</div>
+				<div class="full-feature right">
+					<div class="feature-image">
+						<img src="http://placehold.it/150x150" alt="Feature image">
+					</div>
+					<div class="feature-description">
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, eos veniam similique blanditiis laboriosam architecto nostrum itaque, illo sed quisquam voluptatem, dolor, aut debitis reiciendis provident nesciunt. Molestiae, at in.</p>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla perspiciatis ex officiis nemo ab, ipsa voluptatum expedita sint quibusdam odio, quasi quia. Quas molestiae necessitatibus facere qui recusandae perspiciatis, facilis.</p>
+					</div>
+				</div>
+			</div>
+		</section>
+	</div>
+	include "footer.html"
+</main><!-- .container -->
\ No newline at end of file
diff --git a/bower.json b/bower.json
new file mode 100644
index 0000000..5023c4e
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,19 @@
+{
+  "name": "pokecharms",
+  "private": true,
+  "version": "0.0.1",
+  "dependencies": {
+    "modernizr": "~2.6.2",
+    "normalize-css": "~3.0.1",
+    "bourbon": "~4.0.1",
+    "jquery": "*",
+    "font-awesome": "~4.2.0",
+    "animate.css": "~3.2.0",
+    "slick.js": "~1.3.13",
+    "neat": "~1.7.0"
+  },
+  "devDependencies": {},
+  "resolutions": {
+    "neat": "~1.7.0"
+  }
+}
diff --git a/old/Gruntfile.js b/old/Gruntfile.js
new file mode 100644
index 0000000..ebc1229
--- /dev/null
+++ b/old/Gruntfile.js
@@ -0,0 +1,49 @@
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    'http-server': {
+      // the server root directory
+      root: './',
+
+      port: 8282,
+
+      host: "127.0.0.1",
+
+      showDir : true,
+      autoIndex: true,
+
+      // server default file extension
+      ext: "html",
+
+      // run in parallel with other tasks
+      runInBackground: true
+    },
+    sass: {
+        options: {
+            sourceMap: true
+        },
+        dist: {
+            files: {
+                'styles/main.css': 'styles/src/main.scss'
+            }
+        }
+    },
+    watch: {
+      scripts: {
+        files: ['**/*.scss'],
+        tasks: ['sass'],
+        options: {
+          spawn: false,
+          interrupt: true,
+          livereload: true,
+        },
+      },
+    },
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-http-server');
+
+  grunt.registerTask('default', ['http-server', 'watch']);
+
+};
\ No newline at end of file
diff --git a/old/css/src/main.scss b/old/css/src/main.scss
new file mode 100644
index 0000000..05aba7f
--- /dev/null
+++ b/old/css/src/main.scss
@@ -0,0 +1,3 @@
+body {
+	color: #f00;
+}
\ No newline at end of file
diff --git a/old/index.html b/old/index.html
new file mode 100644
index 0000000..4569fcb
--- /dev/null
+++ b/old/index.html
@@ -0,0 +1,10 @@
+<html>
+	<head>
+		<title>Hello, world!</title>
+
+		<link rel="stylesheet" href="styles/main.css" type="text/css">
+	</head>
+	<body>
+		Hello, world!
+	</body>
+</html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..51b9e84
--- /dev/null
+++ b/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "pokecharms",
+  "description": "Your source for Pokémon fanworks",
+  "version": "0.0.1",
+  "author": "Peter Hicks",
+  "dependencies": {},
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-autoprefixer": "~0.7.2",
+    "grunt-bower-install": "~1.4.0",
+    "grunt-concurrent": "~0.5.0",
+    "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-concat": "~0.3.0",
+    "grunt-contrib-connect": "~0.7.1",
+    "grunt-contrib-copy": "~0.5.0",
+    "grunt-contrib-cssmin": "~0.9.0",
+    "grunt-contrib-htmlmin": "~0.2.0",
+    "grunt-contrib-imagemin": "~0.6.0",
+    "grunt-contrib-jshint": "~0.9.2",
+    "grunt-contrib-sass": "~0.7.3",
+    "grunt-contrib-uglify": "*",
+    "grunt-contrib-watch": "~0.6.1",
+    "grunt-includes": "^0.4.5",
+    "grunt-mocha": "~0.4.10",
+    "grunt-modernizr": "~0.5.2",
+    "grunt-newer": "~0.7.0",
+    "grunt-rev": "~0.1.0",
+    "grunt-svgmin": "~0.4.0",
+    "grunt-usemin": "~2.1.0",
+    "jshint-stylish": "~0.1.5",
+    "load-grunt-tasks": "~0.4.0",
+    "time-grunt": "~0.3.1"
+  },
+  "engines": {
+    "node": ">=0.10.0"
+  }
+}
Cleanup
Merge branch 'master' of https://github.com/peterhicks/showcase

Conflicts:
	.gitignore