CirrusKit 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MzllZDYyYzg2OWZhYTQ1OWU1ODgwMzUzMmM5NTI4ODU0YjJkYzVkNA==
+  data.tar.gz: !binary |-
+    MjdhMzBlNGRhNWNlM2FkY2Q3YWI5YzkyNGRkZmMzOTM1MDY5YmEyNw==
+SHA512:
+  metadata.gz: !binary |-
+    MDQ0Yzg2OWUwNjlhYWM5OTBmN2Y1MGMxMjViYTc1ODI4Nzk5Y2I5MDViNGQz
+    ZDBmMjU1OTk3NTM5MTc0OGRlODZmMTAzZjQ5ZjVlNDcyZWFiMzAxNzVlOTQ5
+    MzE5Y2YwNTQwMWZiOGQwNTM0OTJlMjg5YWZjMmQzMjI4ZmE4YzA=
+  data.tar.gz: !binary |-
+    MDE2MmQ3MmQ4YzI1ZDRiOTBlN2M1N2IxOTFhOGRhYmUwODQ0ODU0OWQ3NWMy
+    MTNjYzU4ZDAxYzg5MzVhZDRlODBmYzM3MjFlYTU3Mjk3YWQxNDI1N2Q0YjRh
+    OGNkMmI3ZDBiYTliMzc2NmJiYjlhYzZmNzE0MzI1OTgzZTRkYzE=

data/.gitignore

