caboodle 0.1.0

data/lib/caboodle/app/stylesheets/_defaults.scss

@@ -0,0 +1,257 @@
+//** DEFAULT STYLES **//
+
+// Based on the work of:
+// Andy Clarke: http://forabeautifulweb.com/
+
+// Imports --------------------------------------------------------------*/
+
+@import "base";
+@import "susy/reset";
+
+/* Body --------------------------------------------------------------*/
+
+body {
+  @include serif-family;
+  color: $base;
+}
+
+/* Links --------------------------------------------------------------*/
+
+a {
+  &:link, &:visited {
+    color: $alt;
+  }
+  &:focus, &:hover, &:active {
+    color: darken($alt,5);
+    text-decoration: none;
+  }
+  img {
+    border: none;
+  }
+}
+
+/* Headings --------------------------------------------------------------*/
+
+h1, h2, h3, h4, h5, h6 { 
+  font-weight: normal;
+  img {
+    margin: 0;
+  }
+}
+
+h1 { 
+  @include adjust-font-size-to(48px);
+  @include trailer(1,48px);
+}
+
+h2 { 
+  @include adjust-font-size-to(32px);
+  @include trailer(1,32px);  
+}
+
+h3 {
+  @include adjust-font-size-to(24px);
+  @include trailer(1,24px);
+}
+
+h4 {
+  @include adjust-font-size-to(18px);
+  @include trailer(1,18px);
+}
+
+h5, h6 { 
+  @include trailer(1);
+  font-weight: bold;
+}
+
+/* Text --------------------------------------------------------------*/
+
+cite, em, dfn { 
+  font-style: italic;
+}
+
+strong, dfn { 
+  font-weight: bold;
+}
+
+sup, sub { 
+  line-height: 0;
+}
+
+abbr, acronym { 
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+address {
+  @include trailer;
+  font-style: italic;
+}
+
+ins { 
+  text-decoration: underline;
+}
+
+del { 
+  text-decoration: line-through;
+}
+
+pre, code, tt {
+  margin: $base-rhythm-unit {
+    left: -$base-rhythm-unit;
+  };
+  padding-left: $base-rhythm-unit;
+  border-left: 1px dotted;
+  @include monospace-family;
+}
+
+pre { 
+  white-space: pre;
+}
+
+code { 
+  display: block;
+}
+
+q {
+  font-style: italic;
+  em {
+    font-style: normal;
+  } 
+}
+
+p {
+  @include trailer;
+}
+
+blockquote, q {
+  quotes : "" "";
+}
+
+blockquote { 
+  margin: $base-rhythm-unit {
+    left: -$base-rhythm-unit;
+  };
+  padding-left: $base-rhythm-unit;
+  border-left: 1px solid;
+  @include serif-family;
+  font-style: italic;
+}
+
+blockquote, q {
+  &:before, &:after { 
+    content: "";
+  }
+}
+
+/* Replaced --------------------------------------------------------------*/
+
+img {
+  vertical-align: bottom;
+}
+
+/* Lists --------------------------------------------------------------*/
+
+@mixin list-default($ol: false) {
+  margin: 0 $base-rhythm-unit $base-rhythm-unit 0;
+  @if $ol {
+    list-style: decimal;
+  } @else {
+    list-style: disc;
+  } 
+}
+
+@mixin no-style-list {
+  @include no-bullets;
+  margin: 0;
+  padding: 0;
+}
+
+ol {
+  @include list-default(ol);
+}
+
+ul {
+  @include list-default;
+}
+
+li {
+  ul, ol { 
+    list-style-type: circle;
+    margin: 0 $base-rhythm-unit $base-rhythm-unit*.5;
+  }
+}
+
+dl {
+  @include trailer;
+  @include leading-border(1px);
+  dt {
+    @include adjust-font-size-to(18px);
+    @include trailer(.5,18px);
+  }
+}
+
+dd {
+  @include trailer;
+  @include trailing-border(1px);
+}
+
+/* Tables --------------------------------------------------------------*/
+/* tables still need 'cellspacing="0"' in the markup */
+
+table {
+  @include trailer;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+table, td, th { 
+  vertical-align: top;
+}
+
+th, thead th {
+  font-weight: bold;
+}
+
+th, td, caption {
+  padding: $base-rhythm-unit*.5;
+  text-align: left;
+  font-weight: normal;
+}
+
+th, td {
+  @include trailing-border(1px,.5);
+}
+
+tfoot { 
+  @include adjust-font-size-to(14px);
+}
+
+caption {
+  @include adjust-font-size-to(24px);
+  @include trailer(1,24px);
+}
+
+/* Forms --------------------------------------------------------------*/
+
+fieldset {
+  @include trailer;
+  @include rhythm-borders(1px);
+}
+
+legend {
+  @include adjust-font-size-to(18px);
+  font-weight: bold;
+}
+
+label {
+  font-weight: bold;
+}
+
+textarea, input:not([type="radio"]) {
+  // box-sizing will help us control the width of inputs
+  // which are otherwise very hard to manage in the grid.
+  @include box-sizing(border-box);
+  width: 100%;
+}

data/lib/caboodle/app/stylesheets/ie.scss

@@ -0,0 +1,10 @@
+/* Welcome to Susy. Use this file to write IE specific override styles.
+ * Import this file using the following HTML or equivalent:
+ * <!--[if IE]>
+ *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+ * <![endif]--> */
+
+// Imports --------------------------------------------------------------*/
+
+@import "base";
+

data/lib/caboodle/app/stylesheets/print.scss

@@ -0,0 +1,33 @@
+/* Welcome to Susy. Use this file to define print styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
+
+// Imports --------------------------------------------------------------*/
+
+@import "defaults";
+
+/* Print Defaults --------------------------------------------------------------*/
+
+@mixin print {
+  nav {
+    // no need to navigate on paper
+    display: none; 
+  }
+  * {
+    // floated elements disappear when they overflow the page
+    float: none !important; 
+    background: none;
+  }
+  body {
+    @include serif-family;
+    font-size: 12pt;
+    background: white;
+    color: black; 
+  }
+  a:link:after, a:visited:after {
+    // print target URLs next to their links
+    content: " (" attr(href) ") "; 
+  } 
+}
+
+@include print;

data/lib/caboodle/app/stylesheets/screen.scss

@@ -0,0 +1,292 @@
+/* Welcome to Susy. Use this file to define screen styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
+
+// Imports --------------------------------------------------------------*/
+
+@import "defaults";
+
+/* Layout --------------------------------------------------------------*/
+
+@include susy;
+
+// change '#page' to match your HTML container element(s)
+#page {
+  @include container;
+  //@include show-grid("grid.png"); 
+  @include sans-family;
+}
+
+// show-grid loads a 64+16x24 grid image by default
+// For other grid settings, run `compass grid-img 30+10x20`
+// Where 30 is the column width, 10 is the gutter width, 
+// and 20 is the (optional) line-height.
+
+/* Styles --------------------------------------------------------------*/
+
+header#site-header {
+  @include full;
+  @include leader(6,32px);
+  @include trailer(2,32px);
+  #logo {
+    @include columns(1,12);
+    @include prefix(1);
+    img {
+      width: 64px;
+      height: auto;
+      
+    }
+  }
+  #site-title {
+    @include columns(5,12);
+    h1{
+      @include adjust-font-size-to(24px);
+      color: black;
+    }
+  }
+  #site-description {
+    @include columns(5,12);
+    h2 {
+      @include adjust-font-size-to(24px);
+      color: #ddd;
+    }
+  }
+  #access {
+    @include skip-link();
+  }
+  nav {
+    @include trailer(1,32px);
+    @include prefix(2);
+    ul {
+      @include inline-block-list(12px);
+      li {
+        @include slab-family;
+      }
+    }
+  }
+}
+
+section#main {
+  @include full;
+  header#page_title
+   {
+    h1, h2 {
+      @include adjust-font-size-to(48px);
+      color: #aaa;
+      @include prefix(2);
+    }
+  }
+  section#content {
+    min-height: 320px;
+    @include prefix(0);
+    @include columns(12,12);
+    @include leader(1,32px);
+    h1, h2 {
+      @include adjust-font-size-to(24px);
+    }
+    article {
+      @include trailer(2,32px);
+      aside {
+        color: #aaa;
+        a {
+          color: #999;
+        }
+      }
+    }
+  }
+  aside#sidebar {
+    @include columns(2,12);
+    ul {
+      @include no-style-list;
+    }
+  }
+}
+
+footer {
+  @include prefix(2);
+  @include full;
+  @include slab-family;
+}
+
+section.subsection {
+  @include columns(12,12);
+  aside.submenu {
+    @include columns(2,12);
+    ul {
+      @include no-style-list;
+      @include adjust-font-size-to(12px);
+    }
+  }
+  
+  section.subpage {
+    @include columns(9,12);
+  }
+}
+
+#galleria_gallery {
+  @include columns(10,10);
+  #main_image {
+    @include trailer(2,32px);
+    min-height: 320px;
+    min-width: 532px;
+    background-color: #f6f6f6;
+    text-align: center;
+    padding: 16px;
+    img {
+      vertical-align: middle;
+      @include box-shadow(0px, 0px, 32px, #aaaaaa);
+    }
+  }
+  #gallery.gallery {
+    @include columns(10,10);
+    ul {
+      @include no-style-list;
+      li {
+        display: inline-block;
+      }
+    }
+  }
+}
+
+.posterous, .page {
+  @include prefix(2);
+}
+
+.posterous {
+  #pagination {
+    @include leader(3,32px);
+    @include trailer(3,32px);
+    font-weight: bold;
+  }
+  @include columns(6,10);
+  article {
+    h2 > a {
+      display: none;
+    }
+    h2.entry-title a {
+      display: inline !important;
+    }
+  }
+}
+
+.linkedin{
+  #additional-information{
+    h2 + h3 {
+      display: none;
+    }
+  }
+  
+  #additional-information {
+    .websites {
+      display: none;
+    }
+  }
+  #contact-settings, .affiliation {
+    display :none;
+  }
+  @include adjust-font-size-to(14px);
+  .showhide-link, .connections, .recommended, hr {
+    display: none;
+  }
+  h2 {
+    @include adjust-font-size-to(32px);
+    @include leader(2,32px);
+    @include trailing-border(2px,1,32px, solid);
+  }
+  
+  h3, dt {
+    @include adjust-font-size-to(24px);
+    @include slab-family;
+  }
+  
+  ul.vcalendar {
+    padding-left: 32px;
+    background-color: #eee;
+    @include padding-leader(1,32px);
+    @include padding-trailer(1,32px);
+  }
+  
+  #summary {
+    
+  }
+  #overview {
+    @include trailer(2,32px);
+    @include columns(8,8);
+    -moz-column-count: 2;
+  	-moz-column-gap: 32px;
+  	-webkit-column-count: 2;
+  	-webkit-column-gap: 32px;
+  	column-count: 2;
+  	column-gap: 32px;
+    dl {
+      dt {
+        
+      }
+      dd {
+        
+      }
+    }
+  }
+  
+}
+
+#portfolio {
+  dl {
+    @include no-style-list;
+    border: 0px !important;
+    dt {
+      @include adjust-font-size-to(24px);
+      @include slab-family;
+      @include columns(1,6);
+      border: 0px !important;
+    }
+    dd {
+      @include columns(4,6);
+      border: 0px !important;
+      .awards {
+        @include adjust-font-size-to(12px);
+      }
+    }
+  }
+}
+
+#twitter {
+  #tweets { 
+    background-color: #eee;
+    @include padding-leader(1,32px);
+    @include padding-trailer(1,32px);
+    @include trailer(2,32px);
+    @include pad(1,1);
+    .tweet {
+       display: block;
+       background-color: #fff;
+       @include box-shadow(0px, 0px, 16px, #aaaaaa);
+       @include padding-leader(1,32px);
+       @include padding-trailer(1,32px);
+       @include pad(1,1);
+       a.status_link {
+         display: block;
+         position: relative;
+         z-index: 2;
+         left: -32px;
+       }
+     }
+  }
+  #overlay {  
+    img {
+      @include trailer(1,32px);
+    }
+  }
+
+}
+
+#onepage {
+  iframe {
+    width: 580px;
+    height: 580px;
+    background-color: #eee;
+    padding: 32px;
+    overflow: hidden;
+    scroll: none;
+  }
+}

data/lib/caboodle/app/views/layout.haml

@@ -0,0 +1,66 @@
+!!!
+%html{:dir => "ltr", :lang => "en-US", :xmlns => "http://www.w3.org/1999/xhtml"}
+  %head{:profile => "http://gmpg.org/xfn/11"}
+    %meta{:content => "text/html; charset=utf-8", "http-equiv" => "content-type"}/
+    %meta{:content => "index,follow", :name => "robots"}/
+    
+    %title= @title || Caboodle::Site.title
+    %link{:href => "/stylesheets/screen.css", :rel => "stylesheet", :type => "text/css"}/
+    
+    - Caboodle::Stylesheets.each do |css|
+      %link{:rel => "stylesheet", :rel => css, :type => "text/css"}    
+    
+    %link{:href => Caboodle::Site.url_base, :rel => "index", :title => Caboodle::Site.title}/
+   
+    %script{:charset => "utf-8", :src => "http://ajax.googleapis.com/ajax/libs/jquery/#{Caboodle::Site.jquery_version || "1.4.2"}/jquery.min.js", :type => "text/javascript"}
+    %script{:charset => "utf-8", :src => "/js/application.js", :type => "text/javascript"}
+
+    - Caboodle::Javascripts.each do |js|
+      %script{:charset => "utf-8", :src => js, :type => "text/javascript"}
+
+    / - content_for :javascripts do
+    /   
+    / 
+    /     = yield_content :some_key
+    
+        
+  %body.sinatra.ruby
+    #page.hfeed
+      %header#site-header
+        #logo
+          %a{:href => "/", :rel => "home", :title => Caboodle::Site.title }
+            %img{:src=>Caboodle::Site.logo_url, :width=>"64", :height=>"64"}
+        #site-title
+          %h1
+            %a{:href => "/", :rel => "home", :title => Caboodle::Site.title }
+              = Caboodle::Site.title
+        #site-description
+          %h2= Caboodle::Site.description
+        #access
+          .skip-link
+            %a{:href => "#content", :title => "Skip navigation to the content"} Skip to content
+        %nav
+          %ul
+            %li
+              %a{:href=>"/"}
+                = Caboodle::Site.home_title
+            - Caboodle::MenuItems.each do |p|
+              %li
+                %a{:href=>p[:link]}
+                  = p[:display]
+                
+      %section#main
+        - if @title
+          %header#page_title
+            %h1
+              = @title
+        %section#content
+          = yield
+      %footer#footer
+        %p
+          \© 
+          = Caboodle::Site.author
+          |
+          Powered by 
+          %a{:href=>"http://github.com/steflewandowski/caboodle"}
+            Caboodle

data/lib/caboodle/app.rb

@@ -0,0 +1,35 @@
+module Caboodle
+  
+  class App < Sinatra::Base
+    register Sinatra::Compass
+      
+    set :app_file, __FILE__
+    set :logging, true
+    set :root, File.expand_path(".")
+    set :views, Proc.new { File.join(root, "views") }
+    set :public, Proc.new { File.join(root, "public") }
+    #disable :run, :reload
+    # set :compass, :sass_dir => File.join(root, "stylesheets")
+    #   
+    # get_compass("/css/:name.css") do
+    #   compass :one_stylesheet
+    # end
+    
+    helpers Sinatra::ContentFor
+  
+    configure do
+      config_path = File.expand_path(File.join(root,"config","site.yml"))
+      if File.exists?(config_path)
+        Caboodle::Kit.load_config(config_path)
+        Caboodle::Kit.setup
+      end
+      
+      puts Caboodle::Site.inspect
+    end
+    # get '/:kit/stylesheet.css' do
+    #   header 'Content-Type' => 'text/css; charset=utf-8'
+    #   sass :stylesheet
+    # end
+  
+  end
+end