proevo 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.document +5 -0
- data/Gemfile +13 -0
- data/Gemfile.lock +20 -0
- data/LICENSE.txt +20 -0
- data/README.mkdn +193 -0
- data/README.rdoc +19 -0
- data/Rakefile +55 -0
- data/VERSION +1 -0
- data/lib/proevo.rb +0 -0
- data/proevo-0.0.0.gem +0 -0
- data/proevo.gemspec +72 -0
- data/stylesheets/_proevo.scss +15 -0
- data/stylesheets/proevo/_base.scss +49 -0
- data/stylesheets/proevo/_forms.scss +17 -0
- data/stylesheets/proevo/_layout.scss +20 -0
- data/templates/project/js/jquery-1.5.1.min.js +16 -0
- data/templates/project/js/jquery-ui-1.8.6.custom.min.js +778 -0
- data/templates/project/js/modernizr-1.7.min.js +2 -0
- data/templates/project/js/script.js +20 -0
- data/templates/project/manifest.rb +25 -0
- data/test/helper.rb +18 -0
- data/test/test_proevo.rb +7 -0
- metadata +148 -0
data/.document
ADDED
data/Gemfile
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
source "http://rubygems.org"
|
2
|
+
# Add dependencies required to use your gem here.
|
3
|
+
# Example:
|
4
|
+
# gem "activesupport", ">= 2.3.5"
|
5
|
+
|
6
|
+
# Add dependencies to develop your gem here.
|
7
|
+
# Include everything needed to run rake, tests, features, etc.
|
8
|
+
group :development do
|
9
|
+
gem "shoulda", ">= 0"
|
10
|
+
gem "bundler", "~> 1.0.0"
|
11
|
+
gem "jeweler", "~> 1.6.4"
|
12
|
+
gem "rcov", ">= 0"
|
13
|
+
end
|
data/Gemfile.lock
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
GEM
|
2
|
+
remote: http://rubygems.org/
|
3
|
+
specs:
|
4
|
+
git (1.2.5)
|
5
|
+
jeweler (1.6.4)
|
6
|
+
bundler (~> 1.0)
|
7
|
+
git (>= 1.2.5)
|
8
|
+
rake
|
9
|
+
rake (0.9.2)
|
10
|
+
rcov (0.9.10)
|
11
|
+
shoulda (2.11.3)
|
12
|
+
|
13
|
+
PLATFORMS
|
14
|
+
ruby
|
15
|
+
|
16
|
+
DEPENDENCIES
|
17
|
+
bundler (~> 1.0.0)
|
18
|
+
jeweler (~> 1.6.4)
|
19
|
+
rcov
|
20
|
+
shoulda
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
Copyright (c) 2011 Jamie
|
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.mkdn
ADDED
@@ -0,0 +1,193 @@
|
|
1
|
+
!!!!!!!! NEED TO REWRITE THIS !!!!!!!!!!!
|
2
|
+
|
3
|
+
Compass CSS Lightbox
|
4
|
+
====================
|
5
|
+
|
6
|
+
These lightboxes work in all modern browsers with pure CSS. Additional support
|
7
|
+
for Internet Explorer and older browsers is made possible with a small amount
|
8
|
+
of JavaScript.
|
9
|
+
|
10
|
+
|
11
|
+
Installation
|
12
|
+
============
|
13
|
+
|
14
|
+
From the command line:
|
15
|
+
|
16
|
+
(sudo) gem install css-lightbox
|
17
|
+
|
18
|
+
Add to a project:
|
19
|
+
|
20
|
+
// rails: compass.config, other: config.rb
|
21
|
+
require 'css-lightbox'
|
22
|
+
|
23
|
+
// command line
|
24
|
+
compass install css-lightbox
|
25
|
+
|
26
|
+
Or create a new project:
|
27
|
+
|
28
|
+
compass -r css-lightbox -f css-lightbox project_directory
|
29
|
+
|
30
|
+
|
31
|
+
Lightboxes
|
32
|
+
==========
|
33
|
+
|
34
|
+
The basic CSS-Lightbox works with a combination of internal links, z-index,
|
35
|
+
positioning and the css3 `:target` selector. Javascript bootstrapping simply
|
36
|
+
interupts the link action, and applys active or inactive classes to the
|
37
|
+
boxes.
|
38
|
+
|
39
|
+
Each lightbox contains three important elements:
|
40
|
+
|
41
|
+
- Container
|
42
|
+
- Box
|
43
|
+
- Link to close the box (href="#")
|
44
|
+
|
45
|
+
The container gives you extra positioning options, and acts as an optional
|
46
|
+
modal overlay for the page. You can write the HTML to your liking, but here is
|
47
|
+
one example:
|
48
|
+
|
49
|
+
<aside id="about-us" class="container">
|
50
|
+
<div class="box">
|
51
|
+
|
52
|
+
<!-- Your Lightbox Content -->
|
53
|
+
|
54
|
+
<a href="#" title="close the 'about' lightbox">close</a> <!-- Link to close -->
|
55
|
+
</div>
|
56
|
+
</aside>
|
57
|
+
|
58
|
+
To open your lightbox, all you need is a link from somewhere else on the page
|
59
|
+
that points at your lightbox:
|
60
|
+
|
61
|
+
<a href="#about-us">a link to the about-us lightbox</a>
|
62
|
+
|
63
|
+
For a quick, pre-styled lightbox simply apply the `lightbox-with-default-styles`
|
64
|
+
mixin to your lightbox containers.
|
65
|
+
|
66
|
+
.container {
|
67
|
+
@include lightbox-with-default-styles;
|
68
|
+
}
|
69
|
+
|
70
|
+
`lightbox-with-default-styles` takes three optional arguments, each with
|
71
|
+
defaults that you can override globaly for your project.
|
72
|
+
|
73
|
+
* The first argument is a (relative) selector for the box, and defaults
|
74
|
+
to `"> div"`.
|
75
|
+
* The second is a fade-speed using CSS transitions. This defaults to `false`
|
76
|
+
for no fade.
|
77
|
+
* The third defines the JS fallback "active" selector that you are using.
|
78
|
+
It defaults to `.active`.
|
79
|
+
|
80
|
+
Use them like so:
|
81
|
+
|
82
|
+
.container {
|
83
|
+
@include lightbox-with-default-styles('> div', '300ms', '.visible');
|
84
|
+
}
|
85
|
+
|
86
|
+
|
87
|
+
Javascript Bootstrapping
|
88
|
+
========================
|
89
|
+
|
90
|
+
For Javascript bootstrapping in IE (using jQuery), simply link the included
|
91
|
+
lightbox.js and make any needed changes to the HTML-related variables that it
|
92
|
+
uses:
|
93
|
+
|
94
|
+
// "lightboxes" should point to the lightbox containers on your page
|
95
|
+
var lightboxes = $('#lightboxes aside');
|
96
|
+
|
97
|
+
// "closeLinks" should point at the links used to close boxes
|
98
|
+
var closeLinks = $('#lightboxes a[title*="close"]');
|
99
|
+
|
100
|
+
// "showClass" is the class to use for active lightboxes
|
101
|
+
// "hideClass" is used for inactive lightboxes
|
102
|
+
var showClass = 'active'
|
103
|
+
var hideClass = 'hidden'
|
104
|
+
|
105
|
+
The function is called simply, and the variables can be overridden on each call
|
106
|
+
as needed:
|
107
|
+
|
108
|
+
$(document).ready(function(){
|
109
|
+
lightboxBootstrap(lightboxes, closeLinks, showClass, hideClass);
|
110
|
+
});
|
111
|
+
|
112
|
+
|
113
|
+
Advanced Lightboxes
|
114
|
+
===================
|
115
|
+
|
116
|
+
But why would you use my styles when you can create your own? For simple
|
117
|
+
lightboxes without any styling at all, you can use the simple `lightbox` mixin:
|
118
|
+
|
119
|
+
.container {
|
120
|
+
@include lightbox;
|
121
|
+
}
|
122
|
+
|
123
|
+
I'll warn you, it's ugly until you add some style, but adding style isn't hard.
|
124
|
+
By default `absolute` positioning is used on the containers to place them in
|
125
|
+
the top left. You can override that by changing the positioning of your
|
126
|
+
container as you like. You'll find that each solution has advantages and
|
127
|
+
disadvantages.
|
128
|
+
|
129
|
+
|
130
|
+
Available Defaults and Mixins
|
131
|
+
=============================
|
132
|
+
|
133
|
+
Defaults:
|
134
|
+
|
135
|
+
// Set this to a selector for the inner box.
|
136
|
+
$lightbox-box-to-style: "> div";
|
137
|
+
|
138
|
+
// Set the default fade time, or leave false for no fade
|
139
|
+
$lightbox-fade: false;
|
140
|
+
|
141
|
+
// Set the active selector to be used by the JS fallback
|
142
|
+
$lightbox-active: ".active";
|
143
|
+
|
144
|
+
Mixins:
|
145
|
+
|
146
|
+
* What makes a lightbox inactive
|
147
|
+
|
148
|
+
lightbox-hidden();
|
149
|
+
|
150
|
+
* What makes a lightbox active
|
151
|
+
|
152
|
+
lightbox-active();
|
153
|
+
|
154
|
+
* Initiallizes lightbox styles, and hides them to be revealed later
|
155
|
+
|
156
|
+
lightbox-hide();
|
157
|
+
|
158
|
+
* Shows a lightbox when it should be active
|
159
|
+
|
160
|
+
lightbox-show(
|
161
|
+
$active: $lightbox-active );
|
162
|
+
|
163
|
+
* Set up your lightboxes by applying to each container
|
164
|
+
|
165
|
+
lightbox(
|
166
|
+
$active: $lightbox-active );
|
167
|
+
|
168
|
+
* Set a lightbox to fade
|
169
|
+
|
170
|
+
lightbox-fade(
|
171
|
+
$fade-speed: $lightbox-fade or 500ms );
|
172
|
+
|
173
|
+
* Apply default styles to the lightbox container
|
174
|
+
|
175
|
+
lightbox-default-container-styles(
|
176
|
+
$fade-speed: $lightbox-fade );
|
177
|
+
|
178
|
+
* Apply default styles to the box
|
179
|
+
|
180
|
+
lightbox-default-box-styles();
|
181
|
+
|
182
|
+
* Apply default styles to the container and box in one fell swoop
|
183
|
+
|
184
|
+
lightbox-default-styles(
|
185
|
+
$style : $lightbox-box-to-style,
|
186
|
+
$fade-speed : $lightbox-fade );
|
187
|
+
|
188
|
+
* Create and style a lightbox all at once
|
189
|
+
|
190
|
+
lightbox-with-default-styles(
|
191
|
+
$style : $lightbox-box-to-style,
|
192
|
+
$fade-speed : $lightbox-fade,
|
193
|
+
$active : $lightbox-active );
|
data/README.rdoc
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
= proevo
|
2
|
+
|
3
|
+
Description goes here.
|
4
|
+
|
5
|
+
== Contributing to proevo
|
6
|
+
|
7
|
+
* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet
|
8
|
+
* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it
|
9
|
+
* Fork the project
|
10
|
+
* Start a feature/bugfix branch
|
11
|
+
* Commit and push until you are happy with your contribution
|
12
|
+
* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
|
13
|
+
* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
|
14
|
+
|
15
|
+
== Copyright
|
16
|
+
|
17
|
+
Copyright (c) 2011 Jamie. See LICENSE.txt for
|
18
|
+
further details.
|
19
|
+
|
data/Rakefile
ADDED
@@ -0,0 +1,55 @@
|
|
1
|
+
# encoding: utf-8
|
2
|
+
|
3
|
+
require 'rubygems'
|
4
|
+
require 'bundler'
|
5
|
+
begin
|
6
|
+
Bundler.setup(:default, :development)
|
7
|
+
rescue Bundler::BundlerError => e
|
8
|
+
$stderr.puts e.message
|
9
|
+
$stderr.puts "Run `bundle install` to install missing gems"
|
10
|
+
exit e.status_code
|
11
|
+
end
|
12
|
+
require 'rake'
|
13
|
+
|
14
|
+
require 'jeweler'
|
15
|
+
Jeweler::Tasks.new do |gem|
|
16
|
+
# gem is a Gem::Specification... see http://docs.rubygems.org/read/chapter/20 for more options
|
17
|
+
gem.name = "proevo"
|
18
|
+
gem.homepage = "http://github.com/itsjamesre/proevo"
|
19
|
+
gem.license = "MIT"
|
20
|
+
gem.summary = %Q{Styles and layout for Project Evolution}
|
21
|
+
gem.description = %Q{Styles and layout for Project Evolution}
|
22
|
+
gem.email = "jamie@projectevolution.com"
|
23
|
+
gem.authors = ["Jamie"]
|
24
|
+
# dependencies defined in Gemfile
|
25
|
+
end
|
26
|
+
Jeweler::RubygemsDotOrgTasks.new
|
27
|
+
|
28
|
+
require 'rake/testtask'
|
29
|
+
Rake::TestTask.new(:test) do |test|
|
30
|
+
test.libs << 'lib' << 'test'
|
31
|
+
test.pattern = 'test/**/test_*.rb'
|
32
|
+
test.verbose = true
|
33
|
+
end
|
34
|
+
|
35
|
+
require 'rcov/rcovtask'
|
36
|
+
Rcov::RcovTask.new do |test|
|
37
|
+
test.libs << 'test'
|
38
|
+
test.pattern = 'test/**/test_*.rb'
|
39
|
+
test.verbose = true
|
40
|
+
test.rcov_opts << '--exclude "gems/*"'
|
41
|
+
end
|
42
|
+
|
43
|
+
task :default => :test
|
44
|
+
|
45
|
+
require 'rake/rdoctask'
|
46
|
+
Rake::RDocTask.new do |rdoc|
|
47
|
+
version = File.exist?('VERSION') ? File.read('VERSION') : ""
|
48
|
+
|
49
|
+
rdoc.rdoc_dir = 'rdoc'
|
50
|
+
rdoc.title = "proevo #{version}"
|
51
|
+
rdoc.rdoc_files.include('README*')
|
52
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
53
|
+
rdoc.rdoc_files.include('stylesheets/**/*.*')
|
54
|
+
rdoc.rdoc_files.include('templates/**/*.*')
|
55
|
+
end
|
data/VERSION
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
0.2.0
|
data/lib/proevo.rb
ADDED
File without changes
|
data/proevo-0.0.0.gem
ADDED
Binary file
|
data/proevo.gemspec
ADDED
@@ -0,0 +1,72 @@
|
|
1
|
+
# Generated by jeweler
|
2
|
+
# DO NOT EDIT THIS FILE DIRECTLY
|
3
|
+
# Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
|
4
|
+
# -*- encoding: utf-8 -*-
|
5
|
+
|
6
|
+
Gem::Specification.new do |s|
|
7
|
+
s.name = %q{proevo}
|
8
|
+
s.version = "0.2.0"
|
9
|
+
|
10
|
+
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
11
|
+
s.authors = [%q{Jamie}]
|
12
|
+
s.date = %q{2011-08-19}
|
13
|
+
s.description = %q{Styles and layout for Project Evolution}
|
14
|
+
s.email = %q{jamie@projectevolution.com}
|
15
|
+
s.extra_rdoc_files = [
|
16
|
+
"LICENSE.txt",
|
17
|
+
"README.mkdn",
|
18
|
+
"README.rdoc"
|
19
|
+
]
|
20
|
+
s.files = [
|
21
|
+
".document",
|
22
|
+
"Gemfile",
|
23
|
+
"Gemfile.lock",
|
24
|
+
"LICENSE.txt",
|
25
|
+
"README.mkdn",
|
26
|
+
"README.rdoc",
|
27
|
+
"Rakefile",
|
28
|
+
"VERSION",
|
29
|
+
"lib/proevo.rb",
|
30
|
+
"proevo-0.0.0.gem",
|
31
|
+
"proevo-0.2.0.gem",
|
32
|
+
"proevo.gemspec",
|
33
|
+
"stylesheets/_proevo.scss",
|
34
|
+
"stylesheets/proevo/_base.scss",
|
35
|
+
"stylesheets/proevo/_forms.scss",
|
36
|
+
"stylesheets/proevo/_layout.scss",
|
37
|
+
"templates/project/js/jquery-1.5.1.min.js",
|
38
|
+
"templates/project/js/jquery-ui-1.8.6.custom.min.js",
|
39
|
+
"templates/project/js/modernizr-1.7.min.js",
|
40
|
+
"templates/project/js/script.js",
|
41
|
+
"templates/project/manifest.rb",
|
42
|
+
"test/helper.rb",
|
43
|
+
"test/test_proevo.rb"
|
44
|
+
]
|
45
|
+
s.homepage = %q{http://github.com/itsjamesre/proevo}
|
46
|
+
s.licenses = [%q{MIT}]
|
47
|
+
s.require_paths = [%q{lib}]
|
48
|
+
s.rubygems_version = %q{1.8.8}
|
49
|
+
s.summary = %q{Styles and layout for Project Evolution}
|
50
|
+
|
51
|
+
if s.respond_to? :specification_version then
|
52
|
+
s.specification_version = 3
|
53
|
+
|
54
|
+
if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
|
55
|
+
s.add_development_dependency(%q<shoulda>, [">= 0"])
|
56
|
+
s.add_development_dependency(%q<bundler>, ["~> 1.0.0"])
|
57
|
+
s.add_development_dependency(%q<jeweler>, ["~> 1.6.4"])
|
58
|
+
s.add_development_dependency(%q<rcov>, [">= 0"])
|
59
|
+
else
|
60
|
+
s.add_dependency(%q<shoulda>, [">= 0"])
|
61
|
+
s.add_dependency(%q<bundler>, ["~> 1.0.0"])
|
62
|
+
s.add_dependency(%q<jeweler>, ["~> 1.6.4"])
|
63
|
+
s.add_dependency(%q<rcov>, [">= 0"])
|
64
|
+
end
|
65
|
+
else
|
66
|
+
s.add_dependency(%q<shoulda>, [">= 0"])
|
67
|
+
s.add_dependency(%q<bundler>, ["~> 1.0.0"])
|
68
|
+
s.add_dependency(%q<jeweler>, ["~> 1.6.4"])
|
69
|
+
s.add_dependency(%q<rcov>, [">= 0"])
|
70
|
+
end
|
71
|
+
end
|
72
|
+
|
@@ -0,0 +1,15 @@
|
|
1
|
+
// ProEvo ------------------------------------------------------------
|
2
|
+
// Plugin by Jamie Re - http://projectevolution.com/
|
3
|
+
|
4
|
+
// These lightboxes work in all modern standards-complient browsers with
|
5
|
+
// pure CSS. Additional support for Internet Explorer and older browsers
|
6
|
+
// is made possible with a small amount of JavaScript.
|
7
|
+
|
8
|
+
|
9
|
+
// Defaults ------------------------------------------------------------------
|
10
|
+
|
11
|
+
|
12
|
+
// Import --------------------------------------------------------------------
|
13
|
+
@import "proevo/base";
|
14
|
+
@import "proevo/forms";
|
15
|
+
@import "proevo/layout";
|
@@ -0,0 +1,49 @@
|
|
1
|
+
// Basic Styles, COlors and Imports
|
2
|
+
|
3
|
+
@import "compass/utilities/general/clearfix";
|
4
|
+
@import "compass/css3/font-face";
|
5
|
+
@import "compass/css3/border-radius";
|
6
|
+
@import "compass/css3/box-shadow";
|
7
|
+
@import "compass/css3/inline-block";
|
8
|
+
@import "compass/support";
|
9
|
+
|
10
|
+
$default-color: #444;
|
11
|
+
$default-color-lite: $default-color + #555;
|
12
|
+
|
13
|
+
$primary-color: #019F48;
|
14
|
+
$primary-color-neon: #00D761;
|
15
|
+
$primary-color-dark: #006D33;
|
16
|
+
$primary-color-muted: #74AB8E;
|
17
|
+
$primary-color-lite: #DDEDE4;
|
18
|
+
|
19
|
+
@mixin ul_base {
|
20
|
+
@include clearfix;
|
21
|
+
list-style-type:none;
|
22
|
+
|
23
|
+
li {
|
24
|
+
border-right:solid 1px #bbb;
|
25
|
+
display:block;
|
26
|
+
float:left;
|
27
|
+
line-height:1em;
|
28
|
+
padding:2px 15px;
|
29
|
+
|
30
|
+
a {
|
31
|
+
color:#666;
|
32
|
+
text-decoration:none;
|
33
|
+
}
|
34
|
+
|
35
|
+
a:hover {
|
36
|
+
color:#111;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
li:first-child {
|
41
|
+
padding-left:2px;
|
42
|
+
}
|
43
|
+
|
44
|
+
li:last-child {
|
45
|
+
border:none;
|
46
|
+
padding-right:2px;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|