caboodle 0.1.0

data/.document

@@ -0,0 +1,5 @@
+README.rdoc
+lib/**/*.rb
+bin/*
+features/**/*.feature
+LICENSE

data/.gitignore

@@ -0,0 +1,21 @@
+## MAC OS
+.DS_Store
+
+## TEXTMATE
+*.tmproj
+tmtags
+
+## EMACS
+*~
+\#*
+.\#*
+
+## VIM
+*.swp
+
+## PROJECT::GENERAL
+coverage
+rdoc
+pkg
+
+## PROJECT::SPECIFIC

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 steflewandowski
+
+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.rdoc

@@ -0,0 +1,21 @@
+= caboodle
+
+Caboodle is a simple way to create a quick mashup website.
+
+Select which Kits to use in your site, or create your own. 
+
+Caboodle is based on Sinatra, and each Kit is a small Sinatra application.
+
+== Note on Patches/Pull Requests
+ 
+* Fork the project.
+* Make your feature addition or bug fix.
+* Add tests for it. This is important so I don't break it in a
+  future version unintentionally.
+* Commit, do not mess with rakefile, version, or history.
+  (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)
+* Send me a pull request. Bonus points for topic branches.
+
+== Copyright
+
+Copyright (c) 2010 Stef Lewandowski. See LICENSE for details.

data/Rakefile

@@ -0,0 +1,64 @@
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "caboodle"
+    gem.summary = "Web mashups the simple way"
+    gem.description = "Use Kits to create simple mashups."
+    gem.email = "stef@stef.io"
+    gem.homepage = "http://github.com/steflewandowski/caboodle"
+    gem.authors = ["steflewandowski"]
+    gem.add_dependency "heroku", ">= 0"
+    gem.add_dependency "sinatra", ">=1.0"
+    gem.add_dependency "hashie", ">=0.2.0"
+    gem.add_dependency "haml", ">=3.0.12"
+    gem.add_dependency "compass", ">=0.10.2"
+    gem.add_dependency "compass-susy-plugin", ">=0.7.0"
+    gem.add_dependency "sinatra-compass", ">=0.5.0"
+    gem.add_dependency "sinatra-advanced-routes", ">=0.5.1"
+    gem.add_dependency "sinatra-content-for",">=0.2.0"
+    gem.add_dependency "memcached",">=0.19.9"
+    gem.add_dependency "nokogiri",">=1.4.0"
+    gem.add_dependency "weary",">=0.7.2"
+    gem.add_dependency "sleepy",">=0.1.3"
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
+end
+
+require 'rake/testtask'
+Rake::TestTask.new(:test) do |test|
+  test.libs << 'lib' << 'test'
+  test.pattern = 'test/**/test_*.rb'
+  test.verbose = true
+end
+
+begin
+  require 'rcov/rcovtask'
+  Rcov::RcovTask.new do |test|
+    test.libs << 'test'
+    test.pattern = 'test/**/test_*.rb'
+    test.verbose = true
+  end
+rescue LoadError
+  task :rcov do
+    abort "RCov is not available. In order to run rcov, you must: sudo gem install spicycode-rcov"
+  end
+end
+
+task :test => :check_dependencies
+
+task :default => :test
+
+require 'rake/rdoctask'
+Rake::RDocTask.new do |rdoc|
+  version = File.exist?('VERSION') ? File.read('VERSION') : ""
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "caboodle #{version}"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/bin/caboodle

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+lib = File.expand_path(File.dirname(__FILE__) + '/../lib')
+$LOAD_PATH.unshift(lib) if File.directory?(lib) && !$LOAD_PATH.include?(lib)
+
+require 'rubygems'
+require 'caboodle'
+require 'caboodle/command'
+
+args = ARGV.dup
+ARGV.clear
+command = args.shift.strip rescue 'help'
+
+Caboodle::Command.run(command, args)

data/lib/.yardoc/checksums

@@ -0,0 +1,2 @@
+plugin.rb 422bfa5bf2a8b6bc0b3268757c44320af457ce29
+app.rb af221bee65300d8a0a52ca98ef515d20317c66c9