@@ -0,0 +1,3 @@
+*.DS_Store
+*.gem
+.bundle

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in cirruskit.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,27 @@
+PATH
+  remote: .
+  specs:
+    CirrusKit (0.0.1)
+      coffee-script
+      less
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.6.3)
+    commonjs (0.2.7)
+    execjs (2.0.2)
+    less (2.4.0)
+      commonjs (~> 0.2.7)
+    rake (10.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  CirrusKit!
+  bundler (~> 1.3)
+  rake

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 nikolaiwarner
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,32 @@
+# CirrusKit
+
+A UI toolkit for html that unifies things the way I want to see them.
+
+Love,
+@nikolaiwarner
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'cirruskit'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install cirruskit
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/cirruskit.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'cirruskit/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "CirrusKit"
+  spec.version       = Cirruskit::VERSION
+  spec.authors       = ["nikolaiwarner"]
+  spec.email         = ["n@nikolaiwarner.com"]
+  spec.description   = "A UI and style toolkit for Cirrus-esque apps."
+  spec.summary       = "A UI and style toolkit for Cirrus-esque apps."
+  spec.homepage      = "https://github.com/CirrusMio/CirrusKit"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_runtime_dependency 'less'
+  spec.add_runtime_dependency 'coffee-script'
+end

data/examples/index.haml

@@ -0,0 +1,20 @@
+!!!
+%html
+  %head
+    %title Example
+    %link{href: "cirruskit.css", rel: "stylesheet"}
+    %script{src: "cirruskit.js", type: "text/javascript"}
+  %body.cirruskit
+    .nav-panel
+      .nav-item.active
+        %a.nav-icon{href: admin_path}
+          %span.nav-icon.glyphicon.glyphicon-cloud
+          %span.label
+            Dashboard
+      .nav-item
+        %a.nav-icon{href: admin_videos_path}
+          %span.nav-icon.glyphicon.glyphicon-facetime-video
+          %span.label
+            Manage Videos
+    .content-panel
+      = yield

data/js/cirruskit/cirruskit.coffee

@@ -0,0 +1,30 @@
+class CirrusKit
+  constructor: ->
+    @container = $('.cirruskit')
+    @nav_panel = @container.find '.nav-panel'
+    @content_panel = @container.find '.content-panel'
+    @setup_events()
+
+  setup_events: =>
+    @nav_panel.hover @nav_panel_hover, @nav_panel_stop_hover
+
+    @content_panel.scroll (e) =>
+      @update_top_fixed(e)
+
+  nav_panel_hover: =>
+    @nav_panel.addClass 'hover'
+
+  nav_panel_stop_hover: =>
+    @nav_panel.removeClass 'hover'
+
+  update_top_fixed: (e) =>
+    # Let .cirruskit-top-fixed stick to top on scroll
+    $fixed = @container.find('.cirruskit-top-fixed')
+    if @content_panel.scrollTop() > $fixed.offset().top
+      $fixed.addClass 'fixed'
+      @content_panel.css 'padding-top', $fixed.height()
+    else
+      $fixed.removeClass 'fixed'
+      @content_panel.css 'padding-top', 0
+
+(exports ? this).cirruskit = new CirrusKit()

data/js/cirruskit/index.js

@@ -0,0 +1,4 @@
+/*
+=require cirruskit/cirruskit
+*/
+

data/less/cirruskit/cirruskit.less

@@ -0,0 +1,106 @@
+@cirruskit_color1: #000;
+@cirruskit_color1_alt: #666;
+@cirruskit_color2: #fff;
+@cirruskit_color2_alt: #ffffd0;
+
+body, html {
+  height: 100%;
+}
+
+.cirruskit {
+  .content-panel {
+    left: 0px;
+    padding: 0px;
+    padding-left: 70px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+  }
+
+  .nav-panel {
+    background-color: @cirruskit_color1;
+    width: 45px;
+    border-right: 1px solid @cirruskit_color1_alt;
+    height: 100%;
+    overflow: hidden;
+    float: left;
+    margin-right: 10px;
+    padding: 10px 0;
+    text-align: left;
+    font-size: 24px;
+    position: relative;
+    z-index: 1;
+    transition: all 0.5s;
+
+    a {
+      color: @cirruskit_color2;
+    }
+
+    .bottom {
+      position: absolute;
+      bottom: 10px;
+      width: 100%;
+    }
+
+    .nav-item {
+      padding-left: 10px;
+      margin-bottom: 5px;
+
+      &.active {
+        border-left: 3px solid @cirruskit_color2;
+        padding-left: 7px;
+      }
+
+      .nav-icon {
+        transition: all 0.3s;
+      }
+
+      .label {
+        text-align: left;
+        opacity: 0;
+        transition: all 0.7s;
+        position: absolute;
+        margin-left: -200px;
+        margin-top: 7px;
+        font-size: 14px;
+        color: @cirruskit_color2_alt;
+        background-color: transparent;
+
+        small {
+          font-size: 10px;
+          display: block;
+        }
+      }
+
+      &:hover {
+        background-color: @cirruskit_color1_alt;
+
+        .nav-icon {
+          -webkit-transform: scale(1.2);
+          transform: scale(1.2);
+        }
+      }
+    }
+
+    &.hover {
+      width: 200px;
+      box-shadow: 0 0 20px #000;
+
+      .label {
+        opacity: 1;
+        margin-left: 0;
+      }
+    }
+  }
+
+  .cirruskit-top-fixed {
+    &.fixed {
+      background-color: transparent;
+      position: fixed;
+      top: 0;
+      width: 100%;
+      z-index: 100;
+    }
+  }
+}

data/less/cirruskit/index.css

@@ -0,0 +1 @@
+@import "cirruskit/cirruskit";

data/lib/cirruskit.rb

@@ -0,0 +1,7 @@
+require "cirruskit/version"
+
+module Cirruskit
+  if defined?(Rails::Engine)
+    require "cirruskit/engine"
+  end
+end

data/lib/cirruskit/engine.rb

@@ -0,0 +1,6 @@
+class Engine < Rails::Engine
+  initializer "cirruskit.update_asset_paths" do |app|
+    app.config.assets.paths << File.expand_path("../../../less", __FILE__)
+    app.config.assets.paths << File.expand_path("../../../js", __FILE__)
+  end
+end

data/lib/cirruskit/version.rb

@@ -0,0 +1,3 @@
+module Cirruskit
+  VERSION = "0.0.1"
+end

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: CirrusKit
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- nikolaiwarner
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: less
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: coffee-script
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A UI and style toolkit for Cirrus-esque apps.
+email:
+- n@nikolaiwarner.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- cirruskit.gemspec
+- examples/index.haml
+- js/cirruskit/cirruskit.coffee
+- js/cirruskit/index.js
+- less/cirruskit/cirruskit.less
+- less/cirruskit/index.css
+- lib/cirruskit.rb
+- lib/cirruskit/engine.rb
+- lib/cirruskit/version.rb
+homepage: https://github.com/CirrusMio/CirrusKit
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.9
+signing_key: 
+specification_version: 4
+summary: A UI and style toolkit for Cirrus-esque apps.
+test_files: []
+has_rdoc: