gluhu 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/gluhu.rb +1 -1
- data/templates/project/gluhu-example.html +356 -0
- data/templates/project/manifest.rb +4 -0
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d152f166e4120fce83fdf3ef7cac3205f4e71b9b
|
|
4
|
+
data.tar.gz: 25aed4c0d1048c1b20f9249e58b3006cd434d2c7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 33b367c490c1dcd2cd40f1ab5f7d3667127672cb3b6b0da2a3bc74f8bca7b9bfc40bf179fc664fc7938771c8ebe1acb305c73d491d664b7c343fba127ce98467
|
|
7
|
+
data.tar.gz: 372111503b52b5abe143259609701a9082c49069a2a159a686cbe24713bc6ef37a2f45169b3cdc464a38ed90ea3bd6f0387439be0cab19620a3ff25e30a1678c
|
data/lib/gluhu.rb
CHANGED
|
@@ -0,0 +1,356 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Gluhu</title>
|
|
5
|
+
<link href="stylesheets/gluhu.css" rel="stylesheet">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
|
|
10
|
+
<div class="container">
|
|
11
|
+
|
|
12
|
+
<header>
|
|
13
|
+
|
|
14
|
+
<div class="row">
|
|
15
|
+
|
|
16
|
+
<div class="column-10">
|
|
17
|
+
|
|
18
|
+
<h2 class="h2-logo">Gluhu</h2>
|
|
19
|
+
|
|
20
|
+
<button class="hamburger-menu-button" role="navigation">
|
|
21
|
+
<span class="icon-menu"></span>
|
|
22
|
+
<p class="sr-only">Menu</p>
|
|
23
|
+
</button>
|
|
24
|
+
|
|
25
|
+
<nav class="navigation">
|
|
26
|
+
|
|
27
|
+
<ul>
|
|
28
|
+
|
|
29
|
+
<li><a href="#">Nav link 1</a></li>
|
|
30
|
+
<li><a href="#">Nav link 2</a></li>
|
|
31
|
+
<li><a href="#">Nav link 3</a></li>
|
|
32
|
+
|
|
33
|
+
</ul>
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
</nav>
|
|
37
|
+
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
</div><!--row-->
|
|
41
|
+
|
|
42
|
+
</header>
|
|
43
|
+
|
|
44
|
+
<div class="row">
|
|
45
|
+
|
|
46
|
+
<div class="column-7">
|
|
47
|
+
|
|
48
|
+
<h2> Grid system </h2>
|
|
49
|
+
|
|
50
|
+
</div><!--column-7-->
|
|
51
|
+
|
|
52
|
+
</div><!--row-->
|
|
53
|
+
|
|
54
|
+
<div class="row">
|
|
55
|
+
|
|
56
|
+
<div class="column-1">
|
|
57
|
+
|
|
58
|
+
<div class="example-block">
|
|
59
|
+
|
|
60
|
+
<p class="vertical-center">col-1</p>
|
|
61
|
+
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
</div><!--column-1-->
|
|
65
|
+
|
|
66
|
+
</div><!--row-->
|
|
67
|
+
|
|
68
|
+
<div class="row">
|
|
69
|
+
|
|
70
|
+
<div class="column-2">
|
|
71
|
+
|
|
72
|
+
<div class="example-block">
|
|
73
|
+
|
|
74
|
+
<p class="vertical-center">col-2</p>
|
|
75
|
+
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
</div><!--column-2-->
|
|
79
|
+
|
|
80
|
+
</div><!--row-->
|
|
81
|
+
|
|
82
|
+
<div class="row">
|
|
83
|
+
|
|
84
|
+
<div class="column-3">
|
|
85
|
+
|
|
86
|
+
<div class="example-block">
|
|
87
|
+
|
|
88
|
+
<p class="vertical-center">col-3</p>
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
</div><!--column-3-->
|
|
95
|
+
|
|
96
|
+
</div><!--row-->
|
|
97
|
+
|
|
98
|
+
<div class="row">
|
|
99
|
+
|
|
100
|
+
<div class="column-4">
|
|
101
|
+
|
|
102
|
+
<div class="example-block">
|
|
103
|
+
|
|
104
|
+
<p class="vertical-center">col-4</p>
|
|
105
|
+
|
|
106
|
+
</div>
|
|
107
|
+
|
|
108
|
+
</div><!--column-4-->
|
|
109
|
+
|
|
110
|
+
</div><!--row-->
|
|
111
|
+
|
|
112
|
+
<div class="row">
|
|
113
|
+
|
|
114
|
+
<div class="column-5">
|
|
115
|
+
|
|
116
|
+
<div class="example-block">
|
|
117
|
+
|
|
118
|
+
<p class="vertical-center">col-5</p>
|
|
119
|
+
|
|
120
|
+
</div>
|
|
121
|
+
|
|
122
|
+
</div><!--column-5-->
|
|
123
|
+
|
|
124
|
+
</div><!--row-->
|
|
125
|
+
|
|
126
|
+
<div class="row">
|
|
127
|
+
|
|
128
|
+
<div class="column-6">
|
|
129
|
+
|
|
130
|
+
<div class="example-block">
|
|
131
|
+
|
|
132
|
+
<p class="vertical-center">col-6</p>
|
|
133
|
+
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
</div><!--column-6-->
|
|
137
|
+
|
|
138
|
+
</div><!--row-->
|
|
139
|
+
|
|
140
|
+
<div class="row">
|
|
141
|
+
|
|
142
|
+
<div class="column-7">
|
|
143
|
+
|
|
144
|
+
<div class="example-block">
|
|
145
|
+
|
|
146
|
+
<p class="vertical-center">col-7</p>
|
|
147
|
+
|
|
148
|
+
</div>
|
|
149
|
+
|
|
150
|
+
</div><!--column-7-->
|
|
151
|
+
|
|
152
|
+
</div><!--row-->
|
|
153
|
+
|
|
154
|
+
<div class="row">
|
|
155
|
+
|
|
156
|
+
<div class="column-8">
|
|
157
|
+
|
|
158
|
+
<div class="example-block">
|
|
159
|
+
|
|
160
|
+
<p class="vertical-center">col-8</p>
|
|
161
|
+
|
|
162
|
+
</div>
|
|
163
|
+
|
|
164
|
+
</div><!--column-8-->
|
|
165
|
+
|
|
166
|
+
</div><!--row-->
|
|
167
|
+
|
|
168
|
+
<div class="row">
|
|
169
|
+
|
|
170
|
+
<div class="column-9">
|
|
171
|
+
|
|
172
|
+
<div class="example-block">
|
|
173
|
+
|
|
174
|
+
<p class="vertical-center">col-9</p>
|
|
175
|
+
|
|
176
|
+
</div>
|
|
177
|
+
|
|
178
|
+
</div><!--column-9-->
|
|
179
|
+
|
|
180
|
+
</div><!--row-->
|
|
181
|
+
|
|
182
|
+
<div class="row">
|
|
183
|
+
|
|
184
|
+
<div class="column-10">
|
|
185
|
+
|
|
186
|
+
<div class="example-block">
|
|
187
|
+
|
|
188
|
+
<p class="vertical-center">col-10</p>
|
|
189
|
+
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
</div><!--column-10-->
|
|
193
|
+
|
|
194
|
+
</div><!--row-->
|
|
195
|
+
|
|
196
|
+
<div class="row">
|
|
197
|
+
|
|
198
|
+
<div class="column-6">
|
|
199
|
+
|
|
200
|
+
<h2>Typography</h2>
|
|
201
|
+
|
|
202
|
+
<h1>Heading 1</h1>
|
|
203
|
+
|
|
204
|
+
<p class="lead-text">
|
|
205
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra, quam at fringilla auctor, lacus dolor malesuada mauris, a placerat libero mi vel ex. Phasellus bibendum dapibus elit. Quisque ac ex non magna feugiat condimentum. Integer vitae lacus odio.
|
|
206
|
+
</p>
|
|
207
|
+
|
|
208
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra, quam at fringilla auctor, lacus dolor malesuada mauris, a placerat libero mi vel ex. Phasellus bibendum dapibus elit. Quisque ac ex non magna feugiat condimentum. Integer vitae lacus odio. Vivamus neque enim, placerat sed lorem vitae, dapibus ultricies est. Curabitur ultricies fermentum gravida. Mauris dignissim, lacus at pulvinar hendrerit, justo dui suscipit orci, sed aliquam mi orci nec enim. Aliquam felis nulla, mattis sed magna cursus, ultrices semper eros. Aliquam cursus tincidunt mattis. </p>
|
|
209
|
+
|
|
210
|
+
<h2>Heading 2</h2>
|
|
211
|
+
|
|
212
|
+
<p>
|
|
213
|
+
|
|
214
|
+
Curabitur risus mi, elementum at ante ut, feugiat sodales eros. Integer neque erat, auctor vel dignissim et, porta sit amet justo. Aenean a risus orci. Duis tellus enim, mattis id orci suscipit, semper pulvinar justo. Duis id laoreet orci. Donec a efficitur elit, non lobortis lectus. Donec et ullamcorper nisi.
|
|
215
|
+
|
|
216
|
+
</p>
|
|
217
|
+
|
|
218
|
+
<h3>Heading 3</h3>
|
|
219
|
+
|
|
220
|
+
<p>
|
|
221
|
+
|
|
222
|
+
In elementum mollis purus, at sagittis turpis mollis feugiat. Sed imperdiet lorem quis ultricies ultricies. Morbi augue nunc, posuere nec mauris in, varius vestibulum massa. Nullam sit amet urna laoreet, efficitur metus eu, dictum lacus. Pellentesque interdum vulputate enim sed feugiat. Ut euismod pharetra mi sed scelerisque. Curabitur consequat mauris eu est rhoncus molestie. Donec varius pharetra quam non aliquet. In a tortor et enim pulvinar fringilla. Aliquam rhoncus augue nulla, ut vehicula velit pellentesque ac. Suspendisse at ipsum enim. Ut fermentum ante eget velit iaculis blandit. Quisque vestibulum velit non tellus cursus tincidunt. Etiam dictum laoreet ex, in semper augue pellentesque a. Nullam bibendum, enim non mollis lacinia, ligula leo semper dui, sit amet placerat metus orci ac justo. Morbi placerat condimentum rutrum.
|
|
223
|
+
|
|
224
|
+
</p>
|
|
225
|
+
|
|
226
|
+
<ol>
|
|
227
|
+
<li>List item</li>
|
|
228
|
+
<li>List item</li>
|
|
229
|
+
<li>List item</li>
|
|
230
|
+
</ol>
|
|
231
|
+
|
|
232
|
+
<ul>
|
|
233
|
+
<li>List item</li>
|
|
234
|
+
<li>List item</li>
|
|
235
|
+
<li>List item</li>
|
|
236
|
+
</ul>
|
|
237
|
+
|
|
238
|
+
</div><!--column-7-->
|
|
239
|
+
|
|
240
|
+
</div><!--row-->
|
|
241
|
+
|
|
242
|
+
<div class="row">
|
|
243
|
+
|
|
244
|
+
<div class="column-7">
|
|
245
|
+
|
|
246
|
+
<h2>Forms</h2>
|
|
247
|
+
|
|
248
|
+
<form method="get">
|
|
249
|
+
<label for="text">Text: </label>
|
|
250
|
+
<input type="text" id="text">
|
|
251
|
+
|
|
252
|
+
<label for="textarea">Message: </label>
|
|
253
|
+
<textarea></textarea>
|
|
254
|
+
|
|
255
|
+
<fieldset>
|
|
256
|
+
|
|
257
|
+
<legend class="sr-only">Radio Options</legend>
|
|
258
|
+
<div class="radio-option">
|
|
259
|
+
<label for="radio-1">
|
|
260
|
+
<input type="radio" id="radio-1">
|
|
261
|
+
Option 1
|
|
262
|
+
</label>
|
|
263
|
+
</div><!--radio-option-->
|
|
264
|
+
<div class="radio-option">
|
|
265
|
+
<label for="radio-2">
|
|
266
|
+
<input type="radio" id="radio-2">
|
|
267
|
+
Option 2
|
|
268
|
+
</label>
|
|
269
|
+
</div><!--radio-option-->
|
|
270
|
+
</fieldset>
|
|
271
|
+
|
|
272
|
+
<label>
|
|
273
|
+
<input type="checkbox">
|
|
274
|
+
Checkbox
|
|
275
|
+
</label>
|
|
276
|
+
|
|
277
|
+
<label for="select">Select: </label>
|
|
278
|
+
<select id="select">
|
|
279
|
+
<option>Option 1</option>
|
|
280
|
+
<option>Option 2</option>
|
|
281
|
+
<option>Option 3</option>
|
|
282
|
+
</select>
|
|
283
|
+
|
|
284
|
+
<button type="submit">Submit</button>
|
|
285
|
+
|
|
286
|
+
</form>
|
|
287
|
+
|
|
288
|
+
<h3>Validation states</h3>
|
|
289
|
+
|
|
290
|
+
<p class="error-background">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
291
|
+
|
|
292
|
+
<p class="success-background">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|
293
|
+
|
|
294
|
+
<form method="get">
|
|
295
|
+
<label class="text-error" for="text">Text: </label>
|
|
296
|
+
<input class="error" type="text" id="text">
|
|
297
|
+
<p class="text-error">You've got an error</p>
|
|
298
|
+
|
|
299
|
+
<label class="text-success" for="textarea">Message: </label>
|
|
300
|
+
<textarea class="success"></textarea>
|
|
301
|
+
<p class="text-success">Great message</p>
|
|
302
|
+
|
|
303
|
+
<fieldset>
|
|
304
|
+
|
|
305
|
+
<legend class="sr-only">Radio Options</legend>
|
|
306
|
+
<div class="radio-option">
|
|
307
|
+
<label class="text-error" for="radio-1">
|
|
308
|
+
<input type="radio" id="radio-1">
|
|
309
|
+
Option 1
|
|
310
|
+
</label>
|
|
311
|
+
</div><!--radio-option-->
|
|
312
|
+
<div class="radio-option">
|
|
313
|
+
<label class="text-error" for="radio-2">
|
|
314
|
+
<input type="radio" id="radio-2">
|
|
315
|
+
Option 2
|
|
316
|
+
</label>
|
|
317
|
+
</div><!--radio-option-->
|
|
318
|
+
</fieldset>
|
|
319
|
+
<p class="text-error">There was a problem with your selection</p>
|
|
320
|
+
|
|
321
|
+
<label class="text-success">
|
|
322
|
+
<input type="checkbox">
|
|
323
|
+
Checkbox
|
|
324
|
+
</label>
|
|
325
|
+
<p class="text-success">Great choice!</p>
|
|
326
|
+
|
|
327
|
+
<label for="select">Select: </label>
|
|
328
|
+
<select class="success" id="select">
|
|
329
|
+
<option>Option 1</option>
|
|
330
|
+
<option>Option 2</option>
|
|
331
|
+
<option>Option 3</option>
|
|
332
|
+
</select>
|
|
333
|
+
<p class="text-success">Great choice!</p>
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
<button type="submit">Submit</button>
|
|
337
|
+
|
|
338
|
+
</form>
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
</div><!--column-7-->
|
|
344
|
+
|
|
345
|
+
</div><!--row-->
|
|
346
|
+
|
|
347
|
+
</div><!--container-->
|
|
348
|
+
|
|
349
|
+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
|
|
350
|
+
<script src="js/toggle.js"></script>
|
|
351
|
+
|
|
352
|
+
</body>
|
|
353
|
+
</html>
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
|
|
@@ -17,6 +17,10 @@ font 'icomoon.svg', :within => 'fonts_dir'
|
|
|
17
17
|
font 'icomoon.ttf', :within => 'fonts_dir'
|
|
18
18
|
font 'icomoon.woff', :within => 'fonts_dir'
|
|
19
19
|
|
|
20
|
+
#HTML import
|
|
21
|
+
|
|
22
|
+
html 'gluhu-example.html'
|
|
23
|
+
|
|
20
24
|
# file 'scripts.js', :like => :javascript, :to => 'scripts.js'
|
|
21
25
|
|
|
22
26
|
# General File Import
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: gluhu
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Chappell
|
|
@@ -58,6 +58,7 @@ files:
|
|
|
58
58
|
- stylesheets/gluhu/_typography.scss
|
|
59
59
|
- stylesheets/gluhu/_variables.scss
|
|
60
60
|
- templates/project/_base.scss
|
|
61
|
+
- templates/project/gluhu-example.html
|
|
61
62
|
- templates/project/gluhu.scss
|
|
62
63
|
- templates/project/icomoon.eot
|
|
63
64
|
- templates/project/icomoon.svg
|