pakyow 0.9.1 → 0.10.0

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.
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; }