farma_keyboard_rails 0.1.1 → 0.1.2

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: bc91284b9475a2962acbe31e20cde874dfb625ff
4
- data.tar.gz: da1b042757dfc5c29056265c5f2f269faf840b02
3
+ metadata.gz: 890183c543df1a2ef5db8d322040e54fbc3eedb5
4
+ data.tar.gz: 6326215b339a36d3911a11ccb559ce7a25ea973d
5
5
  SHA512:
6
- metadata.gz: 3c29b5a5ee17a593db28abba645648b39b4d13c37b8f788fd0a643224f0b5dc00ce9e55b25f733f7552d2cef67d84fdf97c2a5a97777fd1a73f4e6fb031e6280
7
- data.tar.gz: 86c4b35b73ff8abd0e01e0999ca3caca39a13483495401ae362fd140d46a1cf1684aa22fb75995c597d2a53f3d05a97412c44c4740f691d2ef314d060a1a9914
6
+ metadata.gz: 9e687a81a7376da388507a1936a11a7ddc8be1b2a17da37b621c94ae7b2e8d2a8132a46062e49bf75f56a4d61b9299c9dd226db2dc9178c4c650e2cf8e8e99ac
7
+ data.tar.gz: 3350fcba924750fbe589c716656201b329188e8c83b9f89e6878025d5ef51317429ada4226fae7c60c4fa13df8e050d694ac3d34494603b19132e77d834599ec
@@ -0,0 +1,2 @@
1
+ @import "keyboard";
2
+ @import "materialize";
@@ -0,0 +1,286 @@
1
+
2
+ .keyboard-area {
3
+ // display: none;
4
+ @media all and (max-width: 1000px) {
5
+ .keyboard {
6
+ width: 400px;
7
+
8
+ .top {
9
+ .submit {
10
+ left: 175px;
11
+ }
12
+ }
13
+ #special-keys {
14
+ #separator {
15
+ border: none;
16
+ }
17
+ } // #special-keys
18
+ } // .keyboard
19
+ .make-tall {
20
+ height: 1100px;
21
+ }
22
+ }
23
+ }
24
+
25
+
26
+ .screen {
27
+ height: 100%;
28
+ width: 100%;
29
+ float: right;
30
+ background: rgba(0, 0, 0, 0.1);
31
+ font-size: 17px;
32
+ color: white;
33
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
34
+ }
35
+
36
+ /* Clear floats */
37
+ .keys, .top {
38
+ overflow: hidden;
39
+ width: 332px;
40
+ }
41
+
42
+ .keyboard {
43
+ min-width: 330px;
44
+ max-width: 800px;
45
+ height: 533px;
46
+ background: #00E9B4;
47
+ font-family: roboto-thin;
48
+
49
+ .top {
50
+ height: 216px;
51
+ width: 100%;
52
+ background-color: white;
53
+
54
+ .jax {
55
+ line-height: 40px;
56
+ color: black;
57
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
58
+ text-align: right;
59
+ letter-spacing: 1px;
60
+ }
61
+
62
+ .submit {
63
+ color: orange;
64
+ background: none;
65
+ font-size: 16px;
66
+ font-weight: bolder;
67
+ position: absolute;
68
+ top: 150px;
69
+ left: 350px;
70
+ padding: 0px;
71
+ width: 100px;
72
+ box-shadow: none;
73
+ }
74
+
75
+ .submit:hover {
76
+ box-shadow: 0px 10px 5px #888888;
77
+ }
78
+
79
+ }
80
+
81
+ #board {
82
+ margin-top: 25px;
83
+ }
84
+
85
+ #tries {
86
+ box-shadow: 3px 1px 5px grey;
87
+ color: white;
88
+ background-color: red;
89
+ width: 33px;
90
+ height: 33px;
91
+ position: absolute;
92
+ text-align: center;
93
+ border-radius: 50%;
94
+ font-weight: bold;
95
+ top: 200px;
96
+ left: 50px;
97
+ font-size: 18px;
98
+ padding: 6px 0;
99
+ }
100
+
101
+ #default-keys {
102
+ padding: 0 20px;
103
+ position: relative;
104
+ width: 400px;
105
+ min-width: 400px;
106
+ float: left;
107
+
108
+ #operators {
109
+ float: right;
110
+ position: relative;
111
+ width: 90px;
112
+ height: 100%;
113
+ }
114
+
115
+ #keys {
116
+ float: left;
117
+ position: relative;
118
+ width: 270px;
119
+ }
120
+
121
+ } // #default-keys
122
+
123
+ #special-keys{
124
+ width: 400px;
125
+ min-width: 400px;
126
+ position: relative;
127
+ float: left;
128
+ background-color: #00E9B4;
129
+
130
+ #separator {
131
+ width: 0px;
132
+ height: 264px;
133
+ margin: 0;
134
+ border-left: 1px solid #2C403B;
135
+ float: left;
136
+ }
137
+
138
+ .modifiers {
139
+ margin: 0 20px;
140
+ width: 358px; // 400px - 20px (margin) - 2px (separator border)
141
+ float: right;
142
+
143
+ ul {
144
+ margin: 0;
145
+ padding: 0;
146
+ list-style-type: none;
147
+ }
148
+ ul li {
149
+ padding: 0 10px;
150
+ margin: 0 5px;
151
+ display: inline;
152
+ letter-spacing: -1px;
153
+ }
154
+ ul li:hover {
155
+ border-bottom: 5px solid #8FF5DE;
156
+ cursor: pointer;
157
+ }
158
+
159
+ #advanced-keys {
160
+ padding-top: 5px;
161
+
162
+ .advanced {
163
+ font-size: 20px;
164
+ padding: 0;
165
+ margin: 0 15px;
166
+ text-transform: lowercase;
167
+ }
168
+
169
+ } // #advanced-keys
170
+
171
+ } // .modifiers
172
+
173
+ } // #special-keys
174
+
175
+ #show-direct-input {
176
+ padding: 10px 0;
177
+ text-align: center;
178
+ color: #00E9B4;
179
+ font-weight: 600;
180
+ font-size: 24px;
181
+ cursor: pointer;
182
+ margin: 317px 0 0 0;
183
+ background: #180675;
184
+ // box-shadow: 0px 10px 5px #888888;
185
+ }
186
+
187
+ .direct-input {
188
+ margin: 0;
189
+ // background: #180675;
190
+ height: 50%;
191
+ }
192
+
193
+
194
+
195
+ button {
196
+ float: left;
197
+ position: relative;
198
+ top: 0;
199
+
200
+ cursor: pointer;
201
+
202
+ width: 82px;
203
+ height: 66px;
204
+ padding: 10px 10%;
205
+
206
+ font-family: roboto-thin;
207
+ font-size: 45px;
208
+
209
+ background: #00E9B4;
210
+ border-radius: 0px;
211
+ box-shadow: 0px 0px rgba(0, 0, 0, 0.2);
212
+
213
+ color: #2C403B;
214
+ line-height: 36px;
215
+ text-align: center;
216
+
217
+ /* prevent selection of text inside keys */
218
+ user-select: none;
219
+ transition: all 0.2s ease;
220
+ }
221
+
222
+ .clear {
223
+ padding: 0px;
224
+ border-radius: 0;
225
+ background: none;
226
+ border: none;
227
+ box-shadow: none;
228
+ color: #B6BEB8;
229
+ font-size: 10px;
230
+ }
231
+
232
+ .clear:hover {
233
+ background: red;
234
+ color: white;
235
+ }
236
+
237
+
238
+
239
+ }
240
+
241
+ .keys button:hover {
242
+ background: #418b00;
243
+ // box-shadow: 0px 4px #418b00;
244
+ color: white;
245
+ }
246
+
247
+ .keys button.eval:hover {
248
+ background: #abb850;
249
+ box-shadow: 0px 4px #717a33;
250
+ color: #ffffff;
251
+ }
252
+
253
+ .keys button:active {
254
+ box-shadow: 0px 0px #6b54d3;
255
+ top: 4px;
256
+ }
257
+
258
+ .keys button.eval:active {
259
+ box-shadow: 0px 0px #717a33;
260
+ top: 4px;
261
+ }
262
+
263
+ .keys#more {
264
+ float: right;
265
+ }
266
+
267
+ .top button.clear:active {
268
+ top: 4px;
269
+ box-shadow: 0px 0px #d3545d;
270
+ }
271
+
272
+ .math>span {
273
+ border-right-color: transparent;
274
+ }
275
+
276
+ .valid-expression {
277
+ background: #98ec6a !important;
278
+ }
279
+
280
+ .invalid-expression {
281
+ background: #f55555 !important;
282
+ }
283
+
284
+ .make-tall {
285
+ height: 860px;
286
+ }
@@ -0,0 +1,52 @@
1
+ @charset "UTF-8";
2
+
3
+ /*
4
+ * Added material components as necessary
5
+ * https://github.com/mkhairi/materialize-sass/blob/739d5bc640debf116c2934437c9928f858c11c01/app/assets/stylesheets/materialize.scss
6
+ * ______________________________*/
7
+
8
+ @import "materialize/components/color";
9
+ $primary-color: color("green", "accent-4") !default;
10
+ $secondary-color: color("green", "darken-1") !default;
11
+
12
+ // Mixins
13
+ @import "materialize/components/prefixer";
14
+ @import "materialize/components/mixins";
15
+
16
+ // Variables
17
+ @import "materialize/components/variables";
18
+
19
+ // Reset
20
+ @import "materialize/components/normalize";
21
+
22
+ // materialize/components
23
+ @import "materialize/components/global";
24
+ @import "materialize/components/icons-material-design";
25
+ @import "materialize/components/grid";
26
+ @import "materialize/components/navbar";
27
+ @import "materialize/components/roboto";
28
+ @import "materialize/components/typography";
29
+ @import "materialize/components/cards";
30
+ //@import "materialize/components/toast";
31
+ @import "materialize/components/tabs";
32
+ @import "materialize/components/tooltip";
33
+ @import "materialize/components/buttons";
34
+ @import "materialize/components/dropdown";
35
+ @import "materialize/components/waves";
36
+ @import "materialize/components/modal";
37
+ @import "materialize/components/collapsible";
38
+ @import "materialize/components/chips";
39
+ //@import "materialize/components/materialbox";
40
+ @import "materialize/components/forms/forms";
41
+ // @import "materialize/components/table_of_contents";
42
+ @import "materialize/components/sideNav";
43
+ //@import "materialize/components/preloader";
44
+ @import "materialize/components/slider";
45
+ //@import "materialize/components/carousel";
46
+ //@import "materialize/components/date_picker/default.scss";
47
+ //@import "materialize/components/date_picker/default.date.scss";
48
+ //@import "materialize/components/date_picker/default.time.scss";
49
+
50
+
51
+ // SHARED IMPORT
52
+ @import "variables_and_functions";
@@ -0,0 +1,30 @@
1
+ $palleteblue: #2F373F;
2
+ $palleteblue2: #243038;
3
+ $palletegreen: #00d055;
4
+ $palletegreen2: #0cff83;
5
+ $palletegrey: #313131;
6
+ $palletegrey2: #7D7B7A;
7
+ $palleteblack: #212121;
8
+ $palletewhite: #EDEEEF;
9
+ $palletered: #FF3A3A;
10
+ $palletepink: #FF0018;
11
+ $palletepink2: #FF003D;
12
+ $palletelightpink:#E91E63;
13
+ $palletepurple: #3D00FF;
14
+
15
+ @mixin transform ($scale) {
16
+ -moz-transform: $scale;
17
+ -webkit-transform: $scale;
18
+ -o-transform: $scale;
19
+ -ms-transform: $scale;
20
+ transform: $scale;
21
+ }
22
+
23
+ @mixin logo-transform() {
24
+ -moz-transition: top 0.5s, left 0.5s, width 0.5s, -moz-transform 0.5s;
25
+ -webkit-transition: 0.5s, left 0.5s, width 0.5s, -webkit-transform 0.5s;
26
+ -o-transition: 0.5s, left 0.5s, width 0.5s, -o-transform 0.5s;
27
+ -ms-transition: 0.5s, left 0.5s, width 0.5s, -ms-transform 0.5s;
28
+ transition: 0.5s, left 0.5s, width 0.5s, transform 0.5s;
29
+ }
30
+
@@ -36,4 +36,6 @@ Gem::Specification.new do |spec|
36
36
 
