caboodle 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.document +5 -0
- data/.gitignore +21 -0
- data/LICENSE +20 -0
- data/README.rdoc +21 -0
- data/Rakefile +64 -0
- data/VERSION +1 -0
- data/bin/caboodle +14 -0
- data/lib/.yardoc/checksums +2 -0
- data/lib/.yardoc/objects/Pago/App.dat +0 -0
- data/lib/.yardoc/objects/Pago/MenuItems.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugin/is_a_pago_plugin_c.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugin/load_all_c.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugin/menu_c.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugin/use_all_c.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugin.dat +0 -0
- data/lib/.yardoc/objects/Pago/Plugins.dat +0 -0
- data/lib/.yardoc/objects/Pago/Site.dat +0 -0
- data/lib/.yardoc/objects/Pago.dat +0 -0
- data/lib/.yardoc/objects/root.dat +0 -0
- data/lib/.yardoc/proxy_types +2 -0
- data/lib/caboodle/app/.gems +1 -0
- data/lib/caboodle/app/config/site.yml +4 -0
- data/lib/caboodle/app/config.ru +2 -0
- data/lib/caboodle/app/public/favicon.ico +0 -0
- data/lib/caboodle/app/public/images/favicon.ico +0 -0
- data/lib/caboodle/app/public/images/grid.png +0 -0
- data/lib/caboodle/app/public/js/application.js +0 -0
- data/lib/caboodle/app/public/stylesheets/ie.css +1 -0
- data/lib/caboodle/app/public/stylesheets/print.css +122 -0
- data/lib/caboodle/app/public/stylesheets/screen.css +196 -0
- data/lib/caboodle/app/stylesheets/_base.scss +49 -0
- data/lib/caboodle/app/stylesheets/_defaults.scss +257 -0
- data/lib/caboodle/app/stylesheets/ie.scss +10 -0
- data/lib/caboodle/app/stylesheets/print.scss +33 -0
- data/lib/caboodle/app/stylesheets/screen.scss +292 -0
- data/lib/caboodle/app/views/layout.haml +66 -0
- data/lib/caboodle/app.rb +35 -0
- data/lib/caboodle/command.rb +38 -0
- data/lib/caboodle/config.rb +12 -0
- data/lib/caboodle/kit.rb +148 -0
- data/lib/caboodle/kits/flickr/flickr.rb +65 -0
- data/lib/caboodle/kits/flickr/galleria.noconflict.min.js +18 -0
- data/lib/caboodle/kits/flickr/views/photography.haml +108 -0
- data/lib/caboodle/kits/github/github.rb +44 -0
- data/lib/caboodle/kits/github/views/_repo.haml +7 -0
- data/lib/caboodle/kits/github/views/github.haml +11 -0
- data/lib/caboodle/kits/identity/identity.rb +18 -0
- data/lib/caboodle/kits/identity/views/me.haml +22 -0
- data/lib/caboodle/kits/lazyload/lazyload.rb +6 -0
- data/lib/caboodle/kits/lazyload/public/jquery.lazyload.mini.js +12 -0
- data/lib/caboodle/kits/lazyload/public/lazyload.js +3 -0
- data/lib/caboodle/kits/linkedin/linkedin.rb +33 -0
- data/lib/caboodle/kits/linkedin/views/cv.haml +6 -0
- data/lib/caboodle/kits/onepage/card.html +220 -0
- data/lib/caboodle/kits/onepage/onepage.rb +16 -0
- data/lib/caboodle/kits/onepage/views/contact.haml +2 -0
- data/lib/caboodle/kits/page/page.rb +69 -0
- data/lib/caboodle/kits/page/views/page.haml +2 -0
- data/lib/caboodle/kits/portfolio/portfolio.rb +14 -0
- data/lib/caboodle/kits/portfolio/views/portfolio.haml +29 -0
- data/lib/caboodle/kits/posterous/posterous.rb +163 -0
- data/lib/caboodle/kits/posterous/views/_post.haml +29 -0
- data/lib/caboodle/kits/posterous/views/post.haml +14 -0
- data/lib/caboodle/kits/posterous/views/posts.haml +21 -0
- data/lib/caboodle/kits/soundcloud/soundcloud.rb +31 -0
- data/lib/caboodle/kits/soundcloud/views/soundcloud.haml +17 -0
- data/lib/caboodle/kits/twitter/public/images/ajax-loader.gif +0 -0
- data/lib/caboodle/kits/twitter/public/images/link.png +0 -0
- data/lib/caboodle/kits/twitter/twitter.rb +16 -0
- data/lib/caboodle/kits/twitter/views/twitter.haml +101 -0
- data/lib/caboodle/kits/typekit/public/typekit.js +1 -0
- data/lib/caboodle/kits/typekit/typekit.rb +10 -0
- data/lib/caboodle/scrape.rb +9 -0
- data/lib/caboodle.rb +3 -0
- data/test/helper.rb +10 -0
- data/test/test_caboodle.rb +7 -0
- metadata +348 -0
data/.document
ADDED
data/.gitignore
ADDED
data/LICENSE
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
Copyright (c) 2009 steflewandowski
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
4
|
+
a copy of this software and associated documentation files (the
|
5
|
+
"Software"), to deal in the Software without restriction, including
|
6
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
7
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
8
|
+
permit persons to whom the Software is furnished to do so, subject to
|
9
|
+
the following conditions:
|
10
|
+
|
11
|
+
The above copyright notice and this permission notice shall be
|
12
|
+
included in all copies or substantial portions of the Software.
|
13
|
+
|
14
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
15
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
16
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
17
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
18
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
19
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
20
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.rdoc
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
= caboodle
|
2
|
+
|
3
|
+
Caboodle is a simple way to create a quick mashup website.
|
4
|
+
|
5
|
+
Select which Kits to use in your site, or create your own.
|
6
|
+
|
7
|
+
Caboodle is based on Sinatra, and each Kit is a small Sinatra application.
|
8
|
+
|
9
|
+
== Note on Patches/Pull Requests
|
10
|
+
|
11
|
+
* Fork the project.
|
12
|
+
* Make your feature addition or bug fix.
|
13
|
+
* Add tests for it. This is important so I don't break it in a
|
14
|
+
future version unintentionally.
|
15
|
+
* Commit, do not mess with rakefile, version, or history.
|
16
|
+
(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)
|
17
|
+
* Send me a pull request. Bonus points for topic branches.
|
18
|
+
|
19
|
+
== Copyright
|
20
|
+
|
21
|
+
Copyright (c) 2010 Stef Lewandowski. See LICENSE for details.
|
data/Rakefile
ADDED
@@ -0,0 +1,64 @@
|
|
1
|
+
require 'rubygems'
|
2
|
+
require 'rake'
|
3
|
+
|
4
|
+
begin
|
5
|
+
require 'jeweler'
|
6
|
+
Jeweler::Tasks.new do |gem|
|
7
|
+
gem.name = "caboodle"
|
8
|
+
gem.summary = "Web mashups the simple way"
|
9
|
+
gem.description = "Use Kits to create simple mashups."
|
10
|
+
gem.email = "stef@stef.io"
|
11
|
+
gem.homepage = "http://github.com/steflewandowski/caboodle"
|
12
|
+
gem.authors = ["steflewandowski"]
|
13
|
+
gem.add_dependency "heroku", ">= 0"
|
14
|
+
gem.add_dependency "sinatra", ">=1.0"
|
15
|
+
gem.add_dependency "hashie", ">=0.2.0"
|
16
|
+
gem.add_dependency "haml", ">=3.0.12"
|
17
|
+
gem.add_dependency "compass", ">=0.10.2"
|
18
|
+
gem.add_dependency "compass-susy-plugin", ">=0.7.0"
|
19
|
+
gem.add_dependency "sinatra-compass", ">=0.5.0"
|
20
|
+
gem.add_dependency "sinatra-advanced-routes", ">=0.5.1"
|
21
|
+
gem.add_dependency "sinatra-content-for",">=0.2.0"
|
22
|
+
gem.add_dependency "memcached",">=0.19.9"
|
23
|
+
gem.add_dependency "nokogiri",">=1.4.0"
|
24
|
+
gem.add_dependency "weary",">=0.7.2"
|
25
|
+
gem.add_dependency "sleepy",">=0.1.3"
|
26
|
+
end
|
27
|
+
Jeweler::GemcutterTasks.new
|
28
|
+
rescue LoadError
|
29
|
+
puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
|
30
|
+
end
|
31
|
+
|
32
|
+
require 'rake/testtask'
|
33
|
+
Rake::TestTask.new(:test) do |test|
|
34
|
+
test.libs << 'lib' << 'test'
|
35
|
+
test.pattern = 'test/**/test_*.rb'
|
36
|
+
test.verbose = true
|
37
|
+
end
|
38
|
+
|
39
|
+
begin
|
40
|
+
require 'rcov/rcovtask'
|
41
|
+
Rcov::RcovTask.new do |test|
|
42
|
+
test.libs << 'test'
|
43
|
+
test.pattern = 'test/**/test_*.rb'
|
44
|
+
test.verbose = true
|
45
|
+
end
|
46
|
+
rescue LoadError
|
47
|
+
task :rcov do
|
48
|
+
abort "RCov is not available. In order to run rcov, you must: sudo gem install spicycode-rcov"
|
49
|
+
end
|
50
|
+
end
|
51
|
+
|
52
|
+
task :test => :check_dependencies
|
53
|
+
|
54
|
+
task :default => :test
|
55
|
+
|
56
|
+
require 'rake/rdoctask'
|
57
|
+
Rake::RDocTask.new do |rdoc|
|
58
|
+
version = File.exist?('VERSION') ? File.read('VERSION') : ""
|
59
|
+
|
60
|
+
rdoc.rdoc_dir = 'rdoc'
|
61
|
+
rdoc.title = "caboodle #{version}"
|
62
|
+
rdoc.rdoc_files.include('README*')
|
63
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
64
|
+
end
|
data/VERSION
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
0.1.0
|
data/bin/caboodle
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
|
3
|
+
lib = File.expand_path(File.dirname(__FILE__) + '/../lib')
|
4
|
+
$LOAD_PATH.unshift(lib) if File.directory?(lib) && !$LOAD_PATH.include?(lib)
|
5
|
+
|
6
|
+
require 'rubygems'
|
7
|
+
require 'caboodle'
|
8
|
+
require 'caboodle/command'
|
9
|
+
|
10
|
+
args = ARGV.dup
|
11
|
+
ARGV.clear
|
12
|
+
command = args.shift.strip rescue 'help'
|
13
|
+
|
14
|
+
Caboodle::Command.run(command, args)
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
caboodle
|
Binary file
|
Binary file
|
Binary file
|
File without changes
|
@@ -0,0 +1 @@
|
|
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]--> */
|
@@ -0,0 +1,122 @@
|
|
1
|
+
/* 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" /> */
|
2
|
+
/* Reset --------------------------------------------------------------*/
|
3
|
+
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; }
|
4
|
+
|
5
|
+
body { line-height: 1; color: black; background: white; }
|
6
|
+
|
7
|
+
ol, ul { list-style: none; }
|
8
|
+
|
9
|
+
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
|
10
|
+
|
11
|
+
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
|
12
|
+
|
13
|
+
q, blockquote { quotes: "" ""; }
|
14
|
+
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
15
|
+
|
16
|
+
a img { border: none; }
|
17
|
+
|
18
|
+
/* HTML5 Reset --------------------------------------------------------------*/
|
19
|
+
section, article, aside, header, footer, nav, dialog, figure { display: block; }
|
20
|
+
|
21
|
+
/* Body --------------------------------------------------------------*/
|
22
|
+
body { font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; color: #4c4c4c; }
|
23
|
+
|
24
|
+
/* Links --------------------------------------------------------------*/
|
25
|
+
a:link, a:visited { color: #ff6600; }
|
26
|
+
a:focus, a:hover, a:active { color: #e65c00; text-decoration: none; }
|
27
|
+
a img { border: none; }
|
28
|
+
|
29
|
+
/* Headings --------------------------------------------------------------*/
|
30
|
+
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
|
31
|
+
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
|
32
|
+
|
33
|
+
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
|
34
|
+
|
35
|
+
h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.75em; }
|
36
|
+
|
37
|
+
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
|
38
|
+
|
39
|
+
h4 { font-size: 1.125em; line-height: 1.333em; margin-bottom: 1.333em; }
|
40
|
+
|
41
|
+
h5, h6 { margin-bottom: 1.5em; font-weight: bold; }
|
42
|
+
|
43
|
+
/* Text --------------------------------------------------------------*/
|
44
|
+
cite, em, dfn { font-style: italic; }
|
45
|
+
|
46
|
+
strong, dfn { font-weight: bold; }
|
47
|
+
|
48
|
+
sup, sub { line-height: 0; }
|
49
|
+
|
50
|
+
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
51
|
+
|
52
|
+
address { margin-bottom: 1.5em; font-style: italic; }
|
53
|
+
|
54
|
+
ins { text-decoration: underline; }
|
55
|
+
|
56
|
+
del { text-decoration: line-through; }
|
57
|
+
|
58
|
+
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; }
|
59
|
+
|
60
|
+
pre { white-space: pre; }
|
61
|
+
|
62
|
+
code { display: block; }
|
63
|
+
|
64
|
+
q { font-style: italic; }
|
65
|
+
q em { font-style: normal; }
|
66
|
+
|
67
|
+
p { margin-bottom: 1.5em; }
|
68
|
+
|
69
|
+
blockquote, q { quotes: "" ""; }
|
70
|
+
|
71
|
+
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; }
|
72
|
+
|
73
|
+
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
|
74
|
+
|
75
|
+
/* Replaced --------------------------------------------------------------*/
|
76
|
+
img { vertical-align: bottom; }
|
77
|
+
|
78
|
+
/* Lists --------------------------------------------------------------*/
|
79
|
+
ol { margin: 0 1.5em 1.5em 0; list-style: decimal; }
|
80
|
+
|
81
|
+
ul { margin: 0 1.5em 1.5em 0; list-style: disc; }
|
82
|
+
|
83
|
+
li ul, li ol { list-style-type: circle; margin: 0 1.5em 0.75em; }
|
84
|
+
|
85
|
+
dl { margin-bottom: 1.5em; border-top-style: solid; border-top-width: 0.063em; padding-top: 1.438em; }
|
86
|
+
dl dt { font-size: 1.125em; line-height: 1.333em; margin-bottom: 0.667em; }
|
87
|
+
|
88
|
+
dd { margin-bottom: 1.5em; border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 1.438em; }
|
89
|
+
|
90
|
+
/* Tables --------------------------------------------------------------*/
|
91
|
+
/* tables still need 'cellspacing="0"' in the markup */
|
92
|
+
table { margin-bottom: 1.5em; width: 100%; border-collapse: separate; border-spacing: 0; }
|
93
|
+
|
94
|
+
table, td, th { vertical-align: top; }
|
95
|
+
|
96
|
+
th, thead th { font-weight: bold; }
|
97
|
+
|
98
|
+
th, td, caption { padding: 0.75em; text-align: left; font-weight: normal; }
|
99
|
+
|
100
|
+
th, td { border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 0.688em; }
|
101
|
+
|
102
|
+
tfoot { font-size: 0.875em; line-height: 1.714em; }
|
103
|
+
|
104
|
+
caption { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
|
105
|
+
|
106
|
+
/* Forms --------------------------------------------------------------*/
|
107
|
+
fieldset { margin-bottom: 1.5em; border-style: solid; border-width: 0.063em; padding: 1.438em; }
|
108
|
+
|
109
|
+
legend { font-size: 1.125em; line-height: 1.333em; font-weight: bold; }
|
110
|
+
|
111
|
+
label { font-weight: bold; }
|
112
|
+
|
113
|
+
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%; }
|
114
|
+
|
115
|
+
/* Print Defaults --------------------------------------------------------------*/
|
116
|
+
nav { display: none; }
|
117
|
+
|
118
|
+
* { float: none !important; background: none; }
|
119
|
+
|
120
|
+
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; }
|
121
|
+
|
122
|
+
a:link:after, a:visited:after { content: " (" attr(href) ") "; }
|
@@ -0,0 +1,196 @@
|
|
1
|
+
/* 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" /> */
|
2
|
+
/* Reset --------------------------------------------------------------*/
|
3
|
+
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; }
|
4
|
+
|
5
|
+
body { line-height: 1; color: black; background: white; }
|
6
|
+
|
7
|
+
ol, ul { list-style: none; }
|
8
|
+
|
9
|
+
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
|
10
|
+
|
11
|
+
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
|
12
|
+
|
13
|
+
q, blockquote { quotes: "" ""; }
|
14
|
+
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
15
|
+
|
16
|
+
a img { border: none; }
|
17
|
+
|
18
|
+
/* HTML5 Reset --------------------------------------------------------------*/
|
19
|
+
section, article, aside, header, footer, nav, dialog, figure { display: block; }
|
20
|
+
|
21
|
+
/* Body --------------------------------------------------------------*/
|
22
|
+
body { font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif; color: #4c4c4c; }
|
23
|
+
|
24
|
+
/* Links --------------------------------------------------------------*/
|
25
|
+
a:link, a:visited { color: #ff6600; }
|
26
|
+
a:focus, a:hover, a:active { color: #e65c00; text-decoration: none; }
|
27
|
+
a img { border: none; }
|
28
|
+
|
29
|
+
/* Headings --------------------------------------------------------------*/
|
30
|
+
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
|
31
|
+
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
|
32
|
+
|
33
|
+
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
|
34
|
+
|
35
|
+
h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.75em; }
|
36
|
+
|
37
|
+
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
|
38
|
+
|
39
|
+
h4 { font-size: 1.125em; line-height: 1.333em; margin-bottom: 1.333em; }
|
40
|
+
|
41
|
+
h5, h6 { margin-bottom: 1.5em; font-weight: bold; }
|
42
|
+
|
43
|
+
/* Text --------------------------------------------------------------*/
|
44
|
+
cite, em, dfn { font-style: italic; }
|
45
|
+
|
46
|
+
strong, dfn { font-weight: bold; }
|
47
|
+
|
48
|
+
sup, sub { line-height: 0; }
|
49
|
+
|
50
|
+
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
51
|
+
|
52
|
+
address { margin-bottom: 1.5em; font-style: italic; }
|
53
|
+
|
54
|
+
ins { text-decoration: underline; }
|
55
|
+
|
56
|
+
del { text-decoration: line-through; }
|
57
|
+
|
58
|
+
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; }
|
59
|
+
|
60
|
+
pre { white-space: pre; }
|
61
|
+
|
62
|
+
code { display: block; }
|
63
|
+
|
64
|
+
q { font-style: italic; }
|
65
|
+
q em { font-style: normal; }
|
66
|
+
|
67
|
+
p { margin-bottom: 1.5em; }
|
68
|
+
|
69
|
+
blockquote, q { quotes: "" ""; }
|
70
|
+
|
71
|
+
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; }
|
72
|
+
|
73
|
+
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
|
74
|
+
|
75
|
+
/* Replaced --------------------------------------------------------------*/
|
76
|
+
img { vertical-align: bottom; }
|
77
|
+
|
78
|
+
/* Lists --------------------------------------------------------------*/
|
79
|
+
ol { margin: 0 1.5em 1.5em 0; list-style: decimal; }
|
80
|
+
|
81
|
+
ul { margin: 0 1.5em 1.5em 0; list-style: disc; }
|
82
|
+
|
83
|
+
li ul, li ol { list-style-type: circle; margin: 0 1.5em 0.75em; }
|
84
|
+
|
85
|
+
dl { margin-bottom: 1.5em; border-top-style: solid; border-top-width: 0.063em; padding-top: 1.438em; }
|
86
|
+
dl dt { font-size: 1.125em; line-height: 1.333em; margin-bottom: 0.667em; }
|
87
|
+
|
88
|
+
dd { margin-bottom: 1.5em; border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 1.438em; }
|
89
|
+
|
90
|
+
/* Tables --------------------------------------------------------------*/
|
91
|
+
/* tables still need 'cellspacing="0"' in the markup */
|
92
|
+
table { margin-bottom: 1.5em; width: 100%; border-collapse: separate; border-spacing: 0; }
|
93
|
+
|
94
|
+
table, td, th { vertical-align: top; }
|
95
|
+
|
96
|
+
th, thead th { font-weight: bold; }
|
97
|
+
|
98
|
+
th, td, caption { padding: 0.75em; text-align: left; font-weight: normal; }
|
99
|
+
|
100
|
+
th, td { border-bottom-style: solid; border-bottom-width: 0.063em; padding-bottom: 0.688em; }
|
101
|
+
|
102
|
+
tfoot { font-size: 0.875em; line-height: 1.714em; }
|
103
|
+
|
104
|
+
caption { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
|
105
|
+
|
106
|
+
/* Forms --------------------------------------------------------------*/
|
107
|
+
fieldset { margin-bottom: 1.5em; border-style: solid; border-width: 0.063em; padding: 1.438em; }
|
108
|
+
|
109
|
+
legend { font-size: 1.125em; line-height: 1.333em; font-weight: bold; }
|
110
|
+
|
111
|
+
label { font-weight: bold; }
|
112
|
+
|
113
|
+
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%; }
|
114
|
+
|
115
|
+
/* Layout --------------------------------------------------------------*/
|
116
|
+
body { font-size: 100%; line-height: 1.5em; }
|
117
|
+
|
118
|
+
html > body { font-size: 16px; }
|
119
|
+
|
120
|
+
body { text-align: center; }
|
121
|
+
|
122
|
+
#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; }
|
123
|
+
#page { display: block; }
|
124
|
+
|
125
|
+
/* Styles --------------------------------------------------------------*/
|
126
|
+
header#site-header { clear: both; margin-right: 1.639%; margin-left: 1.639%; margin-top: 4.5em; margin-bottom: 1.5em; }
|
127
|
+
header#site-header #logo { display: inline; float: left; width: 6.78%; margin-right: 1.695%; padding-left: 8.197%; }
|
128
|
+
header#site-header #logo img { width: 64px; height: auto; }
|
129
|
+
header#site-header #site-title { display: inline; float: left; width: 40.678%; margin-right: 1.695%; }
|
130
|
+
header#site-header #site-title h1 { font-size: 1.5em; line-height: 1em; color: black; }
|
131
|
+
header#site-header #site-description { display: inline; float: left; width: 40.678%; margin-right: 1.695%; }
|
132
|
+
header#site-header #site-description h2 { font-size: 1.5em; line-height: 1em; color: #ddd; }
|
133
|
+
header#site-header #access { position: absolute; top: -9999em; display: block; }
|
134
|
+
header#site-header #access:focus { top: 0; z-index: 999; }
|
135
|
+
header#site-header nav { margin-bottom: 0.75em; padding-left: 16.393%; }
|
136
|
+
header#site-header nav ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
|
137
|
+
header#site-header nav ul { display: block; }
|
138
|
+
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; }
|
139
|
+
header#site-header nav ul li { font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; }
|
140
|
+
|
141
|
+
section#main { clear: both; margin-right: 1.639%; margin-left: 1.639%; }
|
142
|
+
section#main header#page_title h1, section#main header#page_title h2 { font-size: 3em; line-height: 1em; color: #aaa; padding-left: 16.393%; }
|
143
|
+
section#main section#content { min-height: 320px; padding-left: 0%; display: inline; float: left; width: 100%; margin-right: 1.695%; margin-top: 0.75em; }
|
144
|
+
section#main section#content h1, section#main section#content h2 { font-size: 1.5em; line-height: 1em; }
|
145
|
+
section#main section#content article { margin-bottom: 1.5em; }
|
146
|
+
section#main section#content article aside { color: #aaa; }
|
147
|
+
section#main section#content article aside a { color: #999; }
|
148
|
+
section#main aside#sidebar { display: inline; float: left; width: 15.254%; margin-right: 1.695%; }
|
149
|
+
section#main aside#sidebar ul { list-style: none; margin: 0; padding: 0; }
|
150
|
+
section#main aside#sidebar ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
|
151
|
+
|
152
|
+
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; }
|
153
|
+
|
154
|
+
section.subsection { display: inline; float: left; width: 100%; margin-right: 1.695%; }
|
155
|
+
section.subsection aside.submenu { display: inline; float: left; width: 15.254%; margin-right: 1.695%; }
|
156
|
+
section.subsection aside.submenu ul { list-style: none; margin: 0; padding: 0; font-size: 0.75em; line-height: 2em; }
|
157
|
+
section.subsection aside.submenu ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
|
158
|
+
section.subsection section.subpage { display: inline; float: left; width: 74.576%; margin-right: 1.695%; }
|
159
|
+
|
160
|
+
#galleria_gallery { display: inline; float: left; width: 100%; margin-right: 2.041%; }
|
161
|
+
#galleria_gallery #main_image { margin-bottom: 1.5em; min-height: 320px; min-width: 532px; background-color: #f6f6f6; text-align: center; padding: 16px; }
|
162
|
+
#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; }
|
163
|
+
#galleria_gallery #gallery.gallery { display: inline; float: left; width: 100%; margin-right: 2.041%; }
|
164
|
+
#galleria_gallery #gallery.gallery ul { list-style: none; margin: 0; padding: 0; }
|
165
|
+
#galleria_gallery #gallery.gallery ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
|
166
|
+
#galleria_gallery #gallery.gallery ul li { display: inline-block; }
|
167
|
+
|
168
|
+
.posterous, .page { padding-left: 16.393%; }
|
169
|
+
|
170
|
+
.posterous { display: inline; float: left; width: 59.184%; margin-right: 2.041%; }
|
171
|
+
.posterous #pagination { margin-top: 2.25em; margin-bottom: 2.25em; font-weight: bold; }
|
172
|
+
.posterous article h2 > a { display: none; }
|
173
|
+
.posterous article h2.entry-title a { display: inline !important; }
|
174
|
+
|
175
|
+
.linkedin { font-size: 0.875em; line-height: 1.714em; }
|
176
|
+
.linkedin #additional-information h2 + h3 { display: none; }
|
177
|
+
.linkedin #additional-information .websites { display: none; }
|
178
|
+
.linkedin #contact-settings, .linkedin .affiliation { display: none; }
|
179
|
+
.linkedin .showhide-link, .linkedin .connections, .linkedin .recommended, .linkedin hr { display: none; }
|
180
|
+
.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; }
|
181
|
+
.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; }
|
182
|
+
.linkedin ul.vcalendar { padding-left: 32px; background-color: #eee; padding-top: 0.75em; padding-bottom: 0.75em; }
|
183
|
+
.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; }
|
184
|
+
|
185
|
+
#portfolio dl { list-style: none; margin: 0; padding: 0; border: 0px !important; }
|
186
|
+
#portfolio dl li { list-style-image: none; list-style-type: none; margin-left: 0px; }
|
187
|
+
#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; }
|
188
|
+
#portfolio dl dd { display: inline; float: left; width: 65.517%; margin-right: 3.448%; border: 0px !important; }
|
189
|
+
#portfolio dl dd .awards { font-size: 0.75em; line-height: 2em; }
|
190
|
+
|
191
|
+
#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%; }
|
192
|
+
#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%; }
|
193
|
+
#twitter #tweets .tweet a.status_link { display: block; position: relative; z-index: 2; left: -32px; }
|
194
|
+
#twitter #overlay img { margin-bottom: 0.75em; }
|
195
|
+
|
196
|
+
#onepage iframe { width: 580px; height: 580px; background-color: #eee; padding: 32px; overflow: hidden; scroll: none; }
|
@@ -0,0 +1,49 @@
|
|
1
|
+
//**
|
2
|
+
// Susy: Un-obtrusive grids for designers
|
3
|
+
// By: Eric A. Meyer and OddBird
|
4
|
+
// Site: www.oddbird.net/susy/
|
5
|
+
//**
|
6
|
+
|
7
|
+
// Font Sizes --------------------------------------------------------------
|
8
|
+
|
9
|
+
$base-font-size: 16px;
|
10
|
+
$base-line-height: 24px;
|
11
|
+
|
12
|
+
// Grid --------------------------------------------------------------
|
13
|
+
|
14
|
+
$total-cols: 12;
|
15
|
+
$col-width: 4em;
|
16
|
+
$gutter-width: 1em;
|
17
|
+
$side-gutter-width: $gutter-width;
|
18
|
+
|
19
|
+
// Don't move this @import above the GRID and FONT-SIZE variables.
|
20
|
+
@import "susy/susy";
|
21
|
+
|
22
|
+
// Colors --------------------------------------------------------------
|
23
|
+
|
24
|
+
$base: #4c4c4c;
|
25
|
+
$alt: #ff6600;
|
26
|
+
|
27
|
+
// Fonts --------------------------------------------------------------
|
28
|
+
|
29
|
+
@mixin sans-family {
|
30
|
+
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
31
|
+
font-weight: lighter;
|
32
|
+
}
|
33
|
+
|
34
|
+
@mixin serif-family {
|
35
|
+
font-family: 'Adobe Caslon Pro', Caslon, Baskerville, Palatino, 'Palatino Linotype', "Hoefler Text", Garamond, "URW Palladio L", "Book Antiqua", Georgia, serif;
|
36
|
+
}
|
37
|
+
|
38
|
+
@mixin monospace-family {
|
39
|
+
font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
|
40
|
+
}
|
41
|
+
|
42
|
+
@mixin slab-family {
|
43
|
+
font-family: "museo-slab-1", "Helvetica Neue", Arial, Helvetica, sans-serif;
|
44
|
+
font-weight: lighter;
|
45
|
+
}
|
46
|
+
|
47
|
+
// OTHER MIXINS --------------------------------------------------------------
|
48
|
+
// Mixins set here will be available in defaults, screen, print and IE
|
49
|
+
// Or anywhere you import either base.sass or defaults.sass
|