pakyow 0.9.1 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +7 -0
  3. data/LICENSE +20 -0
  4. data/README.md +86 -0
  5. data/lib/commands/console.rb +1 -1
  6. data/lib/commands/server.rb +1 -1
  7. data/lib/generators/pakyow/app/templates/Gemfile +13 -4
  8. data/lib/generators/pakyow/app/templates/README.md +9 -9
  9. data/lib/generators/pakyow/app/templates/app/lib/routes.rb +4 -5
  10. data/lib/generators/pakyow/app/templates/{app.rb → app/setup.rb} +7 -1
  11. data/lib/generators/pakyow/app/templates/app/views/_templates/default.html +31 -0
  12. data/lib/generators/pakyow/app/templates/app/views/index.html +96 -0
  13. data/lib/generators/pakyow/app/templates/config.ru +1 -1
  14. data/lib/generators/pakyow/app/templates/public/apple-touch-icon-precomposed.png +0 -0
  15. data/lib/generators/pakyow/app/templates/public/apple-touch-icon.png +0 -0
  16. data/lib/generators/pakyow/app/templates/public/favicon.ico +0 -0
  17. data/{MIT-LICENSE → lib/generators/pakyow/app/templates/public/scripts/ring/LICENSE} +2 -2
  18. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/fastlink.js +13 -0
  19. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/fastlink.min.js +1 -0
  20. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/loader.js +9 -0
  21. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/loader.min.js +1 -0
  22. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/modal.js +78 -0
  23. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/modal.min.js +1 -0
  24. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/mutable.js +61 -0
  25. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/mutable.min.js +1 -0
  26. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/navigator.js +142 -0
  27. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/navigator.min.js +1 -0
  28. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/notifier.js +20 -0
  29. data/lib/generators/pakyow/app/templates/public/scripts/ring/components/notifier.min.js +1 -0
  30. data/lib/generators/pakyow/app/templates/public/scripts/ring/pakyow.js +1801 -0
  31. data/lib/generators/pakyow/app/templates/public/scripts/ring/pakyow.min.js +1 -0
  32. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/LICENSE +20 -0
  33. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/VERSION +1 -0
  34. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/reset.css +2 -0
  35. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/structure.css +2 -0
  36. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/syntax.css +2 -0
  37. data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/theme.css +2 -0
  38. data/lib/generators/pakyow/app/templates/spec/integration/app_spec.rb +17 -0
  39. data/lib/generators/pakyow/app/templates/spec/spec_helper.rb +7 -0
  40. data/lib/pakyow.rb +6 -4
  41. data/lib/version.rb +3 -0
  42. metadata +93 -36
  43. data/lib/generators/pakyow/app/templates/app/views/_templates/pakyow.html +0 -17
  44. data/lib/generators/pakyow/app/templates/public/pakyow-css/CHANGES +0 -7
  45. data/lib/generators/pakyow/app/templates/public/pakyow-css/README.md +0 -3
  46. data/lib/generators/pakyow/app/templates/public/pakyow-css/VERSION +0 -1
  47. data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/extension.css +0 -7
  48. data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/structure-fluid.html +0 -151
  49. data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/structure.html +0 -157
  50. data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/styled.html +0 -114
  51. data/lib/generators/pakyow/app/templates/public/pakyow-css/reset.css +0 -46
  52. data/lib/generators/pakyow/app/templates/public/pakyow-css/structure.css +0 -199
  53. data/lib/generators/pakyow/app/templates/public/pakyow-css/style.css +0 -191
  54. data/lib/generators/pakyow/app/templates/public/pakyow-css/syntax.css +0 -279
