scrollytelling-loading_spinner 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: aa742ece754be8ec74f60fe85cfc4027c8e1776e
4
+ data.tar.gz: 61817862271e7941b8033db189a52b888422fdc2
5
+ SHA512:
6
+ metadata.gz: ae8e1baa6f90227db88501b26eee94c44e7573bc97d377adbdf3f67e84be8c118c2eaf418934eae37284f04e7b0ff241d6faa08e6d59ba843c9ee2e89e094240
7
+ data.tar.gz: ced1299bc0f8cc708f51fe4c15deb778051dc9c4976186632ab80704f72fee3e4d9dd783b22c7574e6d170030abc7bad74286c80689e3e75de6091b327cdadeb
data/.gitignore ADDED
@@ -0,0 +1,9 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
data/.rspec ADDED
@@ -0,0 +1,2 @@
1
+ --format documentation
2
+ --color
@@ -0,0 +1,49 @@
1
+ # Contributor Code of Conduct
2
+
3
+ As contributors and maintainers of this project, and in the interest of
4
+ fostering an open and welcoming community, we pledge to respect all people who
5
+ contribute through reporting issues, posting feature requests, updating
6
+ documentation, submitting pull requests or patches, and other activities.
7
+
8
+ We are committed to making participation in this project a harassment-free
9
+ experience for everyone, regardless of level of experience, gender, gender
10
+ identity and expression, sexual orientation, disability, personal appearance,
11
+ body size, race, ethnicity, age, religion, or nationality.
12
+
13
+ Examples of unacceptable behavior by participants include:
14
+
15
+ * The use of sexualized language or imagery
16
+ * Personal attacks
17
+ * Trolling or insulting/derogatory comments
18
+ * Public or private harassment
19
+ * Publishing other's private information, such as physical or electronic
20
+ addresses, without explicit permission
21
+ * Other unethical or unprofessional conduct
22
+
23
+ Project maintainers have the right and responsibility to remove, edit, or
24
+ reject comments, commits, code, wiki edits, issues, and other contributions
25
+ that are not aligned to this Code of Conduct, or to ban temporarily or
26
+ permanently any contributor for other behaviors that they deem inappropriate,
27
+ threatening, offensive, or harmful.
28
+
29
+ By adopting this Code of Conduct, project maintainers commit themselves to
30
+ fairly and consistently applying these principles to every aspect of managing
31
+ this project. Project maintainers who do not follow or enforce the Code of
32
+ Conduct may be permanently removed from the project team.
33
+
34
+ This code of conduct applies both within project spaces and in public spaces
35
+ when an individual is representing the project or its community.
36
+
37
+ Instances of abusive, harassing, or otherwise unacceptable behavior may be
38
+ reported by contacting a project maintainer at joost@spacebabies.nl. All
39
+ complaints will be reviewed and investigated and will result in a response that
40
+ is deemed necessary and appropriate to the circumstances. Maintainers are
41
+ obligated to maintain confidentiality with regard to the reporter of an
42
+ incident.
43
+
44
+ This Code of Conduct is adapted from the [Contributor Covenant][homepage],
45
+ version 1.3.0, available at
46
+ [http://contributor-covenant.org/version/1/3/0/][version]
47
+
48
+ [homepage]: http://contributor-covenant.org
49
+ [version]: http://contributor-covenant.org/version/1/3/0/
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in scrollytelling-loading_spinner.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016 Joost Baaij
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,60 @@
1
+ # Scrollytelling::LoadingSpinner
2
+
3
+ Replace the built-in [Pageflow](https://github.com/codevise/pageflow) loading spinner with a pure CSS version.
4
+
5
+ ## Hack Attack!
6
+
7
+ This plugin uses an **unoffical API** to patch Pageflow. This is why the version check for this gem is a little more strict than usual.
8
+
9
+ ## Installation
10
+
11
+ Add this line to your application's Gemfile, _after_ `pageflow`:
12
+
13
+ ```ruby
14
+ gem 'scrollytelling-loading_spinner'
15
+ ```
16
+
17
+ Bundle the plugin with your application by typing this on the command line:
18
+
19
+ $ bundle
20
+
21
+ ## Usage
22
+
23
+ Add it to the asset pipeline:
24
+
25
+ ```
26
+ # app/assets/javascripts/pageflow/application.js
27
+ //= require scrollytelling/loading_spinner
28
+
29
+ # app/assets/stylesheets/pageflow/application.css.scss
30
+ @import "scrollytelling/loading_spinner";
31
+ ```
32
+
33
+ You will want to override the `.loader_logo` CSS declaration in your theme to suit your needs.
34
+
35
+ ```css
36
+ .loader_logo {
37
+ width: 360px;
38
+ height: 55px;
39
+ background-image: asset-url('scrollytelling/loading_spinner/logo.png');
40
+ background-repeat: no-repeat;
41
+ background-position: center;
42
+ background-size: cover;
43
+ margin: 10% auto;
44
+ }
45
+ ```
46
+
47
+ ## Development
48
+
49
+ After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
50
+
51
+ To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
52
+
53
+ ## Contributing
54
+
55
+ Bug reports and pull requests are welcome on GitHub at https://github.com/scrollytelling/scrollytelling-loading_spinner. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
56
+
57
+
58
+ ## License
59
+
60
+ The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
data/Rakefile ADDED
@@ -0,0 +1,6 @@
1
+ require "bundler/gem_tasks"
2
+ require "rspec/core/rake_task"
3
+
4
+ RSpec::Core::RakeTask.new(:spec)
5
+
6
+ task :default => :spec
@@ -0,0 +1,4 @@
1
+ // fix visible spinner and white transition flash
2
+ pageflow.ready.then(function() {
3
+ $('body').addClass('finished-loading');
4
+ });
@@ -0,0 +1,89 @@
1
+ .loader_wrapper {
2
+ position: absolute;
3
+ width: 100%;
4
+ height: 100%;
5
+ top: 0;
6
+ left: 0;
7
+ }
8
+
9
+ .loader,
10
+ .loader:before,
11
+ .loader:after {
12
+ border-radius: 50%;
13
+ }
14
+ .loader:before,
15
+ .loader:after {
16
+ position: absolute;
17
+ content: '';
18
+ }
19
+ .loader:before {
20
+ width: 5.2em;
21
+ height: 10.2em;
22
+ background: black;
23
+ border-radius: 10.2em 0 0 10.2em;
24
+ top: -0.1em;
25
+ left: -0.1em;
26
+ -webkit-transform-origin: 5.2em 5.1em;
27
+ transform-origin: 5.2em 5.1em;
28
+ -webkit-animation: load2 2s infinite ease 1.5s;
29
+ animation: load2 2s infinite ease 1.5s;
30
+ }
31
+ .loader {
32
+ font-size: 11px;
33
+ text-indent: -99999em;
34
+ margin: 20% auto 0 auto;
35
+ position: relative;
36
+ width: 10em;
37
+ height: 10em;
38
+ box-shadow: inset 0 0 0 1em #ffffff ;
39
+ -webkit-transform: translateZ(0);
40
+ -ms-transform: translateZ(0);
41
+ transform: translateZ(0);
42
+ }
43
+ .loader:after {
44
+ width: 5.2em;
45
+ height: 10.2em;
46
+ background: black;
47
+ border-radius: 0 10.2em 10.2em 0;
48
+ top: -0.1em;
49
+ left: 5.1em;
50
+ -webkit-transform-origin: 0px 5.1em;
51
+ transform-origin: 0px 5.1em;
52
+ -webkit-animation: load2 2s infinite ease;
53
+ animation: load2 2s infinite ease;
54
+ }
55
+ @-webkit-keyframes load2 {
56
+ 0% {
57
+ -webkit-transform: rotate(0deg);
58
+ transform: rotate(0deg);
59
+ }
60
+ 100% {
61
+ -webkit-transform: rotate(360deg);
62
+ transform: rotate(360deg);
63
+ }
64
+ }
65
+ @keyframes load2 {
66
+ 0% {
67
+ -webkit-transform: rotate(0deg);
68
+ transform: rotate(0deg);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+
76
+ .loader_logo {
77
+ width: 360px;
78
+ height: 55px;
79
+ background-image: asset-url('scrollytelling/loading_spinner/logo.png');
80
+ background-repeat: no-repeat;
81
+ background-position: center;
82
+ background-size: cover;
83
+ margin: 10% auto;
84
+ }
85
+
86
+ // Hide loader when pageflow has finished loading.
87
+ .finished-loading .loader_wrapper {
88
+ display:none;
89
+ }
@@ -0,0 +1 @@
1
+ <%# blank on purpose %>
@@ -0,0 +1,4 @@
1
+ <div class="loader_wrapper">
2
+ <div class="loader">Loading...</div>
3
+ <div class="loader_logo"></div>
4
+ </div>
data/bin/console ADDED
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "scrollytelling/loading_spinner"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start
data/bin/setup ADDED
@@ -0,0 +1,8 @@
1
+ #!/usr/bin/env bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+ set -vx
5
+
6
+ bundle install
7
+
8
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,9 @@
1
+ require 'rails/engine'
2
+
3
+ module Scrollytelling
4
+ module LoadingSpinner
5
+ class Engine < ::Rails::Engine
6
+ isolate_namespace Scrollytelling::LoadingSpinner
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,5 @@
1
+ module Scrollytelling
2
+ module LoadingSpinner
3
+ VERSION = "0.1.0"
4
+ end
5
+ end
@@ -0,0 +1,6 @@
1
+ require "scrollytelling/loading_spinner/engine"
2
+
3
+ module Scrollytelling
4
+ module LoadingSpinner
5
+ end
6
+ end
@@ -0,0 +1,28 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'scrollytelling/loading_spinner/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "scrollytelling-loading_spinner"
8
+ spec.version = Scrollytelling::LoadingSpinner::VERSION
9
+ spec.authors = ["Joost Baaij"]
10
+ spec.email = ["joost@spacebabies.nl"]
11
+
12
+ spec.summary = "Render the Scrollytelling CSS loading spinner instead of the Pageflow built-in loading spinner."
13
+ spec.homepage = "https://github.com/scrollytelling/scrollytelling-loading_spinner"
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
17
+ spec.bindir = "exe"
18
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
19
+ spec.require_paths = ["lib"]
20
+
21
+ # check pageflow compatability; the paths in app/views need to still exist there so we can override them
22
+ spec.add_runtime_dependency "pageflow", ">= 0.7", '< 0.11'
23
+ spec.add_runtime_dependency "rails", ">= 3.0"
24
+
25
+ spec.add_development_dependency "bundler", "~> 1.12"
26
+ spec.add_development_dependency "rake", "~> 10.0"
27
+ spec.add_development_dependency "rspec", "~> 3.0"
28
+ end
metadata ADDED
@@ -0,0 +1,140 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: scrollytelling-loading_spinner
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Joost Baaij
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2016-06-23 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: pageflow
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: '0.7'
20
+ - - "<"
21
+ - !ruby/object:Gem::Version
22
+ version: '0.11'
23
+ type: :runtime
24
+ prerelease: false
25
+ version_requirements: !ruby/object:Gem::Requirement
26
+ requirements:
27
+ - - ">="
28
+ - !ruby/object:Gem::Version
29
+ version: '0.7'
30
+ - - "<"
31
+ - !ruby/object:Gem::Version
32
+ version: '0.11'
33
+ - !ruby/object:Gem::Dependency
34
+ name: rails
35
+ requirement: !ruby/object:Gem::Requirement
36
+ requirements:
37
+ - - ">="
38
+ - !ruby/object:Gem::Version
39
+ version: '3.0'
40
+ type: :runtime
41
+ prerelease: false
42
+ version_requirements: !ruby/object:Gem::Requirement
43
+ requirements:
44
+ - - ">="
45
+ - !ruby/object:Gem::Version
46
+ version: '3.0'
47
+ - !ruby/object:Gem::Dependency
48
+ name: bundler
49
+ requirement: !ruby/object:Gem::Requirement
50
+ requirements:
51
+ - - "~>"
52
+ - !ruby/object:Gem::Version
53
+ version: '1.12'
54
+ type: :development
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ requirements:
58
+ - - "~>"
59
+ - !ruby/object:Gem::Version
60
+ version: '1.12'
61
+ - !ruby/object:Gem::Dependency
62
+ name: rake
63
+ requirement: !ruby/object:Gem::Requirement
64
+ requirements:
65
+ - - "~>"
66
+ - !ruby/object:Gem::Version
67
+ version: '10.0'
68
+ type: :development
69
+ prerelease: false
70
+ version_requirements: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - "~>"
73
+ - !ruby/object:Gem::Version
74
+ version: '10.0'
75
+ - !ruby/object:Gem::Dependency
76
+ name: rspec
77
+ requirement: !ruby/object:Gem::Requirement
78
+ requirements:
79
+ - - "~>"
80
+ - !ruby/object:Gem::Version
81
+ version: '3.0'
82
+ type: :development
83
+ prerelease: false
84
+ version_requirements: !ruby/object:Gem::Requirement
85
+ requirements:
86
+ - - "~>"
87
+ - !ruby/object:Gem::Version
88
+ version: '3.0'
89
+ description:
90
+ email:
91
+ - joost@spacebabies.nl
92
+ executables: []
93
+ extensions: []
94
+ extra_rdoc_files: []
95
+ files:
96
+ - ".gitignore"
97
+ - ".rspec"
98
+ - CODE_OF_CONDUCT.md
99
+ - Gemfile
100
+ - LICENSE.txt
101
+ - README.md
102
+ - Rakefile
103
+ - app/assets/images/scrollytelling/loading_spinner/logo.png
104
+ - app/assets/javascripts/scrollytelling/loading_spinner.js
105
+ - app/assets/stylesheets/scrollytelling/loading_spinner.scss
106
+ - app/views/layouts/pageflow/_loading_spinner_inline_script.html.erb
107
+ - app/views/pageflow/entries/_loading_spinner.html.erb
108
+ - bin/console
109
+ - bin/setup
110
+ - lib/scrollytelling/loading_spinner.rb
111
+ - lib/scrollytelling/loading_spinner/engine.rb
112
+ - lib/scrollytelling/loading_spinner/version.rb
113
+ - scrollytelling-loading_spinner.gemspec
114
+ homepage: https://github.com/scrollytelling/scrollytelling-loading_spinner
115
+ licenses:
116
+ - MIT
117
+ metadata: {}
118
+ post_install_message:
119
+ rdoc_options: []
120
+ require_paths:
121
+ - lib
122
+ required_ruby_version: !ruby/object:Gem::Requirement
123
+ requirements:
124
+ - - ">="
125
+ - !ruby/object:Gem::Version
126
+ version: '0'
127
+ required_rubygems_version: !ruby/object:Gem::Requirement
128
+ requirements:
129
+ - - ">="
130
+ - !ruby/object:Gem::Version
131
+ version: '0'
132
+ requirements: []
133
+ rubyforge_project:
134
+ rubygems_version: 2.2.2
135
+ signing_key:
136
+ specification_version: 4
137
+ summary: Render the Scrollytelling CSS loading spinner instead of the Pageflow built-in
138
+ loading spinner.
139
+ test_files: []
140
+ has_rdoc: