Permalink
Browse files

Basework done, start work on homepage

  • Loading branch information...
0 parents commit d9c2738382fa1d6bcb95ee5bdfa312de828a4651 @meltingice committed Nov 22, 2012
Showing with 337 additions and 0 deletions.
  1. +5 −0 .gitignore
  2. +3 −0 .gitmodules
  3. +11 −0 Gemfile
  4. +71 −0 Gemfile.lock
  5. +2 −0 Procfile
  6. +76 −0 Rakefile
  7. +12 −0 _config.yml
  8. +16 −0 _includes/header.html
  9. +17 −0 _layouts/main.html
  10. +1 −0 _plugins/asset_bundler
  11. +28 −0 _plugins/scss.rb
  12. +15 −0 index.html
  13. +5 −0 sass/_custom_mixins.scss
  14. +38 −0 sass/_header.scss
  15. +9 −0 sass/_type.scss
  16. +28 −0 sass/main.scss
  17. 0 sass/sections/home.scss
@@ -0,0 +1,5 @@
+_site/
+_asset_bundler_cache/
+.DS_Store
+.sass-cache/
+stylesheets/
@@ -0,0 +1,3 @@
+[submodule "_plugins/asset_bundler"]
+ path = _plugins/asset_bundler
+ url = git@github.com:layervault/jekyll-asset_bundler.git
@@ -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'
@@ -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
@@ -0,0 +1,2 @@
+jekyll: jekyll --server --auto
+comapss: compass watch
@@ -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
@@ -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
+
@@ -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>
@@ -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>
Submodule asset_bundler added at f8c40d
@@ -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
@@ -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>
@@ -0,0 +1,5 @@
+@mixin borderRadius($rad) {
+ -webkit-border-radius: $rad;
+ -moz-border-radius: $rad;
+ border-radius: $rad;
+}
@@ -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;
+ }
+ }
+ }
+}
@@ -0,0 +1,9 @@
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+p, li { font-size: 15px; }
+
+p {
+ line-height: 24px;
+}
@@ -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;
+}
No changes.

0 comments on commit d9c2738

Please sign in to comment.