edifice 1.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. data/.gitignore +1 -0
  2. data/Gemfile.lock +120 -1
  3. data/README.md +73 -0
  4. data/Rakefile +6 -0
  5. data/_site/images/logo_edifice_80x93.png +0 -0
  6. data/_site/images/text_img_edifice_600x180.png +0 -0
  7. data/_site/images/text_img_railsway_547x54.png +0 -0
  8. data/_site/images/text_img_really_450x26.png +0 -0
  9. data/_site/index.html +141 -0
  10. data/_site/pygments.css +62 -0
  11. data/_site/style.css +477 -0
  12. data/_site/style.scss +239 -0
  13. data/_site/stylesheets/css/ie.css +57 -0
  14. data/_site/stylesheets/css/print.css +29 -0
  15. data/app/assets/javascripts/edifice/framework.js +0 -146
  16. data/edifice.gemspec +6 -0
  17. data/lib/edifice.rb +3 -2
  18. data/lib/edifice/controller.rb +0 -1
  19. data/lib/edifice/version.rb +1 -1
  20. data/{test/rails3/lib/tasks/.gitkeep → log/test.log} +0 -0
  21. data/spec/edifice_controller_spec.rb +28 -0
  22. data/spec/javascript_event_spec.rb +25 -0
  23. data/spec/pjax_support_spec.rb +35 -0
  24. data/{test/rails3 → spec/rails3.1}/.gitignore +1 -0
  25. data/{test/rails3/public → spec/rails3.1/app/assets}/images/rails.png +0 -0
  26. data/spec/rails3.1/app/assets/javascripts/application.js +10 -0
  27. data/spec/rails3.1/app/assets/javascripts/test/base.js +11 -0
  28. data/spec/rails3.1/app/assets/javascripts/vendor/jquery-pjax.js +264 -0
  29. data/spec/rails3.1/app/assets/stylesheets/application.css +7 -0
  30. data/{test/rails3 → spec/rails3.1}/app/controllers/application_controller.rb +0 -0
  31. data/spec/rails3.1/app/controllers/test_controller.rb +2 -0
  32. data/spec/rails3.1/app/views/layouts/application.html.erb +15 -0
  33. data/{test/rails3/public/favicon.ico → spec/rails3.1/app/views/test/base.html.erb} +0 -0
  34. data/{test/rails3/public/javascripts/.gitkeep → spec/rails3.1/app/views/test/empty.html.erb} +0 -0
  35. data/{test/rails3 → spec/rails3.1}/config/application.rb +22 -16
  36. data/{test/rails3 → spec/rails3.1}/config/boot.rb +0 -0
  37. data/{test/rails3 → spec/rails3.1}/config/environment.rb +1 -1
  38. data/{test/rails3 → spec/rails3.1}/config/environments/test.rb +6 -2
  39. data/{test/rails3 → spec/rails3.1}/config/initializers/backtrace_silencers.rb +0 -0
  40. data/{test/rails3 → spec/rails3.1}/config/initializers/inflections.rb +0 -0
  41. data/{test/rails3 → spec/rails3.1}/config/initializers/mime_types.rb +0 -0
  42. data/{test/rails3 → spec/rails3.1}/config/initializers/secret_token.rb +1 -1
  43. data/{test/rails3 → spec/rails3.1}/config/initializers/session_store.rb +2 -2
  44. data/spec/rails3.1/config/initializers/wrap_parameters.rb +14 -0
  45. data/spec/rails3.1/config/routes.rb +4 -0
  46. data/{test/rails3/public/stylesheets → spec/rails3.1/log}/.gitkeep +0 -0
  47. data/spec/spec_helper.rb +7 -0
  48. metadata +141 -90
  49. data/README +0 -46
  50. data/test/rails3/Gemfile +0 -33
  51. data/test/rails3/Gemfile.lock +0 -75
  52. data/test/rails3/README +0 -256
  53. data/test/rails3/Rakefile +0 -7
  54. data/test/rails3/app/controllers/posts_controller.rb +0 -15
  55. data/test/rails3/app/helpers/application_helper.rb +0 -2
  56. data/test/rails3/app/models/post.rb +0 -10
  57. data/test/rails3/app/views/layouts/application.html.erb +0 -14
  58. data/test/rails3/app/views/posts/new.html.erb +0 -17
  59. data/test/rails3/config.ru +0 -4
  60. data/test/rails3/config/database.yml +0 -22
  61. data/test/rails3/config/environments/development.rb +0 -26
  62. data/test/rails3/config/environments/production.rb +0 -49
  63. data/test/rails3/config/locales/en.yml +0 -5
  64. data/test/rails3/config/routes.rb +0 -4
  65. data/test/rails3/db/seeds.rb +0 -7
  66. data/test/rails3/doc/README_FOR_APP +0 -2
  67. data/test/rails3/public/404.html +0 -26
  68. data/test/rails3/public/422.html +0 -26
  69. data/test/rails3/public/500.html +0 -26
  70. data/test/rails3/public/javascripts/application.js +0 -0
  71. data/test/rails3/public/javascripts/jquery-1.5.1.js +0 -8316
  72. data/test/rails3/public/robots.txt +0 -5
  73. data/test/rails3/public/stylesheets/form.css +0 -18
  74. data/test/rails3/script/rails +0 -6
  75. data/test/rails3/vendor/plugins/.gitkeep +0 -0
