surak 0.1.0 → 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 +4 -4
- data/README.md +11 -14
- data/bin/surak +4 -0
- data/lib/surak.rb +4 -0
- data/lib/surak/version.rb +1 -1
- data/lib/template/dist/index.html +2 -3
- data/lib/template/src/app/templates/surak/default.tpl.html +4 -1
- data/lib/template/src/css/main.css +2 -236
- data/surak.gemspec +1 -0
- metadata +6 -4
- data/lib/template/src/css/tictac.css +0 -43
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e5427cb277832a126694c63a34a8e59d1ed4030e
|
|
4
|
+
data.tar.gz: 134ad74b13dd54fbda4edaa78fa3245647c93f0b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7b4015852fe4f9ff8ee8b4dc02b56b0d4c42bd8102388512b2dbeb7e6340f71f700c4ffde8dac0ec243a9fa058ce3168e0834371c7359e3161bab360328e65e5
|
|
7
|
+
data.tar.gz: 1b39aba95bd05f1f0c4633ab170275c7725d22ee8e4e7d447079e0c79ae5be3d9c3b40f6b6b1206d088c1e9bdf10fe3c28d861726904f6d5977f85a6d104d2ce
|
data/README.md
CHANGED
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
# surak
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
TODO: Delete this and the text above, and describe your gem
|
|
3
|
+
Surak a quick and easy platform for creating production-ready angular apps with Bower and Grunt.
|
|
6
4
|
|
|
7
5
|
## Installation
|
|
8
6
|
|
|
9
|
-
|
|
7
|
+
Install:
|
|
10
8
|
|
|
11
|
-
|
|
12
|
-
gem 'surak'
|
|
13
|
-
```
|
|
9
|
+
$ gem install surak
|
|
14
10
|
|
|
15
|
-
And then execute:
|
|
11
|
+
And then move to the folder where you'd like to create a new project and execute:
|
|
16
12
|
|
|
17
|
-
$
|
|
13
|
+
$ surak new *project-name*
|
|
18
14
|
|
|
19
|
-
|
|
15
|
+
Then move into your new project folder and run:
|
|
20
16
|
|
|
21
|
-
$
|
|
17
|
+
$ surak
|
|
22
18
|
|
|
23
|
-
|
|
19
|
+
Surak will automatically set up a server at *localhost:8080* and will run 'grunt' whenever a file is modified in *src* or *surak.json*
|
|
24
20
|
|
|
25
|
-
|
|
21
|
+
## Documentation
|
|
22
|
+
|
|
23
|
+
[Documentation can be found here.](http://johnanthony-dev.com/surak/)
|
|
26
24
|
|
|
27
25
|
## Development
|
|
28
26
|
|
|
@@ -38,4 +36,3 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERN
|
|
|
38
36
|
## License
|
|
39
37
|
|
|
40
38
|
The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
|
41
|
-
|
data/bin/surak
CHANGED
|
@@ -8,4 +8,8 @@ elsif args[0] == "new"
|
|
|
8
8
|
name = "untitled_surak_project"
|
|
9
9
|
name = args[1] if args[1]
|
|
10
10
|
Surak.new(name)
|
|
11
|
+
elsif args[0] == "install"
|
|
12
|
+
puts "Installing Surak's dependecies"
|
|
13
|
+
puts "npm must be installed before doing this step, if you don't already have it installed.\n"
|
|
14
|
+
Surak.install
|
|
11
15
|
end
|
data/lib/surak.rb
CHANGED
|
@@ -68,7 +68,9 @@ module Surak
|
|
|
68
68
|
end
|
|
69
69
|
|
|
70
70
|
def self.install
|
|
71
|
+
puts "Installing Bower via npm"
|
|
71
72
|
`sudo npm install -g bower`
|
|
73
|
+
puts "Installing Grunt via npm"
|
|
72
74
|
`sudo npm install -g grunt`
|
|
73
75
|
end
|
|
74
76
|
|
|
@@ -80,7 +82,9 @@ module Surak
|
|
|
80
82
|
`mkdir #{name}`
|
|
81
83
|
`cp -a #{template_dir+"/."} #{name}/.`
|
|
82
84
|
Dir.chdir(name) do
|
|
85
|
+
puts "Running: 'npm install'"
|
|
83
86
|
`npm install`
|
|
87
|
+
puts "Running: 'bower install'"
|
|
84
88
|
`bower install`
|
|
85
89
|
end
|
|
86
90
|
else
|
data/lib/surak/version.rb
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
|
|
3
|
-
<html>
|
|
2
|
+
<html ng-app="app">
|
|
4
3
|
<head>
|
|
5
4
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
6
5
|
<link rel="stylesheet" href="styles.css">
|
|
7
6
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100' rel='stylesheet' type='text/css'>
|
|
8
7
|
</head>
|
|
9
|
-
<body
|
|
8
|
+
<body>
|
|
10
9
|
<ui-view></ui-view>
|
|
11
10
|
<script src="app.min.js"></script>
|
|
12
11
|
</body>
|
|
@@ -7,240 +7,6 @@ body {
|
|
|
7
7
|
max-width: 100%;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.indented {
|
|
15
|
-
margin-left: 1em;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.slight-indent {
|
|
19
|
-
margin-left: 0.5em;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
a {
|
|
24
|
-
text-decoration:none;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.text-grey {
|
|
28
|
-
color: grey;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.text-black {
|
|
32
|
-
color: black;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.text-white {
|
|
36
|
-
color: white;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.header {
|
|
40
|
-
margin-bottom: 5px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.md-button {
|
|
44
|
-
color: grey !important;
|
|
45
|
-
font-weight: 500;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.subheader {
|
|
49
|
-
margin-bottom: 15px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.hovered {
|
|
53
|
-
background-color: #F9F9F9;
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.expanded {
|
|
58
|
-
background-color: #F9F9F9;
|
|
59
|
-
margin: 40px 0px 40px 0px;
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.noborder {
|
|
64
|
-
border-style: hidden;
|
|
65
|
-
outline: none;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.project-container {
|
|
69
|
-
margin-left: 9px;
|
|
70
|
-
border-radius: 5px;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.project-extra-content {
|
|
74
|
-
padding: 1em;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.list-item {
|
|
78
|
-
padding: 10px 10px 20px 10px;
|
|
79
|
-
display: block;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.skill {
|
|
83
|
-
margin-left: 1em;
|
|
84
|
-
padding-bottom: 0.7em;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.sub-skill {
|
|
88
|
-
margin-left: 1em;
|
|
89
|
-
margin-top: 0.7em;
|
|
90
|
-
margin-bottom: 0.7em;
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.centered-margins {
|
|
95
|
-
margin-left: auto;
|
|
96
|
-
margin-right: auto;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.hover-left {
|
|
100
|
-
margin-right:1em;
|
|
101
|
-
margin-left:auto;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.hover-right {
|
|
105
|
-
margin-right:2em;
|
|
106
|
-
margin-left:auto;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.show-more {
|
|
110
|
-
margin-right: 1em;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.group:before,
|
|
114
|
-
.group:after {
|
|
115
|
-
content: "";
|
|
116
|
-
display: table;
|
|
117
|
-
}
|
|
118
|
-
.group:after {
|
|
119
|
-
clear: both;
|
|
120
|
-
}
|
|
121
|
-
.group {
|
|
122
|
-
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
.contact-item {
|
|
127
|
-
width: 25%;
|
|
128
|
-
padding: 1em 1em 1em 1em;
|
|
129
|
-
display: block;
|
|
130
|
-
color: white;
|
|
131
|
-
word-wrap: break-word;
|
|
132
|
-
text-decoration: none;
|
|
133
|
-
font-weight: 300;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
h2 {
|
|
137
|
-
padding-left: 8px;
|
|
138
|
-
font-weight: 600;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
h3 {
|
|
142
|
-
font-weight: 600;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
h4 {
|
|
146
|
-
font-weight: 500;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
h5 {
|
|
150
|
-
font-weight: 500;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.contact-btn {
|
|
154
|
-
text-transform: lowercase;
|
|
155
|
-
font-size: 10%;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.portfolio-header {
|
|
159
|
-
background-color: #26283C;
|
|
160
|
-
color: white;
|
|
161
|
-
margin: 3em 0em 3em 0em;
|
|
162
|
-
border-radius: 3px;
|
|
163
|
-
text-align: center;
|
|
164
|
-
width: 100%;
|
|
165
|
-
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.portfolio-header .name {
|
|
169
|
-
font-size: 3.3em;
|
|
170
|
-
font-weight: 300;
|
|
171
|
-
margin-top:0.2em;
|
|
172
|
-
margin-bottom:0.2em;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.flex { flex : 1 1 0%; }
|
|
176
|
-
|
|
177
|
-
#me {
|
|
178
|
-
width: 18%;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.clearfix {
|
|
182
|
-
overflow: auto;
|
|
183
|
-
zoom: 1;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
.floating-frame {
|
|
188
|
-
border: 0px none;
|
|
189
|
-
min-height: 800px;
|
|
190
|
-
width: 100%;
|
|
191
|
-
min-width: 350px;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.portfolio-section {
|
|
195
|
-
width: 100%;
|
|
196
|
-
max-width: 100%;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
@media (max-width: 1400px) {
|
|
202
|
-
.portfolio-header {
|
|
203
|
-
font-size: 0.9em;
|
|
204
|
-
}
|
|
205
|
-
.contact-item {
|
|
206
|
-
width: 50%;
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
@media (max-width: 960px) {
|
|
211
|
-
.portfolio-header {
|
|
212
|
-
margin: 1.4em;
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
@media (max-width: 700px) {
|
|
217
|
-
#me {
|
|
218
|
-
width: 22%;
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
@media (max-width: 600px) {
|
|
223
|
-
.portfolio-header {
|
|
224
|
-
font-size: 0.8em;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.portfolio-header {
|
|
228
|
-
margin: 0px;
|
|
229
|
-
border-radius: 0px;
|
|
230
|
-
}
|
|
231
|
-
.skill {
|
|
232
|
-
width: 30%;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.project-container {
|
|
236
|
-
margin-left: 5px;
|
|
237
|
-
margin-right: 5px;
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
@media (max-width: 500px) {
|
|
243
|
-
.contact-item {
|
|
244
|
-
width: 100%;
|
|
245
|
-
}
|
|
10
|
+
.thin {
|
|
11
|
+
font-weight: 400;
|
|
246
12
|
}
|
data/surak.gemspec
CHANGED
|
@@ -10,6 +10,7 @@ Gem::Specification.new do |spec|
|
|
|
10
10
|
spec.email = ["askinganthony@gmail.com"]
|
|
11
11
|
|
|
12
12
|
spec.summary = "Ruby Gem for surak, a quick and easy platform for creating production-ready angular apps."
|
|
13
|
+
spec.description = "Surak, named after the greatest vulcan philisopher, provides a way to get front-end only apps off the ground quickly and with ease, run 'surak' in a surak project folder for a server which can serve your files and compile assets at the same time!"
|
|
13
14
|
spec.homepage = "https://github.com/coffeeexistence/surak"
|
|
14
15
|
spec.license = "MIT"
|
|
15
16
|
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: surak
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- John Anthony Rivera
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-06-
|
|
11
|
+
date: 2016-06-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -108,7 +108,10 @@ dependencies:
|
|
|
108
108
|
- - "~>"
|
|
109
109
|
- !ruby/object:Gem::Version
|
|
110
110
|
version: 1.3.1
|
|
111
|
-
description:
|
|
111
|
+
description: Surak, named after the greatest vulcan philisopher, provides a way to
|
|
112
|
+
get front-end only apps off the ground quickly and with ease, run 'surak' in a surak
|
|
113
|
+
project folder for a server which can serve your files and compile assets at the
|
|
114
|
+
same time!
|
|
112
115
|
email:
|
|
113
116
|
- askinganthony@gmail.com
|
|
114
117
|
executables:
|
|
@@ -141,7 +144,6 @@ files:
|
|
|
141
144
|
- lib/template/src/app/templates/main.tpl.html
|
|
142
145
|
- lib/template/src/app/templates/surak/default.tpl.html
|
|
143
146
|
- lib/template/src/css/main.css
|
|
144
|
-
- lib/template/src/css/tictac.css
|
|
145
147
|
- lib/template/surak.json
|
|
146
148
|
- surak.gemspec
|
|
147
149
|
homepage: https://github.com/coffeeexistence/surak
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
.game-board {
|
|
2
|
-
border-style: none;
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.game-slot {
|
|
7
|
-
padding: 50px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.game-container {
|
|
11
|
-
width: 100%;
|
|
12
|
-
margin-left: auto;
|
|
13
|
-
margin-right: auto;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@media (max-width: 1800px) {
|
|
17
|
-
.game-slot {
|
|
18
|
-
padding: 35px;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@media (max-width: 1510px) {
|
|
23
|
-
.game-slot {
|
|
24
|
-
padding: 32px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@media (max-width: 1310px) {
|
|
29
|
-
.game-slot {
|
|
30
|
-
padding: 30px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@media (max-width: 1100px) {
|
|
35
|
-
.game-slot {
|
|
36
|
-
padding: 20px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@media (max-width: 800px) {
|
|
40
|
-
.game-slot {
|
|
41
|
-
padding: 17px;
|
|
42
|
-
}
|
|
43
|
-
}
|