upkey-track_stylebase 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +12 -0
- data/.rspec +2 -0
- data/.travis.yml +5 -0
- data/CODE_OF_CONDUCT.md +74 -0
- data/Gemfile +6 -0
- data/LICENSE.txt +21 -0
- data/README.md +43 -0
- data/Rakefile +6 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/lib/upkey/track_stylebase.rb +7 -0
- data/lib/upkey/track_stylebase/engine.rb +6 -0
- data/lib/upkey/track_stylebase/version.rb +5 -0
- data/upkey-track_stylebase.gemspec +27 -0
- data/vendor/assets/stylesheets/base/_common.scss +33 -0
- data/vendor/assets/stylesheets/base/_layout.scss +12 -0
- data/vendor/assets/stylesheets/base/_site.scss +27 -0
- data/vendor/assets/stylesheets/components/_buttons.scss +55 -0
- data/vendor/assets/stylesheets/components/_chat.scss +102 -0
- data/vendor/assets/stylesheets/components/_course.scss +113 -0
- data/vendor/assets/stylesheets/components/_date.scss +36 -0
- data/vendor/assets/stylesheets/components/_form.scss +122 -0
- data/vendor/assets/stylesheets/components/_gradepicker.scss +78 -0
- data/vendor/assets/stylesheets/components/_illustration.scss +41 -0
- data/vendor/assets/stylesheets/components/_natural_language.scss +110 -0
- data/vendor/assets/stylesheets/components/_progressbar.scss +35 -0
- data/vendor/assets/stylesheets/components/_quiz.scss +58 -0
- data/vendor/assets/stylesheets/components/_skills.scss +37 -0
- data/vendor/assets/stylesheets/components/_slider.scss +99 -0
- data/vendor/assets/stylesheets/components/_statement.scss +35 -0
- data/vendor/assets/stylesheets/components/_toggle.scss +138 -0
- data/vendor/assets/stylesheets/components/_topbar.scss +57 -0
- data/vendor/assets/stylesheets/components/_tutorial.scss +57 -0
- data/vendor/assets/stylesheets/components/_types.scss +50 -0
- data/vendor/assets/stylesheets/helpers/_variables.scss +11 -0
- data/vendor/assets/stylesheets/upkey_track_stylebase.scss +18 -0
- metadata +122 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 8d960837da28139751e7cf4754780d97d8b060cb
|
4
|
+
data.tar.gz: 20c90c476bda692939fc4415fb902d26db3e6d0f
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 4d12d96065e68398be8115b22c12745a8887ab22791b0a0a54336ce974a380ae3b14d862b157517b5d7d8ae84aa4ca4e0f6ee3a69288a7f0d5c29814e083cf8b
|
7
|
+
data.tar.gz: be3ed576ffdca24b88dc608c7f58ab51fd6d60b5dc41f9e66237b788d6d2cc58520b803f437db5d42badb944c0e5013e45adf66fc8cf15138939aa8e0258ba8d
|
data/.gitignore
ADDED
data/.rspec
ADDED
data/.travis.yml
ADDED
data/CODE_OF_CONDUCT.md
ADDED
@@ -0,0 +1,74 @@
|
|
1
|
+
# Contributor Covenant Code of Conduct
|
2
|
+
|
3
|
+
## Our Pledge
|
4
|
+
|
5
|
+
In the interest of fostering an open and welcoming environment, we as
|
6
|
+
contributors and maintainers pledge to making participation in our project and
|
7
|
+
our community a harassment-free experience for everyone, regardless of age, body
|
8
|
+
size, disability, ethnicity, gender identity and expression, level of experience,
|
9
|
+
nationality, personal appearance, race, religion, or sexual identity and
|
10
|
+
orientation.
|
11
|
+
|
12
|
+
## Our Standards
|
13
|
+
|
14
|
+
Examples of behavior that contributes to creating a positive environment
|
15
|
+
include:
|
16
|
+
|
17
|
+
* Using welcoming and inclusive language
|
18
|
+
* Being respectful of differing viewpoints and experiences
|
19
|
+
* Gracefully accepting constructive criticism
|
20
|
+
* Focusing on what is best for the community
|
21
|
+
* Showing empathy towards other community members
|
22
|
+
|
23
|
+
Examples of unacceptable behavior by participants include:
|
24
|
+
|
25
|
+
* The use of sexualized language or imagery and unwelcome sexual attention or
|
26
|
+
advances
|
27
|
+
* Trolling, insulting/derogatory comments, and personal or political attacks
|
28
|
+
* Public or private harassment
|
29
|
+
* Publishing others' private information, such as a physical or electronic
|
30
|
+
address, without explicit permission
|
31
|
+
* Other conduct which could reasonably be considered inappropriate in a
|
32
|
+
professional setting
|
33
|
+
|
34
|
+
## Our Responsibilities
|
35
|
+
|
36
|
+
Project maintainers are responsible for clarifying the standards of acceptable
|
37
|
+
behavior and are expected to take appropriate and fair corrective action in
|
38
|
+
response to any instances of unacceptable behavior.
|
39
|
+
|
40
|
+
Project maintainers have the right and responsibility to remove, edit, or
|
41
|
+
reject comments, commits, code, wiki edits, issues, and other contributions
|
42
|
+
that are not aligned to this Code of Conduct, or to ban temporarily or
|
43
|
+
permanently any contributor for other behaviors that they deem inappropriate,
|
44
|
+
threatening, offensive, or harmful.
|
45
|
+
|
46
|
+
## Scope
|
47
|
+
|
48
|
+
This Code of Conduct applies both within project spaces and in public spaces
|
49
|
+
when an individual is representing the project or its community. Examples of
|
50
|
+
representing a project or community include using an official project e-mail
|
51
|
+
address, posting via an official social media account, or acting as an appointed
|
52
|
+
representative at an online or offline event. Representation of a project may be
|
53
|
+
further defined and clarified by project maintainers.
|
54
|
+
|
55
|
+
## Enforcement
|
56
|
+
|
57
|
+
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
58
|
+
reported by contacting the project team at elliott.a.young@gmail.com. All
|
59
|
+
complaints will be reviewed and investigated and will result in a response that
|
60
|
+
is deemed necessary and appropriate to the circumstances. The project team is
|
61
|
+
obligated to maintain confidentiality with regard to the reporter of an incident.
|
62
|
+
Further details of specific enforcement policies may be posted separately.
|
63
|
+
|
64
|
+
Project maintainers who do not follow or enforce the Code of Conduct in good
|
65
|
+
faith may face temporary or permanent repercussions as determined by other
|
66
|
+
members of the project's leadership.
|
67
|
+
|
68
|
+
## Attribution
|
69
|
+
|
70
|
+
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
|
71
|
+
available at [http://contributor-covenant.org/version/1/4][version]
|
72
|
+
|
73
|
+
[homepage]: http://contributor-covenant.org
|
74
|
+
[version]: http://contributor-covenant.org/version/1/4/
|
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017 ElliottAYoung
|
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,43 @@
|
|
1
|
+
# Upkey::TrackStylebase
|
2
|
+
|
3
|
+
Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/upkey/track_stylebase`. To experiment with that code, run `bin/console` for an interactive prompt.
|
4
|
+
|
5
|
+
TODO: Delete this and the text above, and describe your gem
|
6
|
+
|
7
|
+
## Installation
|
8
|
+
|
9
|
+
Add this line to your application's Gemfile:
|
10
|
+
|
11
|
+
```ruby
|
12
|
+
gem 'upkey-track_stylebase'
|
13
|
+
```
|
14
|
+
|
15
|
+
And then execute:
|
16
|
+
|
17
|
+
$ bundle
|
18
|
+
|
19
|
+
Or install it yourself as:
|
20
|
+
|
21
|
+
$ gem install upkey-track_stylebase
|
22
|
+
|
23
|
+
## Usage
|
24
|
+
|
25
|
+
TODO: Write usage instructions here
|
26
|
+
|
27
|
+
## Development
|
28
|
+
|
29
|
+
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.
|
30
|
+
|
31
|
+
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).
|
32
|
+
|
33
|
+
## Contributing
|
34
|
+
|
35
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/upkey-track_stylebase. 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.
|
36
|
+
|
37
|
+
## License
|
38
|
+
|
39
|
+
The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
40
|
+
|
41
|
+
## Code of Conduct
|
42
|
+
|
43
|
+
Everyone interacting in the Upkey::TrackStylebase project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/upkey-track_stylebase/blob/master/CODE_OF_CONDUCT.md).
|
data/Rakefile
ADDED
data/bin/console
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
|
3
|
+
require "bundler/setup"
|
4
|
+
require "upkey/track_stylebase"
|
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(__FILE__)
|
data/bin/setup
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path("../lib", __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require "upkey/track_stylebase/version"
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "upkey-track_stylebase"
|
8
|
+
spec.version = Upkey::TrackStylebase::VERSION
|
9
|
+
spec.authors = ["ElliottAYoung"]
|
10
|
+
spec.email = ["elliott.a.young@gmail.com"]
|
11
|
+
|
12
|
+
spec.summary = "The General Stylebase for all Upkey Learning Tracks"
|
13
|
+
spec.description = "The General Stylebase for all Upkey Learning Tracks"
|
14
|
+
spec.homepage = "https://github.com/beupkey/upkey-track_stylebase"
|
15
|
+
spec.license = "MIT"
|
16
|
+
|
17
|
+
spec.files = `git ls-files -z`.split("\x0").reject do |f|
|
18
|
+
f.match(%r{^(test|spec|features)/})
|
19
|
+
end
|
20
|
+
spec.bindir = "exe"
|
21
|
+
spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
|
22
|
+
spec.require_paths = ["lib"]
|
23
|
+
|
24
|
+
spec.add_development_dependency "bundler", "~> 1.15"
|
25
|
+
spec.add_development_dependency "rake", "~> 10.0"
|
26
|
+
spec.add_development_dependency "rspec", "~> 3.0"
|
27
|
+
end
|
@@ -0,0 +1,33 @@
|
|
1
|
+
.text-blue {
|
2
|
+
color: $lightBlue;
|
3
|
+
}
|
4
|
+
|
5
|
+
.text-green {
|
6
|
+
color: $green;
|
7
|
+
}
|
8
|
+
|
9
|
+
.text-big {
|
10
|
+
font-size: 20px;
|
11
|
+
font-weight: 500;
|
12
|
+
|
13
|
+
@media(min-width: 640px) {
|
14
|
+
font-size: 30px;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
.text-medium {
|
19
|
+
font-size: 16px;
|
20
|
+
font-weight: 400;
|
21
|
+
|
22
|
+
@media(min-width: 640px) {
|
23
|
+
font-size: 24px;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
.link {
|
28
|
+
text-decoration: underline;
|
29
|
+
}
|
30
|
+
|
31
|
+
.hidden {
|
32
|
+
display: none;
|
33
|
+
}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
/*--------------------------------
|
2
|
+
BASE
|
3
|
+
---------------------------------*/
|
4
|
+
* {
|
5
|
+
box-sizing: border-box;
|
6
|
+
}
|
7
|
+
|
8
|
+
body {
|
9
|
+
font-family: 'Rubik', sans-serif;
|
10
|
+
color: #555555;
|
11
|
+
background: url(../../../images/bg.jpg) repeat;
|
12
|
+
line-height: 1.4;
|
13
|
+
margin: 0px;
|
14
|
+
}
|
15
|
+
|
16
|
+
a {
|
17
|
+
text-decoration: none;
|
18
|
+
color: $green;
|
19
|
+
}
|
20
|
+
|
21
|
+
img {
|
22
|
+
max-width: 100%;
|
23
|
+
}
|
24
|
+
|
25
|
+
h1,h2,h3,h4 {
|
26
|
+
margin: 0 0 30px;
|
27
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*--------------------------------
|
2
|
+
Buttons
|
3
|
+
---------------------------------*/
|
4
|
+
.button {
|
5
|
+
display: inline-block;
|
6
|
+
vertical-align: middle;
|
7
|
+
background: $green;
|
8
|
+
color: #fff;
|
9
|
+
padding: 14px 15px;
|
10
|
+
text-transform: uppercase;
|
11
|
+
font-size: 13px;
|
12
|
+
border-radius: 5px;
|
13
|
+
min-width: 180px;
|
14
|
+
text-align: center;
|
15
|
+
font-weight: 500;
|
16
|
+
transition: 0.3s;
|
17
|
+
border: none;
|
18
|
+
|
19
|
+
img {
|
20
|
+
display: inline-block;
|
21
|
+
vertical-align: middle;
|
22
|
+
margin-left: 10px;
|
23
|
+
}
|
24
|
+
|
25
|
+
&:hover {
|
26
|
+
background: lighten($green, 5%);
|
27
|
+
}
|
28
|
+
|
29
|
+
&.extended {
|
30
|
+
width: 100%;
|
31
|
+
}
|
32
|
+
|
33
|
+
&.small {
|
34
|
+
min-width: auto;
|
35
|
+
min-width: intial;
|
36
|
+
}
|
37
|
+
|
38
|
+
&--blue {
|
39
|
+
background: $lightBlue;
|
40
|
+
|
41
|
+
&:hover {
|
42
|
+
background: lighten($lightBlue, 5%);
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
&.hidden {
|
47
|
+
display: none;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
.buttons {
|
52
|
+
display: flex;
|
53
|
+
align-items: center;
|
54
|
+
justify-content: center;
|
55
|
+
}
|
@@ -0,0 +1,102 @@
|
|
1
|
+
/* Original .chat class is not modified */
|
2
|
+
.chat {
|
3
|
+
background: $blue;
|
4
|
+
padding: 25px;
|
5
|
+
border-radius: 10px;
|
6
|
+
flex-grow: 1;
|
7
|
+
display: flex;
|
8
|
+
flex-direction: column;
|
9
|
+
|
10
|
+
.chat__header {
|
11
|
+
display: flex;
|
12
|
+
-webkit-align-items: center;
|
13
|
+
align-items: center;
|
14
|
+
margin-bottom: 20px;
|
15
|
+
|
16
|
+
.title {
|
17
|
+
margin-bottom: 0;
|
18
|
+
color: #fff;
|
19
|
+
}
|
20
|
+
|
21
|
+
i {
|
22
|
+
margin-right: 10px;
|
23
|
+
opacity: 0.6;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
.chat__body {
|
28
|
+
flex-grow: 1;
|
29
|
+
display: flex;
|
30
|
+
flex-direction: column-reverse;
|
31
|
+
height: 100%;
|
32
|
+
|
33
|
+
.chat__thread {
|
34
|
+
overflow-y: scroll;
|
35
|
+
|
36
|
+
&::-webkit-scrollbar {
|
37
|
+
display: none;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
|
42
|
+
.chat__bubble {
|
43
|
+
margin-bottom: 1em;
|
44
|
+
color: #fff;
|
45
|
+
font-size: 12px;
|
46
|
+
line-height: 1.6;
|
47
|
+
padding: 20px;
|
48
|
+
|
49
|
+
&.received {
|
50
|
+
border-radius: 10px 10px 10px 0;
|
51
|
+
background: -moz-linear-gradient(-45deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
|
52
|
+
background: -webkit-linear-gradient(-45deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
|
53
|
+
background: linear-gradient(135deg, rgba(99,97,186,1) 1%, rgba(55,67,145,1) 100%);
|
54
|
+
}
|
55
|
+
|
56
|
+
&.sent {
|
57
|
+
border-radius: 10px 10px 0 10px;
|
58
|
+
background: -moz-linear-gradient(-45deg, darken($lightBlue, 25%) 1%, $lightBlue 100%);
|
59
|
+
background: -webkit-linear-gradient(-45deg, darken($lightBlue, 25%) 1%, $lightBlue 100%);
|
60
|
+
background: linear-gradient(135deg, darken($lightBlue, 25%) 1%, $lightBlue 100%);
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
64
|
+
.chat__controls {
|
65
|
+
display: flex;
|
66
|
+
flex-wrap: wrap;
|
67
|
+
border-top: 1px solid $lightGrey;
|
68
|
+
padding-top: 1em;
|
69
|
+
min-height: 70px;
|
70
|
+
|
71
|
+
.response {
|
72
|
+
margin-left: 2%;
|
73
|
+
background-color: $lightBlue;
|
74
|
+
color: $white;
|
75
|
+
padding: 1em;
|
76
|
+
margin-bottom: 0.5em;
|
77
|
+
|
78
|
+
&:hover {
|
79
|
+
background-color: lighten($lightBlue, 10%);
|
80
|
+
}
|
81
|
+
}
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
/* Custom styles */
|
86
|
+
.chat-wrapper {
|
87
|
+
width: 300px;
|
88
|
+
position: fixed;
|
89
|
+
right: -300px;
|
90
|
+
top: 70px;
|
91
|
+
bottom: 5px;
|
92
|
+
transition: .5s;
|
93
|
+
z-index: 10;
|
94
|
+
|
95
|
+
&.visible {
|
96
|
+
right: 5px;
|
97
|
+
}
|
98
|
+
|
99
|
+
.chat {
|
100
|
+
height: 100%;
|
101
|
+
}
|
102
|
+
}
|