pakyow 0.9.1 → 0.10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +7 -0
- data/LICENSE +20 -0
- data/README.md +86 -0
- data/lib/commands/console.rb +1 -1
- data/lib/commands/server.rb +1 -1
- data/lib/generators/pakyow/app/templates/Gemfile +13 -4
- data/lib/generators/pakyow/app/templates/README.md +9 -9
- data/lib/generators/pakyow/app/templates/app/lib/routes.rb +4 -5
- data/lib/generators/pakyow/app/templates/{app.rb → app/setup.rb} +7 -1
- data/lib/generators/pakyow/app/templates/app/views/_templates/default.html +31 -0
- data/lib/generators/pakyow/app/templates/app/views/index.html +96 -0
- data/lib/generators/pakyow/app/templates/config.ru +1 -1
- data/lib/generators/pakyow/app/templates/public/apple-touch-icon-precomposed.png +0 -0
- data/lib/generators/pakyow/app/templates/public/apple-touch-icon.png +0 -0
- data/lib/generators/pakyow/app/templates/public/favicon.ico +0 -0
- data/{MIT-LICENSE → lib/generators/pakyow/app/templates/public/scripts/ring/LICENSE} +2 -2
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/fastlink.js +13 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/fastlink.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/loader.js +9 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/loader.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/modal.js +78 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/modal.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/mutable.js +61 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/mutable.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/navigator.js +142 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/navigator.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/notifier.js +20 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/components/notifier.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/pakyow.js +1801 -0
- data/lib/generators/pakyow/app/templates/public/scripts/ring/pakyow.min.js +1 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/LICENSE +20 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/VERSION +1 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/reset.css +2 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/structure.css +2 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/syntax.css +2 -0
- data/lib/generators/pakyow/app/templates/public/styles/pakyow-css/theme.css +2 -0
- data/lib/generators/pakyow/app/templates/spec/integration/app_spec.rb +17 -0
- data/lib/generators/pakyow/app/templates/spec/spec_helper.rb +7 -0
- data/lib/pakyow.rb +6 -4
- data/lib/version.rb +3 -0
- metadata +93 -36
- data/lib/generators/pakyow/app/templates/app/views/_templates/pakyow.html +0 -17
- data/lib/generators/pakyow/app/templates/public/pakyow-css/CHANGES +0 -7
- data/lib/generators/pakyow/app/templates/public/pakyow-css/README.md +0 -3
- data/lib/generators/pakyow/app/templates/public/pakyow-css/VERSION +0 -1
- data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/extension.css +0 -7
- data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/structure-fluid.html +0 -151
- data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/structure.html +0 -157
- data/lib/generators/pakyow/app/templates/public/pakyow-css/examples/styled.html +0 -114
- data/lib/generators/pakyow/app/templates/public/pakyow-css/reset.css +0 -46
- data/lib/generators/pakyow/app/templates/public/pakyow-css/structure.css +0 -199
- data/lib/generators/pakyow/app/templates/public/pakyow-css/style.css +0 -191
- 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; }
|