upkey-track_stylebase 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +12 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +5 -0
  5. data/CODE_OF_CONDUCT.md +74 -0
  6. data/Gemfile +6 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +43 -0
  9. data/Rakefile +6 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +8 -0
  12. data/lib/upkey/track_stylebase.rb +7 -0
  13. data/lib/upkey/track_stylebase/engine.rb +6 -0
  14. data/lib/upkey/track_stylebase/version.rb +5 -0
  15. data/upkey-track_stylebase.gemspec +27 -0
  16. data/vendor/assets/stylesheets/base/_common.scss +33 -0
  17. data/vendor/assets/stylesheets/base/_layout.scss +12 -0
  18. data/vendor/assets/stylesheets/base/_site.scss +27 -0
  19. data/vendor/assets/stylesheets/components/_buttons.scss +55 -0
  20. data/vendor/assets/stylesheets/components/_chat.scss +102 -0
  21. data/vendor/assets/stylesheets/components/_course.scss +113 -0
  22. data/vendor/assets/stylesheets/components/_date.scss +36 -0
  23. data/vendor/assets/stylesheets/components/_form.scss +122 -0
  24. data/vendor/assets/stylesheets/components/_gradepicker.scss +78 -0
  25. data/vendor/assets/stylesheets/components/_illustration.scss +41 -0
  26. data/vendor/assets/stylesheets/components/_natural_language.scss +110 -0
  27. data/vendor/assets/stylesheets/components/_progressbar.scss +35 -0
  28. data/vendor/assets/stylesheets/components/_quiz.scss +58 -0
  29. data/vendor/assets/stylesheets/components/_skills.scss +37 -0
  30. data/vendor/assets/stylesheets/components/_slider.scss +99 -0
  31. data/vendor/assets/stylesheets/components/_statement.scss +35 -0
  32. data/vendor/assets/stylesheets/components/_toggle.scss +138 -0
  33. data/vendor/assets/stylesheets/components/_topbar.scss +57 -0
  34. data/vendor/assets/stylesheets/components/_tutorial.scss +57 -0
  35. data/vendor/assets/stylesheets/components/_types.scss +50 -0
  36. data/vendor/assets/stylesheets/helpers/_variables.scss +11 -0
  37. data/vendor/assets/stylesheets/upkey_track_stylebase.scss +18 -0
  38. 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
@@ -0,0 +1,12 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
10
+
11
+ # rspec failure tracking
12
+ .rspec_status
data/.rspec ADDED
@@ -0,0 +1,2 @@
1
+ --format documentation
2
+ --color
data/.travis.yml ADDED
@@ -0,0 +1,5 @@
1
+ sudo: false
2
+ language: ruby
3
+ rvm:
4
+ - 2.2.4
5
+ before_install: gem install bundler -v 1.15.3
@@ -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
@@ -0,0 +1,6 @@
1
+ source "https://rubygems.org"
2
+
3
+ git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
4
+
5
+ # Specify your gem's dependencies in upkey-track_stylebase.gemspec
6
+ gemspec
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
@@ -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
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,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,7 @@
1
+ require "upkey/track_stylebase/version"
2
+ require 'upkey/track_stylebase/engine'
3
+
4
+ module Upkey
5
+ module TrackStylebase
6
+ end
7
+ end
@@ -0,0 +1,6 @@
1
+ module Upkey::TrackStylebase
2
+ module Rails
3
+ class Engine < ::Rails::Engine
4
+ end
5
+ end
6
+ end
@@ -0,0 +1,5 @@
1
+ module Upkey
2
+ module TrackStylebase
3
+ VERSION = "1.0.0"
4
+ end
5
+ end
@@ -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,12 @@
1
+ /*--------------------------------
2
+ LAYOUT
3
+ ---------------------------------*/
4
+ .wrapper {
5
+ max-width: 1210px;
6
+ margin: 0 auto;
7
+ padding: 0 15px;
8
+
9
+ @media(min-width: 640px) {
10
+ padding: 0 30px;
11
+ }
12
+ }
@@ -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
+ }