data/lib/.yardoc/proxy_types

@@ -0,0 +1,2 @@
+{"Sinatra::Base:
+class

data/lib/caboodle/app/.gems

@@ -0,0 +1 @@
+caboodle

data/lib/caboodle/app/config/site.yml

@@ -0,0 +1,4 @@
+:kits:
+  - Flickr
+  - Linkedin
+  - Posterous

data/lib/caboodle/app/config.ru

@@ -0,0 +1,2 @@
+require 'caboodle'
+run Caboodle::App

data/lib/caboodle/app/public/stylesheets/ie.css

@@ -0,0 +1 @@
+/* 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]--> */

data/lib/caboodle/app/public/stylesheets/print.css

@@ -0,0 +1,122 @@
+/* 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" /> */
+/* Reset --------------------------------------------------------------*/
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
+
+body { line-height: 1; color: black; background: white; }
+
+ol, ul { list-style: none; }
+
+table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
+
+caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
+
+q, blockquote { quotes: "" ""; }
+q:before, q:after, blockquote:before, blockquote:after { content: ""; }
+
+a img { border: none; }
+
+/* HTML5 Reset --------------------------------------------------------------*/
+section, article, aside, header, footer, nav, dialog, figure { display: block; }
+
+/* Body --------------------------------------------------------------*/
+body { font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; color: #4c4c4c; }
+
+/* Links --------------------------------------------------------------*/
+a:link, a:visited { color: #ff6600; }
+a:focus, a:hover, a:active { color: #e65c00; text-decoration: none; }
+a img { border: none; }
+
+/* Headings --------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 { font-weight: normal; }
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
+
+h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
+
+h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.75em; }
+
+h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
+
+h4 { font-size: 1.125em; line-height: 1.333em; margin-bottom: 1.333em; }
+
+h5, h6 { margin-bottom: 1.5em; 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 { margin-bottom: 1.5em; font-style: italic; }
+
+ins { text-decoration: underline; }
+
+del { text-decoration: line-through; }
+
+pre, code, tt { margin: 1.5em; margin-left: -1.5em; padding-left: 1.5em; border-left: 1px dotted; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif; }
+
+pre { white-space: pre; }
+
+code { display: block; }
+
+q { font-style: italic; }
+q em { font-style: normal; }
+
+p { margin-bottom: 1.5em; }
+
+blockquote, q { quotes: "" ""; }
+
+blockquote { margin: 1.5em; margin-left: -1.5em; padding-left: 1.5em; border-left: 1px solid; font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; font-style: italic; }
+
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+
+/* Replaced --------------------------------------------------------------*/
+img { vertical-align: bottom; }
+
+/* Lists --------------------------------------------------------------*/
+ol { margin: 0 1.5em 1.5em 0; list-style: decimal; }
+
+ul { margin: 0 1.5em 1.5em 0; list-style: disc; }
+
+li ul, li ol { list-style-type: circle; margin: 0 1.5em 0.75em; }
+
+dl { margin-bottom: 1.5em; border-top-style: solid; border-top-width: 0.063em; padding-top: 1.438em; }
+dl dt { font-size: 1.125em; line-height: 1.333em; margin-bottom: 0.667em; }
+
+dd { margin-bottom: 1.5em; border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 1.438em; }
+
+/* Tables --------------------------------------------------------------*/
+/* tables still need 'cellspacing="0"' in the markup */
+table { margin-bottom: 1.5em; width: 100%; border-collapse: separate; border-spacing: 0; }
+
+table, td, th { vertical-align: top; }
+
+th, thead th { font-weight: bold; }
+
+th, td, caption { padding: 0.75em; text-align: left; font-weight: normal; }
+
+th, td { border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 0.688em; }
+
+tfoot { font-size: 0.875em; line-height: 1.714em; }
+
+caption { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
+
+/* Forms --------------------------------------------------------------*/
+fieldset { margin-bottom: 1.5em; border-style: solid; border-width: 0.063em; padding: 1.438em; }
+
+legend { font-size: 1.125em; line-height: 1.333em; font-weight: bold; }
+
+label { font-weight: bold; }
+
+textarea, input:not([type="radio"]) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; }
+
+/* Print Defaults --------------------------------------------------------------*/
+nav { display: none; }
+
+* { float: none !important; background: none; }
+
+body { font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; font-size: 12pt; background: white; color: black; }
+
+a:link:after, a:visited:after { content: " (" attr(href) ") "; }

data/lib/caboodle/app/public/stylesheets/screen.css

@@ -0,0 +1,196 @@
+/* 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" /> */
+/* Reset --------------------------------------------------------------*/
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
+
+body { line-height: 1; color: black; background: white; }
+
+ol, ul { list-style: none; }
+
+table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
+
+caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
+
+q, blockquote { quotes: "" ""; }
+q:before, q:after, blockquote:before, blockquote:after { content: ""; }
+
+a img { border: none; }
+
+/* HTML5 Reset --------------------------------------------------------------*/
+section, article, aside, header, footer, nav, dialog, figure { display: block; }
+
+/* Body --------------------------------------------------------------*/
+body { font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; color: #4c4c4c; }
+
+/* Links --------------------------------------------------------------*/
+a:link, a:visited { color: #ff6600; }
+a:focus, a:hover, a:active { color: #e65c00; text-decoration: none; }
+a img { border: none; }
+
+/* Headings --------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6 { font-weight: normal; }
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
+
+h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
+
+h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.75em; }
+
+h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
+
+h4 { font-size: 1.125em; line-height: 1.333em; margin-bottom: 1.333em; }
+
+h5, h6 { margin-bottom: 1.5em; 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 { margin-bottom: 1.5em; font-style: italic; }
+
+ins { text-decoration: underline; }
+
+del { text-decoration: line-through; }
+
+pre, code, tt { margin: 1.5em; margin-left: -1.5em; padding-left: 1.5em; border-left: 1px dotted; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif; }
+
+pre { white-space: pre; }
+
+code { display: block; }
+
+q { font-style: italic; }
+q em { font-style: normal; }
+
+p { margin-bottom: 1.5em; }
+
+blockquote, q { quotes: "" ""; }
+
+blockquote { margin: 1.5em; margin-left: -1.5em; padding-left: 1.5em; border-left: 1px solid; font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; font-style: italic; }
+
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+
+/* Replaced --------------------------------------------------------------*/
+img { vertical-align: bottom; }
+
+/* Lists --------------------------------------------------------------*/
+ol { margin: 0 1.5em 1.5em 0; list-style: decimal; }
+
+ul { margin: 0 1.5em 1.5em 0; list-style: disc; }
+
+li ul, li ol { list-style-type: circle; margin: 0 1.5em 0.75em; }
+
+dl { margin-bottom: 1.5em; border-top-style: solid; border-top-width: 0.063em; padding-top: 1.438em; }
+dl dt { font-size: 1.125em; line-height: 1.333em; margin-bottom: 0.667em; }
+
+dd { margin-bottom: 1.5em; border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 1.438em; }
+
+/* Tables --------------------------------------------------------------*/
+/* tables still need 'cellspacing="0"' in the markup */
+table { margin-bottom: 1.5em; width: 100%; border-collapse: separate; border-spacing: 0; }
+
+table, td, th { vertical-align: top; }
+
+th, thead th { font-weight: bold; }
+
+th, td, caption { padding: 0.75em; text-align: left; font-weight: normal; }
+
+th, td { border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 0.688em; }
+
+tfoot { font-size: 0.875em; line-height: 1.714em; }
+
+caption { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
+
+/* Forms --------------------------------------------------------------*/
+fieldset { margin-bottom: 1.5em; border-style: solid; border-width: 0.063em; padding: 1.438em; }
+
+legend { font-size: 1.125em; line-height: 1.333em; font-weight: bold; }
+
+label { font-weight: bold; }
+
+textarea, input:not([type="radio"]) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; }
+
+/* Layout --------------------------------------------------------------*/
+body { font-size: 100%; line-height: 1.5em; }
+
+html > body { font-size: 16px; }
+
+body { text-align: center; }
+
+#page { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 61em; max-width: 100%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; }
+#page { display: block; }
+
+/* Styles --------------------------------------------------------------*/
+header#site-header { clear: both; margin-right: 1.639%; margin-left: 1.639%; margin-top: 4.5em; margin-bottom: 1.5em; }
+header#site-header #logo { display: inline; float: left; width: 6.78%; margin-right: 1.695%; padding-left: 8.197%; }
+header#site-header #logo img { width: 64px; height: auto; }
+header#site-header #site-title { display: inline; float: left; width: 40.678%; margin-right: 1.695%; }
+header#site-header #site-title h1 { font-size: 1.5em; line-height: 1em; color: black; }
+header#site-header #site-description { display: inline; float: left; width: 40.678%; margin-right: 1.695%; }
+header#site-header #site-description h2 { font-size: 1.5em; line-height: 1em; color: #ddd; }
+header#site-header #access { position: absolute; top: -9999em; display: block; }
+header#site-header #access:focus { top: 0; z-index: 999; }
+header#site-header nav { margin-bottom: 0.75em; padding-left: 16.393%; }
+header#site-header nav ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
+header#site-header nav ul { display: block; }
+header#site-header nav ul li { list-style-image: none; list-style-type: none; margin-left: 0px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; /* ugly hacks for IE6-7 */ #display: inline; #vertical-align: auto; white-space: no-wrap; padding-left: 12px; padding-right: 12px; }
+header#site-header nav ul li { font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; }
+
+section#main { clear: both; margin-right: 1.639%; margin-left: 1.639%; }
+section#main header#page_title h1, section#main header#page_title h2 { font-size: 3em; line-height: 1em; color: #aaa; padding-left: 16.393%; }
+section#main section#content { min-height: 320px; padding-left: 0%; display: inline; float: left; width: 100%; margin-right: 1.695%; margin-top: 0.75em; }
+section#main section#content h1, section#main section#content h2 { font-size: 1.5em; line-height: 1em; }
+section#main section#content article { margin-bottom: 1.5em; }
+section#main section#content article aside { color: #aaa; }
+section#main section#content article aside a { color: #999; }
+section#main aside#sidebar { display: inline; float: left; width: 15.254%; margin-right: 1.695%; }
+section#main aside#sidebar ul { list-style: none; margin: 0; padding: 0; }
+section#main aside#sidebar ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
+
+footer { padding-left: 16.393%; clear: both; margin-right: 1.639%; margin-left: 1.639%; font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; }
+
+section.subsection { display: inline; float: left; width: 100%; margin-right: 1.695%; }
+section.subsection aside.submenu { display: inline; float: left; width: 15.254%; margin-right: 1.695%; }
+section.subsection aside.submenu ul { list-style: none; margin: 0; padding: 0; font-size: 0.75em; line-height: 2em; }
+section.subsection aside.submenu ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
+section.subsection section.subpage { display: inline; float: left; width: 74.576%; margin-right: 1.695%; }
+
+#galleria_gallery { display: inline; float: left; width: 100%; margin-right: 2.041%; }
+#galleria_gallery #main_image { margin-bottom: 1.5em; min-height: 320px; min-width: 532px; background-color: #f6f6f6; text-align: center; padding: 16px; }
+#galleria_gallery #main_image img { vertical-align: middle; -moz-box-shadow: 0px 0px 32px #aaaaaa; -webkit-box-shadow: 0px 0px 32px #aaaaaa; -o-box-shadow: 0px 0px 32px #aaaaaa; box-shadow: 0px 0px 32px #aaaaaa; }
+#galleria_gallery #gallery.gallery { display: inline; float: left; width: 100%; margin-right: 2.041%; }
+#galleria_gallery #gallery.gallery ul { list-style: none; margin: 0; padding: 0; }
+#galleria_gallery #gallery.gallery ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
+#galleria_gallery #gallery.gallery ul li { display: inline-block; }
+
+.posterous, .page { padding-left: 16.393%; }
+
+.posterous { display: inline; float: left; width: 59.184%; margin-right: 2.041%; }
+.posterous #pagination { margin-top: 2.25em; margin-bottom: 2.25em; font-weight: bold; }
+.posterous article h2 > a { display: none; }
+.posterous article h2.entry-title a { display: inline !important; }
+
+.linkedin { font-size: 0.875em; line-height: 1.714em; }
+.linkedin #additional-information h2 + h3 { display: none; }
+.linkedin #additional-information .websites { display: none; }
+.linkedin #contact-settings, .linkedin .affiliation { display: none; }
+.linkedin .showhide-link, .linkedin .connections, .linkedin .recommended, .linkedin hr { display: none; }
+.linkedin h2 { font-size: 2em; line-height: 1.5em; margin-top: 1.5em; border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 0.688em; }
+.linkedin h3, .linkedin dt { font-size: 1.5em; line-height: 1em; font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; }
+.linkedin ul.vcalendar { padding-left: 32px; background-color: #eee; padding-top: 0.75em; padding-bottom: 0.75em; }
+.linkedin #overview { margin-bottom: 1.5em; display: inline; float: left; width: 100%; margin-right: 2.564%; -moz-column-count: 2; -moz-column-gap: 32px; -webkit-column-count: 2; -webkit-column-gap: 32px; column-count: 2; column-gap: 32px; }
+
+#portfolio dl { list-style: none; margin: 0; padding: 0; border: 0px !important; }
+#portfolio dl li { list-style-image: none; list-style-type: none; margin-left: 0px; }
+#portfolio dl dt { font-size: 1.5em; line-height: 1em; font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; display: inline; float: left; width: 13.793%; margin-right: 3.448%; border: 0px !important; }
+#portfolio dl dd { display: inline; float: left; width: 65.517%; margin-right: 3.448%; border: 0px !important; }
+#portfolio dl dd .awards { font-size: 0.75em; line-height: 2em; }
+
+#twitter #tweets { background-color: #eee; padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 1.5em; padding-left: 8.197%; padding-right: 8.197%; }
+#twitter #tweets .tweet { display: block; background-color: #fff; -moz-box-shadow: 0px 0px 16px #aaaaaa; -webkit-box-shadow: 0px 0px 16px #aaaaaa; -o-box-shadow: 0px 0px 16px #aaaaaa; box-shadow: 0px 0px 16px #aaaaaa; padding-top: 0.75em; padding-bottom: 0.75em; padding-left: 8.197%; padding-right: 8.197%; }
+#twitter #tweets .tweet a.status_link { display: block; position: relative; z-index: 2; left: -32px; }
+#twitter #overlay img { margin-bottom: 0.75em; }
+
+#onepage iframe { width: 580px; height: 580px; background-color: #eee; padding: 32px; overflow: hidden; scroll: none; }

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

@@ -0,0 +1,49 @@
+//**
+//  Susy: Un-obtrusive grids for designers
+//  By: Eric A. Meyer and OddBird
+//  Site: www.oddbird.net/susy/
+//**
+
+// Font Sizes --------------------------------------------------------------
+
+$base-font-size: 16px;
+$base-line-height: 24px;
+
+// Grid --------------------------------------------------------------
+
+$total-cols: 12;
+$col-width: 4em;
+$gutter-width: 1em;
+$side-gutter-width: $gutter-width;
+
+// Don't move this @import above the GRID and FONT-SIZE variables.
+@import "susy/susy";
+
+// Colors --------------------------------------------------------------
+
+$base: #4c4c4c;
+$alt: #ff6600;
+
+// Fonts --------------------------------------------------------------
+
+@mixin sans-family {
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight: lighter;
+}
+
+@mixin serif-family {
+  font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif;
+}
+
+@mixin monospace-family {
+  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
+}
+
+@mixin slab-family {
+  font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight: lighter;
+}
+
+// OTHER MIXINS --------------------------------------------------------------
+// Mixins set here will be available in defaults, screen, print and IE
+// Or anywhere you import either base.sass or defaults.sass