data/.gitignore CHANGED
@@ -1,3 +1,4 @@
1
1
  pkg/*
2
2
  *.gem
3
3
  .bundle
4
+ tmp
data/Gemfile.lock CHANGED
@@ -1,14 +1,133 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- edifice (0.0.1)
4
+ edifice (1.0.1)
5
5
 
6
6
  GEM
7
7
  remote: http://rubygems.org/
8
8
  specs:
9
+ actionmailer (3.1.1)
10
+ actionpack (= 3.1.1)
11
+ mail (~> 2.3.0)
12
+ actionpack (3.1.1)
13
+ activemodel (= 3.1.1)
14
+ activesupport (= 3.1.1)
15
+ builder (~> 3.0.0)
16
+ erubis (~> 2.7.0)
17
+ i18n (~> 0.6)
18
+ rack (~> 1.3.2)
19
+ rack-cache (~> 1.1)
20
+ rack-mount (~> 0.8.2)
21
+ rack-test (~> 0.6.1)
22
+ sprockets (~> 2.0.2)
23
+ activemodel (3.1.1)
24
+ activesupport (= 3.1.1)
25
+ builder (~> 3.0.0)
26
+ i18n (~> 0.6)
27
+ activerecord (3.1.1)
28
+ activemodel (= 3.1.1)
29
+ activesupport (= 3.1.1)
30
+ arel (~> 2.2.1)
31
+ tzinfo (~> 0.3.29)
32
+ activeresource (3.1.1)
33
+ activemodel (= 3.1.1)
34
+ activesupport (= 3.1.1)
35
+ activesupport (3.1.1)
36
+ multi_json (~> 1.0)
37
+ arel (2.2.1)
38
+ builder (3.0.0)
39
+ capybara (1.1.2)
40
+ mime-types (>= 1.16)
41
+ nokogiri (>= 1.3.3)
42
+ rack (>= 1.0.0)
43
+ rack-test (>= 0.5.4)
44
+ selenium-webdriver (~> 2.0)
45
+ xpath (~> 0.1.4)
46
+ childprocess (0.3.0)
47
+ ffi (~> 1.0.6)
48
+ diff-lcs (1.1.3)
49
+ erubis (2.7.0)
50
+ ffi (1.0.11)
51
+ hike (1.2.1)
52
+ i18n (0.6.0)
53
+ jquery-rails (1.0.19)
54
+ railties (~> 3.0)
55
+ thor (~> 0.14)
56
+ json (1.6.5)
57
+ mail (2.3.0)
58
+ i18n (>= 0.4.0)
59
+ mime-types (~> 1.16)
60
+ treetop (~> 1.4.8)
61
+ mime-types (1.17.2)
62
+ multi_json (1.0.4)
63
+ nokogiri (1.5.0)
64
+ polyglot (0.3.3)
65
+ rack (1.3.6)
66
+ rack-cache (1.1)
67
+ rack (>= 0.4)
68
+ rack-mount (0.8.3)
69
+ rack (>= 1.0.0)
70
+ rack-ssl (1.3.2)
71
+ rack
72
+ rack-test (0.6.1)
73
+ rack (>= 1.0)
74
+ rails (3.1.1)
75
+ actionmailer (= 3.1.1)
76
+ actionpack (= 3.1.1)
77
+ activerecord (= 3.1.1)
78
+ activeresource (= 3.1.1)
79
+ activesupport (= 3.1.1)
80
+ bundler (~> 1.0)
81
+ railties (= 3.1.1)
82
+ railties (3.1.1)
83
+ actionpack (= 3.1.1)
84
+ activesupport (= 3.1.1)
85
+ rack-ssl (~> 1.3.2)
86
+ rake (>= 0.8.7)
87
+ rdoc (~> 3.4)
88
+ thor (~> 0.14.6)
89
+ rake (0.9.2.2)
90
+ rdoc (3.12)
91
+ json (~> 1.4)
92
+ rspec (2.8.0)
93
+ rspec-core (~> 2.8.0)
94
+ rspec-expectations (~> 2.8.0)
95
+ rspec-mocks (~> 2.8.0)
96
+ rspec-core (2.8.0)
97
+ rspec-expectations (2.8.0)
98
+ diff-lcs (~> 1.1.2)
99
+ rspec-mocks (2.8.0)
100
+ rspec-rails (2.8.1)
101
+ actionpack (>= 3.0)
102
+ activesupport (>= 3.0)
103
+ railties (>= 3.0)
104
+ rspec (~> 2.8.0)
105
+ rubyzip (0.9.5)
106
+ selenium-webdriver (2.17.0)
107
+ childprocess (>= 0.2.5)
108
+ ffi (~> 1.0.9)
109
+ multi_json (~> 1.0.4)
110
+ rubyzip
111
+ sprockets (2.0.3)
112
+ hike (~> 1.2)
113
+ rack (~> 1.0)
114
+ tilt (~> 1.1, != 1.3.0)
115
+ thor (0.14.6)
116
+ tilt (1.3.3)
117
+ treetop (1.4.10)
118
+ polyglot
119
+ polyglot (>= 0.3.1)
120
+ tzinfo (0.3.31)
121
+ xpath (0.1.4)
122
+ nokogiri (~> 1.3)
9
123
 
10
124
  PLATFORMS
11
125
  ruby
12
126
 
13
127
  DEPENDENCIES
128
+ capybara
14
129
  edifice!
130
+ jquery-rails
131
+ rails
132
+ rake
133
+ rspec-rails
data/README.md ADDED
@@ -0,0 +1,73 @@
1
+ Edifice
2
+ =======
3
+
4
+ Edifice.js is a rails gem / javascript library for integrating your JS + CSS more closely with your rails workflow.
5
+
6
+ Page Specific CSS
7
+ -----------------
8
+
9
+ Add this to your body tag:
10
+
11
+ ```html
12
+ <body class="<%= edifice_body_classes %>">
13
+ ```
14
+
15
+ And you are now free to namespace your CSS like so:
16
+
17
+ ```css
18
+ .c_users.v_show h1 {
19
+ background-color: red;
20
+ }
21
+ ```
22
+
23
+ Of course this namespacing works best with a CSS-preprocessor like [SCSS](http://sass-lang.com/):
24
+
25
+ ```scss
26
+ .c_users.v_show {
27
+ h1 {
28
+ background-color: red;
29
+ }
30
+ p {
31
+ margin-bottom: 20px;
32
+ }
33
+ }
34
+ ```
35
+
36
+ The `c_` part will be set to the path of, and the `v_` part to the name of the view that has been rendered by rails. We also set `l_NAME` to the name of the layout rendered, so you can write layout specific CSS with ease.
37
+
38
+ Page Specific Javascript
39
+ ------------------------
40
+
41
+ For a simple way to write page specific javascript, include edifice in your `application.js`:
42
+
43
+ ```js
44
+ /*
45
+ *= require edifice
46
+ */
47
+ ```
48
+
49
+ Include the edifice meta tags in your header:
50
+
51
+ ```erb
52
+ <head>
53
+ <%= edifice_meta_tags %>
54
+ </head>
55
+ ```
56
+
57
+ Edifice expects you to create a simple JS object that will be called when you page loads (either directly or via AJAX/[PJAX](https://github.com/defunkt/jquery-pjax)), like so:
58
+
59
+ ```js
60
+ window.usersShow = {
61
+ onReady = function() {
62
+ alert("The users#show page has reached the DomContentLoaded state");
63
+ }
64
+ }
65
+ ```
66
+
67
+ Alternatively you could define `onLoad` (which fires on `window.load`), or nothing at all, if you like. We're easy.
68
+
69
+
70
+ License
71
+ -------
72
+
73
+ Edifice is crafted by [Percolate Studio](http://percolatestudio.com) and released under the [MIT license](www.opensource.org/licenses/MIT)
data/Rakefile CHANGED
@@ -1,3 +1,9 @@
1
1
  require 'rubygems'
2
2
  require 'bundler'
3
3
  Bundler::GemHelper.install_tasks
4
+
5
+ require 'rspec/core/rake_task'
6
+ RSpec::Core::RakeTask.new(:spec)
7
+
8
+ task :test => :spec
9
+ task :default => :spec
data/_site/images/logo_edifice_80x93.png ADDED
Binary file
data/_site/index.html ADDED
@@ -0,0 +1,141 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>Edifice for Rails</title>
6
+ <meta description="" />
7
+ <meta keywords="" />
8
+ <link rel="stylesheet" type="text/css" href="style.css" />
9
+ <!--[if IE]>
10
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
+ <![endif]-->
12
+ </head>
13
+
14
+ <body>
15
+ <div id="content">
16
+
17
+ <a class="logo" href="http://github.com/tmeasday/edifice">
18
+ <img src="images/logo_edifice_80x93.png" alt="VISIT EDIFICE ON GITHUB" />
19
+ </a>
20
+
21
+ <div class="pitch">
22
+ <h1><span class="hero">Edifice:</span><span class="tagline">CSS &amp; JS the Rails way</span></h1>
23
+ <p>Edifice makes your Rails life <span class="color">easier</span>. It's designed to <span class="color">simplify</span> CSS &amp; JS integration in your Rails app by following the principle of <strong>DRY</strong>, less obtrusive markup. Stop writing unnecessary javascript boilerplate, stop wasting time namespacing view CSS and <em>start enjoying rails again.</em></p>
24
+ <div class="btn_wrapper">
25
+ <a class="btn" href="https://github.com/tmeasday/edifice">View on Github</a>
26
+ </div>
27
+ </div>
28
+ <div class="explain">
29
+ <h2>But really now, what is Edifice?</h2>
30
+ <p><span class="color"><strong>Edifice is a Rails gem</strong></span> that simplifies the way you manage your CSS and Javascript. Add it to your <code>Gemfile</code>:
31
+ </p>
32
+ <div>
33
+ <pre><code class='ruby'>gem 'edifice'</code></pre>
34
+ </div>
35
+
36
+
37
+
38
+ <h3 class="subtitle color">Namespacing CSS</h3>
39
+ <p>Automatically generate a namespace for each of your views. Use it to fine tune styling on a page-by-page basis without worrying about altering your global names. After all thinking of names is hard, why not just use the view's name? Let <a href="https://github.com/tmeasday/edifice">edifice</a> handle that for you:</p>
40
+ <span>Rather than:</span>
41
+ <div>
42
+ <pre><code class='html'>&lt;body id=&quot;user_profile&quot;&gt;</code></pre>
43
+ </div>
44
+
45
+
46
+ <span>Do:</span>
47
+ <div>
48
+ <pre><code class='erb'>&lt;body class=&quot;&lt;%= edifice_body_classes %&gt;&quot;&gt;</code></pre>
49
+ </div>
50
+
51
+
52
+ <span>And you'll see something like:</span>
53
+ <div>
54
+ <pre><code class='html'>&lt;body class=&quot;c_users v_show l_application&quot;&gt;</code></pre>
55
+ </div>
56
+
57
+
58
+
59
+
60
+ <h3 class="subtitle color">Page-level Javascript</h3>
61
+ <p>Condensing your sites javascript assets into one master file is a performance requirement these days. It gets pretty confusing when you only want to run certain bits of code on different pages. Edifice solves this problem by enabling view specific JS.</p>
62
+ <span>Just add:</span>
63
+ <div>
64
+ <pre><code class='js'>userShow = {
65
+ onReady: function() {
66
+ alert('The users#show page is ready!');
67
+ }
68
+ }</code></pre>
69
+ </div>
70
+
71
+
72
+ <p>The rest will be taken care of.</p>
73
+
74
+
75
+ <h3 class="subtitle color">Site-wide Javascript</h3>
76
+ <p>Reluctant to separate your JS by views?
77
+ <a href="https://github.com/tmeasday/edifice-widgets">Edifice-widgets</a>
78
+ &amp; traits unobtrusively hook up standard behaviors for you</p>
79
+ <span>Just add:</span>
80
+ <div>
81
+ <pre><code class='erb'>&lt;select name=&quot;country&quot; data-widget=&quot;styled_select&quot;&gt;</code></pre>
82
+ </div>
83
+
84
+
85
+ <span>Or:</span>
86
+ <div>
87
+ <pre><code class='erb'>&lt;input type=&quot;text&quot; name=&quot;zipcode&quot; data-trait=&quot;only_allow_numbers&quot;&gt;</code></pre>
88
+ </div>
89
+
90
+
91
+ We'll take care of the rest (you'll have to tell us what a <code>styled_select</code> is and what <code>only_allow_numbers</code> means).
92
+
93
+ <h3 class="subtitle color">Avoid form boilerplate</h3>
94
+ <p>Tired of writing standard code to deal with form errors? Wondering why rails' unobtrusive remote form's don't handle it for you? Let
95
+ <a href="https://github.com/tmeasday/edifice-forms">edifice-forms</a> help you out:</p>
96
+ <span>Just add:</span>
97
+
98
+ <div>
99
+ <pre><code class='html'>&lt;form data-remote=&quot;true&quot; data-form=&quot;show_errors&quot;&gt;</code></pre>
100
+ </div>
101
+
102
+
103
+ <span>And things will work just as you might expect.</span>
104
+
105
+ <h3 class="subtitle color">Easy non-persistent forms</h3>
106
+ <p>Need a form that's not based on a DB-backed model? Still want to validate fields and write simple controllers? Yep, edifice-forms can help with that too:</p>
107
+ <span>Just add:</span>
108
+ <div>
109
+ <pre><code class='ruby'>class Feedback &lt; Edifice::Forms::FormModel
110
+ attr_accessor :message
111
+ attr_accessor :email
112
+
113
+ validates :email, :presence =&amp;gt; true, :format =&amp;gt; {:with =&amp;gt; /^.+@.+\..+$/}
114
+ validates :message, :presence =&amp;gt; true
115
+
116
+ def save
117
+ SelfMailer.feedback(self).deliver
118
+ end
119
+ end
120
+
121
+ class FeedbacksController &lt; ApplicationController
122
+ def create
123
+ respond_with @feedback = Feedback.create params[:feedback]
124
+ end
125
+ end</code></pre>
126
+ </div>
127
+
128
+
129
+ In your views, <code>@feedback</code> is just like a normal model:
130
+ <div>
131
+ <pre><code class='erb'>&lt;%= form_for @feedback do |f| %&gt;</code></pre>
132
+ </div>
133
+
134
+
135
+ <p>Edifice is crafted by <a href="http://percolatestudio.com">Percolate Studio</a> and released under the <a href="www.opensource.org/licenses/MIT">MIT license</a></p></div></div>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </body>
141
+ </html>
data/_site/pygments.css ADDED
@@ -0,0 +1,62 @@
1
+ .highlight .hll { background-color: #ffffcc }
2
+ .highlight { background: #f8f8f8; }
3
+ .highlight .c { color: #408080; font-style: italic } /* Comment */
4
+ .highlight .err { border: 1px solid #FF0000 } /* Error */
5
+ .highlight .k { color: #008000; font-weight: bold } /* Keyword */
6
+ .highlight .o { color: #666666 } /* Operator */
7
+ .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
8
+ .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
9
+ .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
10
+ .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
11
+ .highlight .gd { color: #A00000 } /* Generic.Deleted */
12
+ .highlight .ge { font-style: italic } /* Generic.Emph */
13
+ .highlight .gr { color: #FF0000 } /* Generic.Error */
14
+ .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
15
+ .highlight .gi { color: #00A000 } /* Generic.Inserted */
16
+ .highlight .go { color: #808080 } /* Generic.Output */
17
+ .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
18
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
19
+ .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
20
+ .highlight .gt { color: #0040D0 } /* Generic.Traceback */
21
+ .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
22
+ .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
23
+ .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
24
+ .highlight .kp { color: #008000 } /* Keyword.Pseudo */
25
+ .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
26
+ .highlight .kt { color: #B00040 } /* Keyword.Type */
27
+ .highlight .m { color: #666666 } /* Literal.Number */
28
+ .highlight .s { color: #BA2121 } /* Literal.String */
29
+ .highlight .na { color: #7D9029 } /* Name.Attribute */
30
+ .highlight .nb { color: #008000 } /* Name.Builtin */
31
+ .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
32
+ .highlight .no { color: #880000 } /* Name.Constant */
33
+ .highlight .nd { color: #AA22FF } /* Name.Decorator */
34
+ .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
35
+ .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
36
+ .highlight .nf { color: #0000FF } /* Name.Function */
37
+ .highlight .nl { color: #A0A000 } /* Name.Label */
38
+ .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
39
+ .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
40
+ .highlight .nv { color: #19177C } /* Name.Variable */
41
+ .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
42
+ .highlight .w { color: #bbbbbb } /* Text.Whitespace */
43
+ .highlight .mf { color: #666666 } /* Literal.Number.Float */
44
+ .highlight .mh { color: #666666 } /* Literal.Number.Hex */
45
+ .highlight .mi { color: #666666 } /* Literal.Number.Integer */
46
+ .highlight .mo { color: #666666 } /* Literal.Number.Oct */
47
+ .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
48
+ .highlight .sc { color: #BA2121 } /* Literal.String.Char */
49
+ .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
50
+ .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
51
+ .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
52
+ .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
53
+ .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
54
+ .highlight .sx { color: #008000 } /* Literal.String.Other */
55
+ .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
56
+ .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
57
+ .highlight .ss { color: #19177C } /* Literal.String.Symbol */
58
+ .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
59
+ .highlight .vc { color: #19177C } /* Name.Variable.Class */
60
+ .highlight .vg { color: #19177C } /* Name.Variable.Global */
61
+ .highlight .vi { color: #19177C } /* Name.Variable.Instance */
62
+ .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
data/_site/style.css ADDED
@@ -0,0 +1,477 @@
1
+ /* line 17, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
2
+ html, body, div, span, applet, object, iframe,
3
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
4
+ a, abbr, acronym, address, big, cite, code,
5
+ del, dfn, em, img, ins, kbd, q, s, samp,
6
+ small, strike, strong, sub, sup, tt, var,
7
+ b, u, i, center,
8
+ dl, dt, dd, ol, ul, li,
9
+ fieldset, form, label, legend,
10
+ table, caption, tbody, tfoot, thead, tr, th, td,
11
+ article, aside, canvas, details, embed,
12
+ figure, figcaption, footer, header, hgroup,
13
+ menu, nav, output, ruby, section, summary,
14
+ time, mark, audio, video {
15
+ margin: 0;
16
+ padding: 0;
17
+ border: 0;
18
+ font-size: 100%;
19
+ font: inherit;
20
+ vertical-align: baseline;
21
+ }
22
+
23
+ /* line 20, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
24
+ body {
25
+ line-height: 1;
26
+ }
27
+
28
+ /* line 22, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
29
+ ol, ul {
30
+ list-style: none;
31
+ }
32
+
33
+ /* line 24, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
34
+ table {
35
+ border-collapse: collapse;
36
+ border-spacing: 0;
37
+ }
38
+
39
+ /* line 26, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
40
+ caption, th, td {
41
+ text-align: left;
42
+ font-weight: normal;
43
+ vertical-align: middle;
44
+ }
45
+
46
+ /* line 28, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
47
+ q, blockquote {
48
+ quotes: none;
49
+ }
50
+ /* line 101, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
51
+ q:before, q:after, blockquote:before, blockquote:after {
52
+ content: "";
53
+ content: none;
54
+ }
55
+
56
+ /* line 30, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
57
+ a img {
58
+ border: none;
59
+ }
60
+
61
+ /* line 114, ../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
62
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
63
+ display: block;
64
+ }
65
+
66
+ /* line 11, style.scss */
67
+ html {
68
+ height: 100%;
69
+ }
70
+
71
+ /* line 14, style.scss */
72
+ body {
73
+ backgroundround: transparent;
74
+ text-align: center;
75
+ color: #333;
76
+ height: 100%;
77
+ font-family: Georgia, serif;
78
+ font-size: 15px;
79
+ line-height: 1.5em;
80
+ }
81
+ /* line 22, style.scss */
82
+ body #content {
83
+ text-align: left;
84
+ min-height: 0;
85
+ }
86
+ /* line 33, stylesheets/include/_helpers.scss */
87
+ body #content:after {
88
+ clear: both;
89
+ content: " ";
90
+ display: block;
91
+ visibility: hidden;
92
+ height: 0;
93
+ font-size: 0;
94
+ }
95
+
96
+ /* line 27, style.scss */
97
+ h1, h2, h3, h4, h5, h6 {
98
+ line-height: 1.5em;
99
+ }
100
+
101
+ /* line 28, style.scss */
102
+ h1 {
103
+ font-size: 36px;
104
+ }
105
+
106
+ /* line 29, style.scss */
107
+ h2 {
108
+ font-size: 24px;
109
+ }
110
+
111
+ /* line 30, style.scss */
112
+ h3 {
113
+ font-size: 21px;
114
+ }
115
+
116
+ /* line 31, style.scss */
117
+ h4 {
118
+ font-size: 18px;
119
+ }
120
+
121
+ /* line 32, style.scss */
122
+ h5 {
123
+ font-size: 16px;
124
+ }
125
+
126
+ /* line 33, style.scss */
127
+ h6 {
128
+ font-size: 14px;
129
+ }
130
+
131
+ /* line 36, style.scss */
132
+ a, button {
133
+ outline: none;
134
+ text-decoration: none;
135
+ font-size: inherit;
136
+ font-family: inherit;
137
+ -moz-transition: color 500ms ease;
138
+ -webkit-transition: color 500ms ease;
139
+ -o-transition: color 500ms ease;
140
+ transition: color 500ms ease;
141
+ cursor: pointer;
142
+ color: #66ccff;
143
+ }
144
+ /* line 4, stylesheets/include/links/_textlink.scss */
145
+ a:hover, button:hover {
146
+ color: #3399ff;
147
+ }
148
+ /* line 5, stylesheets/include/links/_textlink.scss */
149
+ a:active, button:active {
150
+ color: #555;
151
+ }
152
+ /* line 43, style.scss */
153
+ a.btn, button.btn {
154
+ text-align: center;
155
+ padding: .75em 1em;
156
+ display: inline-block;
157
+ border-top: 1px solid transparent;
158
+ border-bottom: 1px solid transparent;
159
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
160
+ opacity: 1;
161
+ line-height: 1em;
162
+ box-sizing: border-box;
163
+ -moz-box-sizing: border-box;
164
+ -webkit-box-sizing: border-box;
165
+ background: #ff6633;
166
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
167
+ color: white;
168
+ text-transform: uppercase;
169
+ letter-spacing: .05em;
170
+ -moz-border-radius: 5px;
171
+ -webkit-border-radius: 5px;
172
+ -o-border-radius: 5px;
173
+ -ms-border-radius: 5px;
174
+ -khtml-border-radius: 5px;
175
+ border-radius: 5px;
176
+ }
177
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
178
+ /* line 43, style.scss */
179
+ a.btn, button.btn {
180
+ margin-top: 0;
181
+ }
182
+ }
183
+ /* line 14, stylesheets/include/links/_onset.scss */
184
+ a.btn::-moz-focus-inner, button.btn::-moz-focus-inner {
185
+ border: 0;
186
+ }
187
+ /* line 52, style.scss */
188
+ a.btn:active, button.btn:active {
189
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px 0 inset;
190
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px 0 inset;
191
+ -o-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px 0 inset;
192
+ box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px 0 inset;
193
+ }
194
+
195
+ /* line 57, style.scss */
196
+ input, textarea {
197
+ font-family: Georgia, serif;
198
+ moz-appearance: none;
199
+ -webkit-appearance: none;
200
+ outline: 0;
201
+ }
202
+
203
+ /* line 65, style.scss */
204
+ img {
205
+ -ms-interpolation-mode: bicubic;
206
+ }
207
+
208
+ /* line 67, style.scss */
209
+ b, strong {
210
+ font-weight: bold;
211
+ }
212
+
213
+ /* line 70, style.scss */
214
+ small {
215
+ font-size: .8em;
216
+ }
217
+
218
+ /* line 73, style.scss */
219
+ sub, sup {
220
+ position: relative;
221
+ font-size: .8em;
222
+ }
223
+
224
+ /* line 77, style.scss */
225
+ sub {
226
+ bottom: -0.2em;
227
+ }
228
+
229
+ /* line 80, style.scss */
230
+ sup {
231
+ top: -0.2em;
232
+ }
233
+
234
+ /* line 83, style.scss */
235
+ i, em {
236
+ font-style: italic;
237
+ }
238
+
239
+ /* line 86, style.scss */
240
+ u {
241
+ text-decoration: underline;
242
+ }
243
+
244
+ /* line 89, style.scss */
245
+ del {
246
+ text-decoration: line-through;
247
+ }
248
+
249
+ /* line 92, style.scss */
250
+ blockquote {
251
+ position: relative;
252
+ color: #444;
253
+ clear: both;
254
+ }
255
+ /* line 96, style.scss */
256
+ blockquote p {
257
+ padding-left: 30px;
258
+ }
259
+
260
+ /* line 98, style.scss */
261
+ code, kbd, samp, tt, pre {
262
+ font-family: "Andale Mono", "Monaco", monospace;
263
+ }
264
+
265
+ /* line 101, style.scss */
266
+ pre {
267
+ white-space: pre;
268
+ padding: 10px;
269
+ font-size: 12px;
270
+ line-height: 18px;
271
+ overflow: auto;
272
+ margin: 9px 0 18px;
273
+ background: rgba(255, 255, 221, 0.9);
274
+ border-left: 3px solid #ffff99;
275
+ }
276
+
277
+ /* line 111, style.scss */
278
+ p + pre {
279
+ margin: 20px 0 30px;
280
+ }
281
+
282
+ /* line 114, style.scss */
283
+ .color {
284
+ color: #ff3300;
285
+ }
286
+
287
+ /* line 119, style.scss */
288
+ #content {
289
+ width: 720px;
290
+ margin: 50px auto;
291
+ position: relative;
292
+ }
293
+ /* line 123, style.scss */
294
+ #content .logo {
295
+ font-size: 18px;
296
+ position: absolute;
297
+ top: 4em;
298
+ bottom: auto;
299
+ left: -120px;
300
+ right: auto;
301
+ width: 120px;
302
+ height: auto;
303
+ box-sizing: border-box;
304
+ -moz-box-sizing: border-box;
305
+ -webkit-box-sizing: border-box;
306
+ padding: 20px;
307
+ -moz-border-radius: 10px 0 0 10px;
308
+ -webkit-border-radius: 10px 0 0 10px;
309
+ -o-border-radius: 10px 0 0 10px;
310
+ -ms-border-radius: 10px 0 0 10px;
311
+ -khtml-border-radius: 10px 0 0 10px;
312
+ border-radius: 10px 0 0 10px;
313
+ background: #ff6633;
314
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) -4px 0px 7px -4px inset;
315
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) -4px 0px 7px -4px inset;
316
+ -o-box-shadow: rgba(0, 0, 0, 0.3) -4px 0px 7px -4px inset;
317
+ box-shadow: rgba(0, 0, 0, 0.3) -4px 0px 7px -4px inset;
318
+ }
319
+ /* line 132, style.scss */
320
+ #content .pitch {
321
+ min-height: 0;
322
+ background: #66ccff;
323
+ font-size: 18px;
324
+ line-height: 1.5em;
325
+ padding: 4em 60px;
326
+ margin-bottom: 4em;
327
+ }
328
+ /* line 33, stylesheets/include/_helpers.scss */
329
+ #content .pitch:after {
330
+ clear: both;
331
+ content: " ";
332
+ display: block;
333
+ visibility: hidden;
334
+ height: 0;
335
+ font-size: 0;
336
+ }
337
+ /* line 139, style.scss */
338
+ #content .pitch h1 {
339
+ overflow: hidden;
340
+ }
341
+ /* line 141, style.scss */
342
+ #content .pitch h1 .hero {
343
+ text-indent: -999em;
344
+ width: 600px;
345
+ height: 180px;
346
+ background: url("images/text_img_edifice_600x180.png") no-repeat;
347
+ padding-bottom: 1em;
348
+ margin-bottom: 1em;
349
+ border-bottom: 4px double #fff;
350
+ display: block;
351
+ }
352
+ /* line 151, style.scss */
353
+ #content .pitch h1 .tagline {
354
+ text-indent: -999em;
355
+ width: 547px;
356
+ height: 54px;
357
+ display: block;
358
+ margin: 0 auto .5em;
359
+ background: url("images/text_img_railsway_547x54.png") no-repeat;
360
+ }
361
+ /* line 160, style.scss */
362
+ #content .pitch .btn_wrapper {
363
+ text-align: center;
364
+ }
365
+ /* line 162, style.scss */
366
+ #content .pitch .btn_wrapper .btn {
367
+ font-size: 24px;
368
+ }
369
+ /* line 164, style.scss */
370
+ #content .pitch p {
371
+ margin-bottom: 2em;
372
+ }
373
+ /* line 168, style.scss */
374
+ #content .explain {
375
+ padding: 0 60px;
376
+ box-sizing: border-box;
377
+ -moz-box-sizing: border-box;
378
+ -webkit-box-sizing: border-box;
379
+ }
380
+ /* line 171, style.scss */
381
+ #content .explain h2 {
382
+ width: 450px;
383
+ height: 26px;
384
+ margin: 0 auto 36px;
385
+ background: url("images/text_img_really_450x26.png") no-repeat center center;
386
+ text-indent: -999em;
387
+ overflow: hidden;
388
+ }
389
+ /* line 179, style.scss */
390
+ #content .explain h3.subtitle {
391
+ text-transform: uppercase;
392
+ letter-spacing: .05em;
393
+ font-size: 15px;
394
+ margin: 3em 0 1em;
395
+ font-weight: bold;
396
+ }
397
+ /* line 186, style.scss */
398
+ #content .explain p {
399
+ margin-bottom: 1em;
400
+ }
401
+ /* line 188, style.scss */
402
+ #content .explain p img {
403
+ vertical-align: bottom;
404
+ max-width: 100%;
405
+ height: auto;
406
+ -moz-border-radius: 3px;
407
+ -webkit-border-radius: 3px;
408
+ -o-border-radius: 3px;
409
+ -ms-border-radius: 3px;
410
+ -khtml-border-radius: 3px;
411
+ border-radius: 3px;
412
+ }
413
+ /* line 193, style.scss */
414
+ #content .explain p img.aligncenter {
415
+ display: block;
416
+ margin: 10px auto 15px;
417
+ }
418
+ /* line 197, style.scss */
419
+ #content .explain p img.alignleft {
420
+ float: left;
421
+ margin: 10px 0px 15px 0;
422
+ }
423
+ /* line 201, style.scss */
424
+ #content .explain p img.alignright {
425
+ float: right;
426
+ margin: 10px 0 15px 10px;
427
+ }
428
+ /* line 205, style.scss */
429
+ #content .explain p img.alignnone {
430
+ margin: 10px 0 15px;
431
+ }
432
+ /* line 209, style.scss */
433
+ #content .explain p code {
434
+ font-size: 0.9em;
435
+ }
436
+ /* line 211, style.scss */
437
+ #content .explain dl {
438
+ margin: 19px 0 21px;
439
+ }
440
+ /* line 213, style.scss */
441
+ #content .explain dl dt, #content .explain dl dd {
442
+ line-height: 21px;
443
+ padding: 0 10px;
444
+ list-style-position: inside;
445
+ }
446
+ /* line 218, style.scss */
447
+ #content .explain dl dt {
448
+ font-weight: bold;
449
+ padding: 0 10px;
450
+ }
451
+ /* line 221, style.scss */
452
+ #content .explain dl dd {
453
+ font-style: italic;
454
+ padding: 0 20px;
455
+ }
456
+ /* line 225, style.scss */
457
+ #content .explain ul li {
458
+ list-style-type: disc;
459
+ }
460
+ /* line 226, style.scss */
461
+ #content .explain ol li {
462
+ list-style-type: decimal;
463
+ }
464
+ /* line 227, style.scss */
465
+ #content .explain ul, #content .explain ol {
466
+ margin: 1em 0 1.5em;
467
+ }
468
+ /* line 229, style.scss */
469
+ #content .explain ul ul, #content .explain ul ol, #content .explain ol ul, #content .explain ol ol {
470
+ margin: 0;
471
+ border-bottom: 0;
472
+ }
473
+ /* line 233, style.scss */
474
+ #content .explain ul li, #content .explain ol li {
475
+ list-style-position: inside;
476
+ padding: 0 30px;
477
+ }