37
37
  spec.add_dependency "mathjax-rails"
38
38
  spec.add_dependency "handlebars_assets"
39
+ spec.add_dependency "codemirror-rails"
40
+ spec.add_dependency "materialize-sass"
39
41
  end
@@ -1,6 +1,9 @@
1
1
  require "farma_keyboard_rails/version"
2
2
  require "farma_keyboard_rails/engine"
3
+ require "handlebars_assets"
4
+ require "mathjax-rails"
5
+ require "codemirror-rails"
6
+ require "materialize-sass"
3
7
 
4
8
  module FarmaKeyboardRails
5
- # Your code goes here...
6
9
  end
@@ -1,7 +1,4 @@
1
1
  module FarmaKeyboardRails
2
2
  class Engine < Rails::Engine
3
- initializer 'handlebars.assets.precompile' do |app|
4
- require 'handebars'
5
- end
6
3
  end
7
4
  end
@@ -1,3 +1,3 @@
1
1
  module FarmaKeyboardRails
2
- VERSION = "0.1.1"
2
+ VERSION = "0.1.2"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: farma_keyboard_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Guilherme Zacalusni Marques
@@ -80,6 +80,34 @@ dependencies:
80
80
  - - ">="
81
81
  - !ruby/object:Gem::Version
82
82
  version: '0'