@@ -1,157 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>Pakyow CSS</title>
5
- <link rel="stylesheet" type="text/css" href="../structure.css">
6
- <link rel="stylesheet" type="text/css" href="../style.css">
7
- <link rel="stylesheet" type="text/css" href="extension.css">
8
- </head>
9
-
10
- <body>
11
- <div class="container">
12
- <h1>1 Column</h1>
13
-
14
- <div class="container-1">
15
- <div class="col">
16
- column1
17
- </div>
18
- </div>
19
- </div>
20
-
21
- <div class="container">
22
- <h1>2 Columns</h1>
23
-
24
- <div class="container-2">
25
- <div class="col">
26
- column1
27
- </div>
28
-
29
- <div class="col">
30
- column2
31
- </div>
32
- </div>
33
- </div>
34
-
35
- <div class="container">
36
- <h1>3 Columns</h1>
37
-
38
- <div class="container-3">
39
- <div class="col">
40
- column1
41
- </div>
42
-
43
- <div class="col">
44
- column2
45
- </div>
46
-
47
- <div class="col">
48
- column3
49
- </div>
50
- </div>
51
- </div>
52
-
53
- <div class="container">
54
- <h1>4 Columns</h1>
55
-
56
- <div class="container-4">
57
- <div class="col">
58
- column1
59
- </div>
60
-
61
- <div class="col">
62
- column2
63
- </div>
64
-
65
- <div class="col">
66
- column3
67
- </div>
68
-
69
- <div class="col">
70
- column4
71
- </div>
72
- </div>
73
- </div>
74
-
75
- <div class="container">
76
- <h1>5 Columns</h1>
77
-
78
- <div class="container-5">
79
- <div class="col">
80
- column1
81
- </div>
82
-
83
- <div class="col">
84
- column2
85
- </div>
86
-
87
- <div class="col">
88
- column3
89
- </div>
90
-
91
- <div class="col">
92
- column4
93
- </div>
94
-
95
- <div class="col">
96
- column5
97
- </div>
98
- </div>
99
- </div>
100
-
101
- <div class="container">
102
- <h1>Resizing Columns</h1>
103
-
104
- <div class="container-2">
105
- <div class="col r-3-2">
106
- max
107
- </div>
108
-
109
- <div class="col r-3-1">
110
- min
111
- </div>
112
- </div>
113
-
114
- <div class="container-3">
115
- <div class="col r-4-1">
116
- min
117
- </div>
118
-
119
- <div class="col r-4-1">
120
- min
121
- </div>
122
-
123
- <div class="col r-4-2">
124
- max
125
- </div>
126
- </div>
127
-
128
- <div class="container-3">
129
- <div class="col r-5-1">
130
- min
131
- </div>
132
-
133
- <div class="col r-5-3">
134
- max
135
- </div>
136
-
137
- <div class="col r-5-1">
138
- min
139
- </div>
140
- </div>
141
- </div>
142
-
143
- <div class="container">
144
- <h1>Flows</h1>
145
-
146
- <div class="container flow">
147
- <div class="col">
148
- col1
149
- </div>
150
-
151
- <div class="col">
152
- some longer content
153
- </div>
154
- </div>
155
- </div>
156
- </body>
157
- </html>
@@ -1,114 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>Pakyow CSS</title>
5
- <link rel="stylesheet" type="text/css" href="../structure.css">
6
- <link rel="stylesheet" type="text/css" href="../style.css">
7
- <link rel="stylesheet" type="text/css" href="extension.css">
8
- </head>
9
-
10
- <body>
11
- <div class="container">
12
- <h1>This is a big header.</h1>
13
-
14
- <p>
15
- Like you, I used to think the world was this great place where everybody lived by the same standards I did,
16
- then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world
17
- where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules,
18
- then you're gonna have to pay the price.
19
- </p>
20
-
21
-
22
- <h2>This is a sorta big header.</h2>
23
-
24
- <p>
25
- The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the
26
- island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't
27
- manufacture the amino acid lysine. Unless they're continually supplied with lysine by us, they'll slip
28
- into a coma and die.
29
- </p>
30
-
31
-
32
- <h3>This is a medium size header.</h3>
33
-
34
- <p>
35
- You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the
36
- world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't
37
- know exactly when we turned on each other, but I know that seven of us survived the slide... and only
38
- five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that
39
- killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.
40
- </p>
41
-
42
-
43
- <h4>This is a small header.</h4>
44
-
45
- <p>
46
- You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell
47
- everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future
48
- when the spacecraft encounters a black hole does the computer call it an 'unknown entry event'? Why don't
49
- they know? If they don't know, that means we never told anyone. And if we never told anyone it means we
50
- never made it back. Hence we die down here. Just as a matter of deductive logic.
51
- </p>
52
-
53
-
54
- <h4>Unordered List</h4>
55
-
56
- <ul>
57
- <li>Item 1</li>
58
- <li>
59
- Item 2
60
-
61
- <ul>
62
- <li>Sub Item 1</li>
63
- </ul>
64
- </li>
65
- <li>Item 3</li>
66
- </ul>
67
-
68
- <h4>Ordered List</h4>
69
-
70
- <ol>
71
- <li>Item 1</li>
72
- <li>Item 2</li>
73
- <li>Item 3</li>
74
- </ol>
75
-
76
- <h4>Horizontal List</h4>
77
-
78
- <ul class="horizontal">
79
- <li>Item 1</li>
80
- <li>Item 2</li>
81
- <li>Item 3</li>
82
- </ul>
83
- </div>
84
-
85
- <div class="container">
86
- <h1>Forms</h1>
87
-
88
- <fieldset>
89
- <ul>
90
- <li>
91
- <label>A Field</label>
92
- <input type="text">
93
- </li>
94
-
95
- <li class="container-2">
96
- <div class="col">
97
- <label>Inline Field</label>
98
- <input type="text">
99
- </div>
100
-
101
- <div class="col">
102
- <label>Another Inline Field</label>
103
- <input type="text">
104
- </div>
105
- </li>
106
-
107
- <li>
108
- <button>Foo</button>
109
- </li>
110
- </ul>
111
- </fieldset>
112
- </div>
113
- </body>
114
- </html>
@@ -1,46 +0,0 @@
1
- /* http://meyerweb.com/eric/tools/css/reset/
2
- v2.0 | 20110126
3
- License: none (public domain)
4
- */
5
- html, body, div, span, applet, object, iframe,
6
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
7
- a, abbr, acronym, address, big, cite, code,
8
- del, dfn, em, img, ins, kbd, q, s, samp,
9
- small, strike, strong, sub, sup, tt, var,
10
- b, u, i, center,
11
- dl, dt, dd, ol, ul, li,
12
- fieldset, form, label, legend,
13
- table, caption, tbody, tfoot, thead, tr, th, td,
14
- article, aside, canvas, details, embed,
15
- figure, figcaption, footer, header, hgroup,
16
- menu, nav, output, ruby, section, summary,
17
- time, mark, audio, video {
18
- margin: 0;
19
- padding: 0;
20
- border: 0;
21
- font-size: 100%;
22
- font: inherit;
23
- vertical-align: baseline; }
24
-
25
- /* HTML5 display-role reset for older browsers */
26
- article, aside, details, figcaption, figure,
27
- footer, header, hgroup, menu, nav, section {
28
- display: block; }
29
-
30
- body {
31
- line-height: 1; }
32
-
33
- ol, ul {
34
- list-style: none; }
35
-
36
- blockquote, q {
37
- quotes: none; }
38
-
39
- blockquote:before, blockquote:after,
40
- q:before, q:after {
41
- content: '';
42
- content: none; }
43
-
44
- table {
45
- border-collapse: collapse;
46
- border-spacing: 0; }
@@ -1,199 +0,0 @@
1
- /*****************************
2
- Positioning
3
- *****************************/
4
- .float-right, .float-r {
5
- float: right; }
6
-
7
- .float-left, .float-l {
8
- float: left; }
9
-
10
- .align-right, .align-r {
11
- text-align: right; }
12
-
13
- .align-left, .align-l {
14
- text-align: left; }
15
-
16
- .align-center, .align-c {
17
- text-align: center; }
18
-
19
- .hidden {
20
- display: none; }
21
-
22
- .clear {
23
- clear: both; }
24
-
25
- .clear-left, .clear-l {
26
- clear: left; }
27
-
28
- .clear-right, .clear-r {
29
- clear: right; }
30
-
31
- /*****************************
32
- Relational
33
- *****************************/
34
- .margin {
35
- margin: 20px; }
36
-
37
- .margin-t {
38
- margin-top: 20px; }
39
-
40
- .margin-b {
41
- margin-bottom: 20px; }
42
-
43
- .margin-r {
44
- margin-right: 20px; }
45
-
46
- .margin-l {
47
- margin-left: 20px; }
48
-
49
- /*****************************
50
- Structure
51
- *****************************/
52
- *[class*="container"] {
53
- width: 940px;
54
- margin-left: auto;
55
- margin-right: auto; }
56
-
57
- *[class*="container"]:before, *[class*="container"]:after {
58
- display: table;
59
- content: ""; }
60
-
61
- *[class*="container"]:after {
62
- clear: both; }
63
-
64
- *[class*="container"] .col, .container-1 .col {
65
- width: 940px; }
66
-
67
- .container-2 [class*="col"] {
68
- width: 460px; }
69
-
70
- .container-3 .col {
71
- width: 300px; }
72
-
73
- .container-4 .col {
74
- width: 220px; }
75
-
76
- .container-5 .col {
77
- width: 172px; }
78
-
79
- *[class*="col"] {
80
- float: left;
81
- margin-left: 20px; }
82
-
83
- *[class*="col"]:first-child {
84
- margin-left: 0; }
85
-
86
- /* Resized Columns */
87
- .col.r-3-1 {
88
- width: 300px; }
89
-
90
- .col.r-3-2 {
91
- width: 620px; }
92
-
93
- .col.r-4-1 {
94
- width: 220px; }
95
-
96
- .col.r-4-2 {
97
- width: 460px; }
98
-
99
- .col.r-4-3 {
100
- width: 700px; }
101
-
102
- .col.r-5-1 {
103
- width: 172px; }
104
-
105
- .col.r-5-2 {
106
- width: 364px; }
107
-
108
- .col.r-5-3 {
109
- width: 556px; }
110
-
111
- .col.r-5-4 {
112
- width: 748px; }
113
-
114
- /*****************************
115
- Fluid Structure
116
- *****************************/
117
- *[class*="container"].fluid, .fluid *[class*="container"] {
118
- width: auto; }
119
-
120
- *[class*="container"].fluid {
121
- padding: 0 20px; }
122
-
123
- *[class*="container"].fluid *[class*="col"] {
124
- margin-left: 1.94%; }
125
-
126
- *[class*="container"].fluid *[class*="col"]:first-child {
127
- margin-left: 0;
128
- float: left !important; }
129
-
130
- /*
131
- Since percentage calculations aren't pixel-accurate, widths are always a little
132
- shy of correct. Aligning the last column to the right makes everything line up.
133
- */
134
- .fluid *[class*="col"]:last-child {
135
- float: right; }
136
-
137
- .container.fluid .col, .fluid .container .col {
138
- width: 100%; }
139
-
140
- .container-1.fluid .col, .fluid .container-1 .col {
141
- width: 100%; }
142
-
143
- .container-2.fluid .col, .fluid .container-2 .col {
144
- width: 49.03%; }
145
-
146
- .container-3.fluid .col, .fluid .container-3 .col {
147
- width: 32.02%; }
148
-
149
- .container-4.fluid .col, .fluid .container-4 .col {
150
- width: 23.52%; }
151
-
152
- .container-5.fluid .col, .fluid .container-5 .col {
153
- width: 18.43%; }
154
-
155
- /* Resized Columns */
156
- .fluid .col.r-3-1 {
157
- width: 32.02%; }
158
-
159
- .fluid .col.r-3-2 {
160
- width: 65.98%; }
161
-
162
- .fluid .col.r-4-1 {
163
- width: 23.52%; }
164
-
165
- .fluid .col.r-4-2 {
166
- width: 48.98%; }
167
-
168
- .fluid .col.r-4-3 {
169
- width: 74.45%; }
170
-
171
- .fluid .col.r-5-1 {
172
- width: 18.43%; }
173
-
174
- .fluid .col.r-5-2 {
175
- width: 38.80%; }
176
-
177
- .fluid .col.r-5-3 {
178
- width: 59.17%; }
179
-
180
- .fluid .col.r-5-4 {
181
- width: 79.54%; }
182
-
183
- /*****************************
184
- Flows
185
- *****************************/
186
- .container.flow .col {
187
- width: auto; }
188
-
189
- /*****************************
190
- Fixed Structure
191
- *****************************/
192
- .container.fixed {
193
- position: fixed; }
194
-
195
- .container.fixed.fluid {
196
- width: 100%;
197
- -webkit-box-sizing: border-box;
198
- -moz-box-sizing: border-box;
199
- box-sizing: border-box; }