Basework done, start work on homepage

.gitignore

@@ -0,0 +1,5 @@
+_site/
+_asset_bundler_cache/
+.DS_Store
+.sass-cache/
+stylesheets/

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "_plugins/asset_bundler"]
+	path = _plugins/asset_bundler
+	url = git@github.com:layervault/jekyll-asset_bundler.git

Gemfile

@@ -0,0 +1,11 @@
+source 'http://rubygems.org'
+
+gem 'jekyll'
+gem 'haml'
+gem 'rake'
+gem 'RedCloth'
+gem 'compass'
+gem 'foreman'
+gem 'rb-fsevent'
+gem 'capistrano'
+gem 'yui-compressor'

Gemfile.lock

@@ -0,0 +1,71 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    POpen4 (0.1.4)
+      Platform (>= 0.4.0)
+      open4
+    Platform (0.4.0)
+    RedCloth (4.2.9)
+    albino (1.3.3)
+      posix-spawn (>= 0.3.6)
+    capistrano (2.13.5)
+      highline
+      net-scp (>= 1.0.0)
+      net-sftp (>= 2.0.0)
+      net-ssh (>= 2.0.14)
+      net-ssh-gateway (>= 1.1.0)
+    chunky_png (1.2.6)
+    classifier (1.3.3)
+      fast-stemmer (>= 1.0.0)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    directory_watcher (1.4.1)
+    fast-stemmer (1.0.1)
+    foreman (0.60.2)
+      thor (>= 0.13.6)
+    fssm (0.2.9)
+    haml (3.1.7)
+    highline (1.6.15)
+    jekyll (0.11.2)
+      albino (~> 1.3)
+      classifier (~> 1.3)
+      directory_watcher (~> 1.1)
+      kramdown (~> 0.13)
+      liquid (~> 2.3)
+      maruku (~> 0.5)
+    kramdown (0.14.0)
+    liquid (2.4.1)
+    maruku (0.6.1)
+      syntax (>= 1.0.0)
+    net-scp (1.0.4)
+      net-ssh (>= 1.99.1)
+    net-sftp (2.0.5)
+      net-ssh (>= 2.0.9)
+    net-ssh (2.6.1)
+    net-ssh-gateway (1.1.0)
+      net-ssh (>= 1.99.1)
+    open4 (1.3.0)
+    posix-spawn (0.3.6)
+    rake (10.0.2)
+    rb-fsevent (0.9.2)
+    sass (3.2.3)
+    syntax (1.0.0)
+    thor (0.16.0)
+    yui-compressor (0.9.6)
+      POpen4 (>= 0.1.4)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  RedCloth
+  capistrano
+  compass
+  foreman
+  haml
+  jekyll
+  rake
+  rb-fsevent
+  yui-compressor

Procfile

@@ -0,0 +1,2 @@
+jekyll:  jekyll --server --auto
+comapss: compass watch

Rakefile

@@ -0,0 +1,76 @@
+namespace :jekyll do
+
+  desc 'Delete generated _site files'
+  task :clean do
+    system "rm -fR _site"
+  end
+
+  desc 'Run the jekyll dev server'
+  task :server do
+    system "jekyll --server --auto"
+  end
+
+  desc 'Clean temporary files and run the server'
+  task :compile => [:clean, 'compass:clean', 'compass:compile'] do
+    system "jekyll"
+  end
+
+end
+
+namespace :deploy do
+  desc 'Deploy to production'
+  task :prod => ['dev:off'] do
+    system "cap deploy"
+  end
+
+end
+
+namespace :compass do
+
+  desc 'Delete temporary compass files'
+  task :clean do
+    system "rm -fR css/*"
+  end
+
+  desc 'Run the compass watch script'
+  task :watch do
+    system "compass watch"
+  end
+
+  desc 'Compile sass scripts'
+  task :compile => [:clean] do
+    system "compass compile"
+  end
+
+end
+
+namespace :pygments do
+
+  desc 'Delete pygments CSS files'
+  task :clean do
+    system "rm -f _sass/3rd_party/pygments/*.scss"
+  end
+
+  desc 'Generate pygments CSS'
+  task :compile => [:clean] do
+    system "mkdir -p _sass/3rd_party/pygments"
+    system "pygmentize -S default -f html > _sass/3rd_party/pygments/default.scss"
+  end
+
+end
+
+namespace :dev do
+
+  desc 'Un-publish old posts to speed up development'
+  task :on => ['jekyll:clean'] do
+    system 'find . -name "*.textile" -exec sed -i "" "s|^published: true|published: false|g" {} \;'
+    system 'find . -name "*.yml" -exec sed -i "" "s|^published: true|published: false|g" {} \;'
+  end
+
+  desc 'Re-publish old posts for deployment'
+  task :off => ['jekyll:clean'] do
+    system 'find . -name "*.textile" -exec sed -i "" "s|^published: false|published: true|g" {} \;'
+    system 'find . -name "*.yml" -exec sed -i "" "s|^published: false|published: true|g" {} \;'
+  end
+
+end