83
+ - !ruby/object:Gem::Dependency
84
+ name: codemirror-rails
85
+ requirement: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ type: :runtime
91
+ prerelease: false
92
+ version_requirements: !ruby/object:Gem::Requirement
93
+ requirements:
94
+ - - ">="
95
+ - !ruby/object:Gem::Version
96
+ version: '0'
97
+ - !ruby/object:Gem::Dependency
98
+ name: materialize-sass
99
+ requirement: !ruby/object:Gem::Requirement
100
+ requirements:
101
+ - - ">="
102
+ - !ruby/object:Gem::Version
103
+ version: '0'
104
+ type: :runtime
105
+ prerelease: false
106
+ version_requirements: !ruby/object:Gem::Requirement
107
+ requirements:
108
+ - - ">="
109
+ - !ruby/object:Gem::Version
110
+ version: '0'
83
111
  description:
84
112
  email:
85
113
  - gzmarques90@gmail.com
@@ -107,6 +135,10 @@ files:
107
135
  - app/assets/javascripts/templates/keyboard.hbs
108
136
  - app/assets/javascripts/templates/partials/_advanced.hbs
109
137
  - app/assets/javascripts/templates/partials/_element.hbs
138
+ - app/assets/stylesheets/farma_keyboard_rails.scss
139
+ - app/assets/stylesheets/keyboard.scss
140
+ - app/assets/stylesheets/materialize.scss
141
+ - app/assets/stylesheets/variables_and_functions.scss
110
142
  - bin/console
111
143
  - bin/setup
112
144
  - farma_keyboard_rails.gemspec