_config.yml

@@ -0,0 +1,12 @@
+exclude: Gemfile, Gemfile.lock, Rakefile, config.rb, sass
+safe: false
+server_port: 4000
+url: http://localhost:4000
+asset_bundler:
+  compress:
+    js: yui
+    css: yui
+  base_path: bundles/
+  remove_bundled: false
+  dev: false
+

_includes/header.html

@@ -0,0 +1,16 @@
+<div id="HeaderContainer">
+  <div id="Header">
+    <div class="Left">
+      <h1>CamanJS</h1>
+    </div>
+    <div class="Right">
+      <ul>
+        <li {% if page.section == 'home' %}class="Active"{% endif %}>Home</li>
+        <li {% if page.section == 'examples' %}class="Active"{% endif %}>Examples</li>
+        <li {% if page.section == 'guides' %}class="Active"{% endif %}>Guides</li>
+        <li {% if page.section == 'api' %}class="Active"{% endif %}>API Docs</li>
+      </ul>
+    </div>
+    <div class="Clear"></div>
+  </div>
+</div>

_layouts/main.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf8">
+  <title>{{ page.title }}</title>
+
+  {% bundle %}
+    - /stylesheets/main.css
+    - /stylesheets/sections/{{page.section}}.css
+  {% endbundle %}
+
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+</head>
+<body>
+  {{ content }}
+</body>
+</html>

_plugins/scss.rb

@@ -0,0 +1,28 @@
+module Jekyll
+  # Sass plugin to convert .scss to .css
+  #
+  # Note: This is configured to use the new css like syntax available in sass.
+  require 'sass'
+  class SassConverter < Converter
+    safe true
+    priority :low
+
+    def matches(ext)
+      ext =~ /scss/i
+    end
+
+    def output_ext(ext)
+      ".css"
+    end
+
+    def convert(content)
+      begin
+        puts "Performing Sass Conversion."
+        engine = Sass::Engine.new(content, :syntax => :scss)
+        engine.render
+      rescue StandardError => e
+        puts "!!! SASS Error: " + e.message
+      end
+    end
+  end
+end

index.html

@@ -0,0 +1,15 @@
+---
+layout: main
+title: CamanJS - Javascript Image Manipulation
+section: home
+---
+
+{% include header.html %}
+
+<div id="Content">
+  <p><b>Javascript (Ca)vas (Man)ipulation</b></p>
+
+  <p>The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.</p>
+
+  <p>CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. It has a powerful layering system, much like the one present in Photoshop and GIMP, that makes the sky the limit for your creativity.</p>
+</div>

sass/_custom_mixins.scss

@@ -0,0 +1,5 @@
+@mixin borderRadius($rad) {
+  -webkit-border-radius: $rad;
+     -moz-border-radius: $rad;
+          border-radius: $rad;
+}

sass/_header.scss

@@ -0,0 +1,38 @@
+#HeaderContainer {
+  position: fixed;
+  width: 100%;
+  height: 50px;
+  top: 0;
+  left: 0;
+}
+
+#Header {
+  width: 600px;
+  height: 50px;
+  margin: 0 auto;
+  padding: 20px 0;
+
+  h1 {
+    font-weight: 100;
+    line-height: 50px;
+    margin: 0;
+    font-size: 36px;
+  }
+
+  ul {
+    list-style: none;
+    margin: 0;
+
+    li {
+      float: left;
+      line-height: 50px;
+      padding: 0 20px;
+      font-weight: 200;
+
+      &.Active {
+        color: #368ad2;
+        font-weight: normal;
+      }
+    }
+  }
+}

sass/_type.scss

@@ -0,0 +1,9 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+p, li { font-size: 15px; }
+
+p {
+  line-height: 24px;
+}

sass/main.scss

@@ -0,0 +1,28 @@
+@import "_custom_mixins";
+@import "_type";
+@import "_header";
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+.Clear {
+  clear: both;
+}
+
+.Left {
+  float: left;
+  text-align: left;
+}
+
+.Right {
+  float: right;
+  text-align: right;
+}
+
+#Content {
+  width: 600px;
+  margin: 100px auto;
+  padding: 20px 0;
+}