markdown-ui 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Changelog +72 -0
- data/README.md +5 -3
- data/lib/markdown-ui/version.rb +1 -1
- data/website/compile.sh +6 -0
- data/website/index.html +255 -37
- data/website/index.md +230 -19
- metadata +4 -5
- data/lib/markdown-ui/divider/element.rb +0 -0
- data/lib/markdown-ui/divider/hidden.rb +0 -0
- data/lib/markdown-ui/divider/standard.rb +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 24bb4ac7c13ee4702a56e1e5e471d5bea4d7e09a
|
4
|
+
data.tar.gz: cf611f469263e38d95ba9a1c4b5117eaf44c3fc9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6c966c46a695dcf3ffb217bed4a6a1f7950c4289ce33e6966e44473c063c088d02b8b4dea2d291b61eef970dd7cf99a72bb5190005a13e057b59d7d174212e08
|
7
|
+
data.tar.gz: 77bd8ceb35d24876134ea178809f00350a8154026aff7235c050a8077847a90004b672ca2532eec43da0409f3c0301d15eeac23dbf8ad8ee9a38774fda4d6823
|
data/Changelog
ADDED
@@ -0,0 +1,72 @@
|
|
1
|
+
0.1.1 - 07-15-15
|
2
|
+
* Fix items not containing href path
|
3
|
+
* Added more documentation for Buttons
|
4
|
+
* Rspec Test Fixes
|
5
|
+
* Deleted empty files
|
6
|
+
* Added the website script
|
7
|
+
|
8
|
+
0.1.0 - 07-14-15
|
9
|
+
* Added Buttons via '__Button|Text__'
|
10
|
+
|
11
|
+
The following buttons are implemented
|
12
|
+
- standard
|
13
|
+
- focusable
|
14
|
+
- ordinality
|
15
|
+
- animated
|
16
|
+
- vertical animated
|
17
|
+
- animated fade
|
18
|
+
- icon button
|
19
|
+
- labeled icon button
|
20
|
+
- basic icon
|
21
|
+
- custom button
|
22
|
+
- inverted button
|
23
|
+
- basic inverted button
|
24
|
+
- group buttons
|
25
|
+
- icon group buttons
|
26
|
+
- icon group conditionals
|
27
|
+
|
28
|
+
* Added Container via '> Container:'
|
29
|
+
|
30
|
+
The following container options are implemented
|
31
|
+
- container
|
32
|
+
- text container
|
33
|
+
- text alignment
|
34
|
+
- custom container
|
35
|
+
|
36
|
+
* Added Icon via '_named icon_'
|
37
|
+
* Added Label
|
38
|
+
* Added Menu via '> Menu:'
|
39
|
+
|
40
|
+
The following menus are implemented
|
41
|
+
- menu
|
42
|
+
- secondary menu
|
43
|
+
- pointing menu
|
44
|
+
- secondary pointing menu
|
45
|
+
- tabular menu
|
46
|
+
- tabular attached menu
|
47
|
+
- vertical fluid tabular menu
|
48
|
+
- text menu
|
49
|
+
- vertical menu
|
50
|
+
- pagination menu
|
51
|
+
|
52
|
+
* Added Message via '__Message__'
|
53
|
+
|
54
|
+
The following message types are implemented
|
55
|
+
|
56
|
+
- message
|
57
|
+
- list message
|
58
|
+
|
59
|
+
* Added Segment via '> Segment:'
|
60
|
+
|
61
|
+
The following segment types are implemented
|
62
|
+
|
63
|
+
- segment
|
64
|
+
- vertical segment
|
65
|
+
- horizontal segment
|
66
|
+
- stacked segment
|
67
|
+
- piled segment
|
68
|
+
- disabled state
|
69
|
+
- loading state
|
70
|
+
- inverted variation
|
71
|
+
- attached variation
|
72
|
+
- padded
|
data/README.md
CHANGED
@@ -1,6 +1,8 @@
|
|
1
|
-
|
1
|
+
[![Build Status](https://travis-ci.org/jjuliano/markdown-ui.svg)](https://travis-ci.org/jjuliano/markdown-ui)
|
2
|
+
# Markdown UI
|
2
3
|
|
3
|
-
|
4
|
+
|
5
|
+
Write UI in Markdown Syntax. See http://jjuliano.github.io/markdown-ui/
|
4
6
|
|
5
7
|
## Installation
|
6
8
|
|
@@ -12,7 +14,7 @@ Write UI/UX in Markdown Syntax. See http://jjuliano.github.io/markdown-ui/
|
|
12
14
|
|
13
15
|
## Contributing
|
14
16
|
|
15
|
-
1. Fork it ( https://github.com/
|
17
|
+
1. Fork it ( https://github.com/jjuliano/markdown-ui/fork )
|
16
18
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
17
19
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
18
20
|
4. Push to the branch (`git push origin my-new-feature`)
|
data/lib/markdown-ui/version.rb
CHANGED
data/website/compile.sh
ADDED
data/website/index.html
CHANGED
@@ -17,14 +17,14 @@
|
|
17
17
|
</head>
|
18
18
|
|
19
19
|
<body>
|
20
|
-
<div class="ui inverted blue segment">
|
20
|
+
<div class="ui inverted blue segment container">
|
21
21
|
<div class="ui inverted blue menu">
|
22
|
-
<a class="ui basic item" href="
|
22
|
+
<a class="ui basic item" href="http://jjuliano.github.io/markdown-ui">Markdown UI</a>
|
23
23
|
<div class="ui inverted blue right menu">
|
24
|
-
<a class="ui item" href="#docs">Docs</a>
|
25
|
-
<a class="ui item" href="#about">About</a>
|
26
|
-
<a class="ui item" href="
|
27
|
-
<a class="ui item" href="#install">Install</a>
|
24
|
+
<a class="ui disabled item" href="#docs">Docs</a>
|
25
|
+
<a class="ui disabled item" href="#about">About</a>
|
26
|
+
<a class="ui item" href="https://github.com/jjuliano/markdown-ui">Github</a>
|
27
|
+
<a class="ui disabled item" href="#install">Install</a>
|
28
28
|
</div>
|
29
29
|
</div>
|
30
30
|
</div>
|
@@ -46,16 +46,16 @@
|
|
46
46
|
</div>
|
47
47
|
<!-- -->
|
48
48
|
<div class="ui column">
|
49
|
-
<div class="ui inverted segment">
|
50
|
-
<code>> Pointing Menu
|
49
|
+
<div class="ui inverted very padded segment">
|
50
|
+
<code>> Pointing Menu:</code>
|
51
51
|
<br />
|
52
|
-
<code>> [Home](#
|
52
|
+
<code>> [Home](#root "active")</code>
|
53
53
|
<br />
|
54
54
|
<code>> [Messages](#messages)</code>
|
55
55
|
<br />
|
56
56
|
<code>> [Friends](#friends)</code>
|
57
57
|
<br />
|
58
|
-
<code>> > Right Menu
|
58
|
+
<code>> > Right Menu:</code>
|
59
59
|
<br />
|
60
60
|
<code>> > [Logout](#logout)</code>
|
61
61
|
<br />
|
@@ -66,8 +66,12 @@
|
|
66
66
|
</div>
|
67
67
|
</div>
|
68
68
|
<!-- -->
|
69
|
-
<div class="ui attached segment"
|
70
|
-
|
69
|
+
<div class="ui attached segment">
|
70
|
+
<h2 class="ui header">Installation</h2>
|
71
|
+
<code>gem install markdown-ui</code>
|
72
|
+
<h2 class="ui header">Usage</h2>
|
73
|
+
<code>markdown-ui index.md > index.html</code>
|
74
|
+
</div>
|
71
75
|
<!-- -->
|
72
76
|
<div class="ui segment">
|
73
77
|
<h1 class="ui center aligned header">Buttons</h1>
|
@@ -90,7 +94,7 @@ github.com/jjuliano/markdown-ui</div>
|
|
90
94
|
<!-- -->
|
91
95
|
<div class="ui left aligned ten wide column">
|
92
96
|
<h5 class="ui header">Markdown Syntax</h5>
|
93
|
-
<div class="ui inverted segment">
|
97
|
+
<div class="ui inverted very padded segment">
|
94
98
|
<code>
|
95
99
|
__Button|Follow__
|
96
100
|
</code>
|
@@ -111,7 +115,7 @@ __Button|Follow__
|
|
111
115
|
<!-- -->
|
112
116
|
<div class="ui left aligned ten wide column">
|
113
117
|
<h5 class="ui header">Markdown Syntax</h5>
|
114
|
-
<div class="ui inverted segment"><code>__Follow-Button Button|Follow__</code><br />or<br /><code>__Button|Follow|Follow-Button__</code></div>
|
118
|
+
<div class="ui inverted very padded segment"><code>__Follow-Button Button|Follow__</code><br />or<br /><code>__Button|Follow|Follow-Button__</code></div>
|
115
119
|
</div>
|
116
120
|
<!-- -->
|
117
121
|
</div>
|
@@ -128,7 +132,7 @@ __Button|Follow__
|
|
128
132
|
<!-- -->
|
129
133
|
<div class="ui left aligned ten wide column">
|
130
134
|
<h5 class="ui header">Markdown Syntax</h5>
|
131
|
-
<div class="ui inverted segment">
|
135
|
+
<div class="ui inverted very padded segment">
|
132
136
|
<code>
|
133
137
|
__Focusable Button|Follow__
|
134
138
|
</code>
|
@@ -158,7 +162,7 @@ __Focusable Button|Follow__
|
|
158
162
|
<!-- -->
|
159
163
|
<div class="ui left aligned ten wide column">
|
160
164
|
<h5 class="ui header">Markdown Syntax</h5>
|
161
|
-
<div class="ui inverted segment">
|
165
|
+
<div class="ui inverted very padded segment">
|
162
166
|
<code>
|
163
167
|
__Button|Save|Primary__
|
164
168
|
__Button|Discard__
|
@@ -192,9 +196,9 @@ __Button|Discard__
|
|
192
196
|
<!-- -->
|
193
197
|
<div class="ui left aligned ten wide column">
|
194
198
|
<h5 class="ui header">Markdown Syntax</h5>
|
195
|
-
<div class="ui inverted segment">
|
199
|
+
<div class="ui inverted very padded segment">
|
196
200
|
<code>
|
197
|
-
__Animated Button|Text
|
201
|
+
__Animated Button|Text:Next;Icon:Right Arrow__
|
198
202
|
</code>
|
199
203
|
</div>
|
200
204
|
</div>
|
@@ -218,9 +222,9 @@ __Animated Button|Text:Next;Icon:Right Arrow__
|
|
218
222
|
<!-- -->
|
219
223
|
<div class="ui left aligned ten wide column">
|
220
224
|
<h5 class="ui header">Markdown Syntax</h5>
|
221
|
-
<div class="ui inverted segment">
|
225
|
+
<div class="ui inverted very padded segment">
|
222
226
|
<code>
|
223
|
-
__Vertical Animated Button|Icon
|
227
|
+
__Vertical Animated Button|Icon:Shop;Text:Shop__
|
224
228
|
</code>
|
225
229
|
</div>
|
226
230
|
</div>
|
@@ -242,7 +246,7 @@ __Vertical Animated Button|Icon:Shop;Text:Shop__
|
|
242
246
|
<!-- -->
|
243
247
|
<div class="ui left aligned ten wide column">
|
244
248
|
<h5 class="ui header">Markdown Syntax</h5>
|
245
|
-
<div class="ui inverted segment"><code>__Fade Animated Button|Text
|
249
|
+
<div class="ui inverted very padded segment"><code>__Fade Animated Button|Text:Sign-up for a Pro account;Text:$12.99 a month__</code><br /> or <br />
|
246
250
|
<code>__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__</code></div>
|
247
251
|
</div>
|
248
252
|
<!-- -->
|
@@ -267,9 +271,9 @@ __Vertical Animated Button|Icon:Shop;Text:Shop__
|
|
267
271
|
<!-- -->
|
268
272
|
<div class="ui left aligned ten wide column">
|
269
273
|
<h5 class="ui header">Markdown Syntax</h5>
|
270
|
-
<div class="ui inverted segment">
|
274
|
+
<div class="ui inverted very padded segment">
|
271
275
|
<code>
|
272
|
-
__Icon Button|Icon
|
276
|
+
__Icon Button|Icon:Cloud__
|
273
277
|
</code>
|
274
278
|
</div>
|
275
279
|
</div>
|
@@ -293,9 +297,9 @@ __Icon Button|Icon:Cloud__
|
|
293
297
|
<!-- -->
|
294
298
|
<div class="ui left aligned ten wide column">
|
295
299
|
<h5 class="ui header">Markdown Syntax</h5>
|
296
|
-
<div class="ui inverted segment">
|
300
|
+
<div class="ui inverted very padded segment">
|
297
301
|
<code>
|
298
|
-
__Labeled Icon Button|Icon
|
302
|
+
__Labeled Icon Button|Icon:Pause,Text:Pause__
|
299
303
|
</code>
|
300
304
|
</div>
|
301
305
|
</div>
|
@@ -319,9 +323,9 @@ __Labeled Icon Button|Icon:Pause,Text:Pause__
|
|
319
323
|
<!-- -->
|
320
324
|
<div class="ui left aligned ten wide column">
|
321
325
|
<h5 class="ui header">Markdown Syntax</h5>
|
322
|
-
<div class="ui inverted segment">
|
326
|
+
<div class="ui inverted very padded segment">
|
323
327
|
<code>
|
324
|
-
__Basic Button|Icon
|
328
|
+
__Basic Button|Icon:User,Text:Add Friend__
|
325
329
|
</code>
|
326
330
|
</div>
|
327
331
|
</div>
|
@@ -348,22 +352,236 @@ __Basic Button|Icon:User,Text:Add Friend__
|
|
348
352
|
<!-- -->
|
349
353
|
<div class="ui left aligned ten wide column">
|
350
354
|
<h5 class="ui header">Markdown Syntax</h5>
|
351
|
-
<div class="ui inverted segment">
|
355
|
+
<div class="ui inverted very padded segment">
|
352
356
|
<code>
|
353
|
-
__Button|Text
|
354
|
-
__Button|Text
|
355
|
-
__Button|Text
|
356
|
-
__Button|Text
|
357
|
-
__Button|Text
|
358
|
-
__Button|Text
|
359
|
-
__Button|Text
|
360
|
-
__Button|Text
|
361
|
-
__Button|Text
|
357
|
+
__Button|Text:Black|Basic Black__
|
358
|
+
__Button|Text:Yellow|Basic Yellow__
|
359
|
+
__Button|Text:Green|Basic Green__
|
360
|
+
__Button|Text:Blue|Basic Blue__
|
361
|
+
__Button|Text:Orange|Basic Orange__
|
362
|
+
__Button|Text:Purple|Basic Purple__
|
363
|
+
__Button|Text:Pink|Basic Pink__
|
364
|
+
__Button|Text:Red|Basic Red__
|
365
|
+
__Button|Text:Teal|Basic Teal__
|
362
366
|
</code>
|
363
367
|
</div>
|
364
368
|
</div>
|
365
369
|
<!-- -->
|
366
370
|
</div>
|
371
|
+
<!-- -->
|
372
|
+
<div class="ui attached segment">
|
373
|
+
<h3 class="ui header">Inverted</h3>
|
374
|
+
<p>A button can be formatted to appear on dark backgrounds</p>
|
375
|
+
</div>
|
376
|
+
<!-- -->
|
377
|
+
<div class="ui divided segment grid">
|
378
|
+
<div class="ui html top attached segment">
|
379
|
+
<div class="ui top attached label">Inverted</div>
|
380
|
+
</div>
|
381
|
+
<!-- -->
|
382
|
+
<div class="ui center aligned six wide column">
|
383
|
+
<h5 class="ui header">Preview</h5>
|
384
|
+
<div class="ui inverted very padded segment">
|
385
|
+
<div class="ui inverted button">Standard</div>
|
386
|
+
<div class="ui inverted black button">Black</div>
|
387
|
+
<div class="ui inverted yellow button">Yellow</div>
|
388
|
+
<div class="ui inverted green button">Green</div>
|
389
|
+
<div class="ui inverted blue button">Blue</div>
|
390
|
+
<div class="ui inverted orange button">Orange</div>
|
391
|
+
<div class="ui inverted purple button">Purple</div>
|
392
|
+
<div class="ui inverted pink button">Pink</div>
|
393
|
+
<div class="ui inverted red button">Red</div>
|
394
|
+
<div class="ui inverted teal button">Teal</div>
|
395
|
+
</div>
|
396
|
+
</div>
|
397
|
+
<!-- -->
|
398
|
+
<div class="ui left aligned ten wide column">
|
399
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
400
|
+
<div class="ui inverted very padded segment">
|
401
|
+
<code>> Inverted Segment:</code>
|
402
|
+
<br />
|
403
|
+
<code>> __Button|Text:Standard|Inverted__</code>
|
404
|
+
<br />
|
405
|
+
<code>> __Button|Text:Black|Inverted Black__</code>
|
406
|
+
<br />
|
407
|
+
<code>> __Button|Text:Yellow|Inverted Yellow__</code>
|
408
|
+
<br />
|
409
|
+
<code>> __Button|Text:Green|Inverted Green__</code>
|
410
|
+
<br />
|
411
|
+
<code>> __Button|Text:Blue|Inverted Blue__</code>
|
412
|
+
<br />
|
413
|
+
<code>> __Button|Text:Orange|Inverted Orange__</code>
|
414
|
+
<br />
|
415
|
+
<code>> __Button|Text:Purple|Inverted Purple__</code>
|
416
|
+
<br />
|
417
|
+
<code>> __Button|Text:Pink|Inverted Pink__</code>
|
418
|
+
<br />
|
419
|
+
<code>> __Button|Text:Red|Inverted Red__</code>
|
420
|
+
<br />
|
421
|
+
<code>> __Button|Text:Teal|Inverted Teal__</code>
|
422
|
+
</div>
|
423
|
+
</div>
|
424
|
+
<!-- -->
|
425
|
+
</div>
|
426
|
+
<!-- -->
|
427
|
+
<div class="ui attached segment">
|
428
|
+
<h3 class="ui header">Groups</h3>
|
429
|
+
<p>Buttons can exist together as a group</p>
|
430
|
+
</div>
|
431
|
+
<!-- -->
|
432
|
+
<div class="ui divided segment grid">
|
433
|
+
<div class="ui html top attached segment">
|
434
|
+
<div class="ui top attached label">Buttons</div>
|
435
|
+
</div>
|
436
|
+
<!-- -->
|
437
|
+
<div class="ui center aligned six wide column">
|
438
|
+
<h5 class="ui header">Preview</h5>
|
439
|
+
<div class="ui buttons">
|
440
|
+
<div class="ui standard button">One</div>
|
441
|
+
<div class="ui standard button">Two</div>
|
442
|
+
<div class="ui standard button">Three</div>
|
443
|
+
</div>
|
444
|
+
</div>
|
445
|
+
<!-- -->
|
446
|
+
<div class="ui left aligned ten wide column">
|
447
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
448
|
+
<div class="ui inverted very padded segment">
|
449
|
+
<code>> Buttons:</code>
|
450
|
+
<br />
|
451
|
+
<code>> __Button|Text:One|Standard__</code>
|
452
|
+
<br />
|
453
|
+
<code>> __Button|Text:Two|Standard__</code>
|
454
|
+
<br />
|
455
|
+
<code>> __Button|Text:Three|Standard__</code>
|
456
|
+
</div>
|
457
|
+
</div>
|
458
|
+
<!-- -->
|
459
|
+
</div>
|
460
|
+
<!-- -->
|
461
|
+
<div class="ui attached segment">
|
462
|
+
<h3 class="ui header">Icon Buttons</h3>
|
463
|
+
<p>Buttons can exist together as a group</p>
|
464
|
+
</div>
|
465
|
+
<!-- -->
|
466
|
+
<div class="ui divided segment grid">
|
467
|
+
<div class="ui html top attached segment">
|
468
|
+
<div class="ui top attached label">Buttons</div>
|
469
|
+
</div>
|
470
|
+
<!-- -->
|
471
|
+
<div class="ui center aligned six wide column">
|
472
|
+
<h5 class="ui header">Preview</h5>
|
473
|
+
<div class="ui icon buttons">
|
474
|
+
<div class="ui button">
|
475
|
+
<i class="align left icon"></i>
|
476
|
+
</div>
|
477
|
+
<div class="ui button">
|
478
|
+
<i class="align center icon"></i>
|
479
|
+
</div>
|
480
|
+
<div class="ui button">
|
481
|
+
<i class="align right icon"></i>
|
482
|
+
</div>
|
483
|
+
<div class="ui button">
|
484
|
+
<i class="align justify icon"></i>
|
485
|
+
</div>
|
486
|
+
</div>
|
487
|
+
<!-- -->
|
488
|
+
<div class="ui icon buttons">
|
489
|
+
<div class="ui button">
|
490
|
+
<i class="bold icon"></i>
|
491
|
+
</div>
|
492
|
+
<div class="ui button">
|
493
|
+
<i class="underline icon"></i>
|
494
|
+
</div>
|
495
|
+
<div class="ui button">
|
496
|
+
<i class="text width icon"></i>
|
497
|
+
</div>
|
498
|
+
</div>
|
499
|
+
</div>
|
500
|
+
<!-- -->
|
501
|
+
<div class="ui left aligned ten wide column">
|
502
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
503
|
+
<div class="ui inverted very padded segment">
|
504
|
+
<code>> Icon Buttons:</code>
|
505
|
+
<br />
|
506
|
+
<code>> __Button|Icon:Align Left__</code>
|
507
|
+
<br />
|
508
|
+
<code>> __Button|Icon:Align Center__</code>
|
509
|
+
<br />
|
510
|
+
<code>> __Button|Icon:Align Right__</code>
|
511
|
+
<br />
|
512
|
+
<code>> __Button|Icon:Align Justify__</code>
|
513
|
+
<br />
|
514
|
+
<br />
|
515
|
+
<code><!-- A separator is required in between two spaces --></code>
|
516
|
+
<br />
|
517
|
+
<br />
|
518
|
+
<code>> Icon Buttons:</code>
|
519
|
+
<br />
|
520
|
+
<code>> __Button|Icon:Bold__</code>
|
521
|
+
<br />
|
522
|
+
<code>> __Button|Icon:Underline__</code>
|
523
|
+
<br />
|
524
|
+
<code>> __Button|Icon:Text Width__</code>
|
525
|
+
</div>
|
526
|
+
</div>
|
527
|
+
<!-- -->
|
528
|
+
</div>
|
529
|
+
<!-- -->
|
530
|
+
<div class="ui attached segment">
|
531
|
+
<h3 class="ui header">Conditionals</h3>
|
532
|
+
<p>Button groups can contain conditionals</p>
|
533
|
+
</div>
|
534
|
+
<!-- -->
|
535
|
+
<div class="ui divided segment grid">
|
536
|
+
<div class="ui html top attached segment">
|
537
|
+
<div class="ui top attached label">Conditionals</div>
|
538
|
+
</div>
|
539
|
+
<!-- -->
|
540
|
+
<div class="ui center aligned six wide column">
|
541
|
+
<h5 class="ui header">Preview</h5>
|
542
|
+
<div class="ui icon buttons">
|
543
|
+
<div class="ui button">Cancel</div>
|
544
|
+
<div class="or"></div>
|
545
|
+
<div class="ui positive button">Save</div>
|
546
|
+
</div>
|
547
|
+
</div>
|
548
|
+
<!-- -->
|
549
|
+
<div class="ui left aligned ten wide column">
|
550
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
551
|
+
<div class="ui inverted very padded segment">
|
552
|
+
<code>> Icon Buttons:</code>
|
553
|
+
<br />
|
554
|
+
<code>> __Button|Text:Cancel__</code>
|
555
|
+
<br />
|
556
|
+
<code>> __Div Tag||Or__</code>
|
557
|
+
<br />
|
558
|
+
<code>> __Button|Text:Save|Positive__</code>
|
559
|
+
</div>
|
560
|
+
</div>
|
561
|
+
<!-- -->
|
562
|
+
<div class="ui center aligned six wide column">
|
563
|
+
<h5 class="ui header">Preview</h5>
|
564
|
+
<div class="ui icon buttons">
|
565
|
+
<div class="ui button">un</div>
|
566
|
+
<div class="or" data-text="ou"></div>
|
567
|
+
<div class="ui positive button">deux</div>
|
568
|
+
</div>
|
569
|
+
</div>
|
570
|
+
<!-- -->
|
571
|
+
<div class="ui left aligned ten wide column">
|
572
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
573
|
+
<div class="ui inverted very padded segment">
|
574
|
+
<code>> Icon Buttons:</code>
|
575
|
+
<br />
|
576
|
+
<code>> __Button|Text:un__</code>
|
577
|
+
<br />
|
578
|
+
<code>> __Div Tag|Or|Data:Text:ou__</code>
|
579
|
+
<br />
|
580
|
+
<code>> __Button|Text:deux|Positive__</code>
|
581
|
+
</div>
|
582
|
+
</div>
|
583
|
+
<!-- -->
|
584
|
+
</div>
|
367
585
|
</div>
|
368
586
|
</body>
|
369
587
|
</html>
|
data/website/index.md
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
> Inverted Blue Segment:
|
1
|
+
> Inverted Blue Segment Container:
|
2
2
|
> > Inverted Blue Menu:
|
3
3
|
> > [Markdown UI](#home "basic")
|
4
4
|
> > > Inverted Blue Right Menu:
|
5
|
-
> > > [Docs](#docs)
|
6
|
-
> > > [About](#about)
|
5
|
+
> > > [Docs](#docs "disabled")
|
6
|
+
> > > [About](#about "disabled")
|
7
7
|
> > > [Github](#github)
|
8
|
-
> > > [Install](#install)
|
8
|
+
> > > [Install](#install "disabled")
|
9
9
|
|
10
10
|
<!-- -->
|
11
11
|
|
@@ -31,15 +31,17 @@
|
|
31
31
|
> > > <!-- -->
|
32
32
|
> > >
|
33
33
|
> > > > Column:
|
34
|
-
> > > > > Inverted Segment:
|
34
|
+
> > > > > Inverted Very Padded Segment:
|
35
35
|
> > > > > ```> Pointing Menu:``` <br />
|
36
|
-
> > > > > ```> [Home](#
|
36
|
+
> > > > > ```> [Home](#root "active")``` <br />
|
37
37
|
> > > > > ```> [Messages](#messages)``` <br />
|
38
38
|
> > > > > ```> [Friends](#friends)``` <br />
|
39
39
|
> > > > > ```> > Right Menu:``` <br />
|
40
40
|
> > > > > ```> > [Logout](#logout)``` <br />
|
41
41
|
> > > > > <br />
|
42
42
|
> > > > > ```__Button|Add Friend__```
|
43
|
+
|
44
|
+
|
43
45
|
>
|
44
46
|
> <!-- -->
|
45
47
|
>
|
@@ -48,13 +50,15 @@
|
|
48
50
|
> > ```gem install markdown-ui```
|
49
51
|
> > ##Usage
|
50
52
|
> > ```markdown-ui index.md > index.html```
|
51
|
-
|
52
|
-
|
53
|
+
|
54
|
+
|
53
55
|
>
|
54
56
|
> <!-- -->
|
55
57
|
>
|
56
58
|
> > Segment:
|
57
59
|
> > # Buttons:Center Aligned
|
60
|
+
|
61
|
+
|
58
62
|
>
|
59
63
|
> <!-- -->
|
60
64
|
>
|
@@ -79,7 +83,7 @@
|
|
79
83
|
> >
|
80
84
|
> > > Left Aligned Ten Wide Column:
|
81
85
|
> > > ##### Markdown Syntax
|
82
|
-
> > > > Inverted Segment:
|
86
|
+
> > > > Inverted Very Padded Segment:
|
83
87
|
> > > > ```
|
84
88
|
> > > > __Button|Follow__
|
85
89
|
> > > > ```
|
@@ -104,7 +108,7 @@
|
|
104
108
|
> >
|
105
109
|
> > > Left Aligned Ten Wide Column:
|
106
110
|
> > > ##### Markdown Syntax
|
107
|
-
> > > > Inverted Segment:
|
111
|
+
> > > > Inverted Very Padded Segment:
|
108
112
|
> > > > ```__Follow-Button Button|Follow__```
|
109
113
|
> > > > <br />or<br />
|
110
114
|
> > > > ```__Button|Follow|Follow-Button__```
|
@@ -129,13 +133,15 @@
|
|
129
133
|
> >
|
130
134
|
> > > Left Aligned Ten Wide Column:
|
131
135
|
> > > ##### Markdown Syntax
|
132
|
-
> > > > Inverted Segment:
|
136
|
+
> > > > Inverted Very Padded Segment:
|
133
137
|
> > > > ```
|
134
138
|
> > > > __Focusable Button|Follow__
|
135
139
|
> > > > ```
|
136
140
|
> >
|
137
141
|
> > <!-- -->
|
138
142
|
> >
|
143
|
+
|
144
|
+
|
139
145
|
>
|
140
146
|
> <!-- -->
|
141
147
|
>
|
@@ -162,7 +168,7 @@
|
|
162
168
|
> >
|
163
169
|
> > > Left Aligned Ten Wide Column:
|
164
170
|
> > > ##### Markdown Syntax
|
165
|
-
> > > > Inverted Segment:
|
171
|
+
> > > > Inverted Very Padded Segment:
|
166
172
|
> > > > ```
|
167
173
|
> > > > __Button|Save|Primary__
|
168
174
|
> > > > __Button|Discard__
|
@@ -172,6 +178,8 @@
|
|
172
178
|
> >
|
173
179
|
> > <!-- -->
|
174
180
|
> >
|
181
|
+
|
182
|
+
|
175
183
|
>
|
176
184
|
> <!-- -->
|
177
185
|
>
|
@@ -196,7 +204,7 @@
|
|
196
204
|
> >
|
197
205
|
> > > Left Aligned Ten Wide Column:
|
198
206
|
> > > ##### Markdown Syntax
|
199
|
-
> > > > Inverted Segment:
|
207
|
+
> > > > Inverted Very Padded Segment:
|
200
208
|
> > > > ```
|
201
209
|
> > > > __Animated Button|Text:Next;Icon:Right Arrow__
|
202
210
|
> > > > ```
|
@@ -221,7 +229,7 @@
|
|
221
229
|
> >
|
222
230
|
> > > Left Aligned Ten Wide Column:
|
223
231
|
> > > ##### Markdown Syntax
|
224
|
-
> > > > Inverted Segment:
|
232
|
+
> > > > Inverted Very Padded Segment:
|
225
233
|
> > > > ```
|
226
234
|
> > > > __Vertical Animated Button|Icon:Shop;Text:Shop__
|
227
235
|
> > > > ```
|
@@ -246,13 +254,15 @@
|
|
246
254
|
> >
|
247
255
|
> > > Left Aligned Ten Wide Column:
|
248
256
|
> > > ##### Markdown Syntax
|
249
|
-
> > > > Inverted Segment:
|
257
|
+
> > > > Inverted Very Padded Segment:
|
250
258
|
> > > > ```__Fade Animated Button|Text:Sign-up for a Pro account;Text:$12.99 a month__```
|
251
259
|
> > > > <br /> or <br />
|
252
260
|
> > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
|
253
261
|
> >
|
254
262
|
> > <!-- -->
|
255
263
|
> >
|
264
|
+
|
265
|
+
|
256
266
|
>
|
257
267
|
> <!-- -->
|
258
268
|
>
|
@@ -277,13 +287,15 @@
|
|
277
287
|
> >
|
278
288
|
> > > Left Aligned Ten Wide Column:
|
279
289
|
> > > ##### Markdown Syntax
|
280
|
-
> > > > Inverted Segment:
|
290
|
+
> > > > Inverted Very Padded Segment:
|
281
291
|
> > > > ```
|
282
292
|
> > > > __Icon Button|Icon:Cloud__
|
283
293
|
> > > > ```
|
284
294
|
> >
|
285
295
|
> > <!-- -->
|
286
296
|
> >
|
297
|
+
|
298
|
+
|
287
299
|
>
|
288
300
|
> <!-- -->
|
289
301
|
>
|
@@ -308,13 +320,15 @@
|
|
308
320
|
> >
|
309
321
|
> > > Left Aligned Ten Wide Column:
|
310
322
|
> > > ##### Markdown Syntax
|
311
|
-
> > > > Inverted Segment:
|
323
|
+
> > > > Inverted Very Padded Segment:
|
312
324
|
> > > > ```
|
313
325
|
> > > > __Labeled Icon Button|Icon:Pause,Text:Pause__
|
314
326
|
> > > > ```
|
315
327
|
> >
|
316
328
|
> > <!-- -->
|
317
329
|
> >
|
330
|
+
|
331
|
+
|
318
332
|
>
|
319
333
|
> <!-- -->
|
320
334
|
>
|
@@ -339,7 +353,7 @@
|
|
339
353
|
> >
|
340
354
|
> > > Left Aligned Ten Wide Column:
|
341
355
|
> > > ##### Markdown Syntax
|
342
|
-
> > > > Inverted Segment:
|
356
|
+
> > > > Inverted Very Padded Segment:
|
343
357
|
> > > > ```
|
344
358
|
> > > > __Basic Button|Icon:User,Text:Add Friend__
|
345
359
|
> > > > ```
|
@@ -372,7 +386,7 @@
|
|
372
386
|
> >
|
373
387
|
> > > Left Aligned Ten Wide Column:
|
374
388
|
> > > ##### Markdown Syntax
|
375
|
-
> > > > Inverted Segment:
|
389
|
+
> > > > Inverted Very Padded Segment:
|
376
390
|
> > > > ```
|
377
391
|
> > > > __Button|Text:Black|Basic Black__
|
378
392
|
> > > > __Button|Text:Yellow|Basic Yellow__
|
@@ -386,4 +400,201 @@
|
|
386
400
|
> > > ```
|
387
401
|
> >
|
388
402
|
> > <!-- -->
|
403
|
+
> >
|
404
|
+
|
405
|
+
|
406
|
+
>
|
407
|
+
> <!-- -->
|
408
|
+
>
|
409
|
+
> > Attached Segment:
|
410
|
+
> > ### Inverted
|
411
|
+
> > "A button can be formatted to appear on dark backgrounds"
|
412
|
+
>
|
413
|
+
> <!-- -->
|
414
|
+
>
|
415
|
+
> > Divided Segment Grid:
|
416
|
+
> > > HTML Top Attached Segment:
|
417
|
+
> > > > Top Attached Label:
|
418
|
+
> > > > Inverted
|
419
|
+
> >
|
420
|
+
> > <!-- -->
|
421
|
+
> >
|
422
|
+
> > > Center Aligned Six Wide Column:
|
423
|
+
> > > ##### Preview
|
424
|
+
> > > > Inverted Very Padded Segment:
|
425
|
+
> > > > __Button|Text: Standard|Inverted__
|
426
|
+
> > > > __Button|Text: Black|Inverted Black__
|
427
|
+
> > > > __Button|Text: Yellow|Inverted Yellow__
|
428
|
+
> > > > __Button|Text: Green|Inverted Green__
|
429
|
+
> > > > __Button|Text: Blue|Inverted Blue__
|
430
|
+
> > > > __Button|Text: Orange|Inverted Orange__
|
431
|
+
> > > > __Button|Text: Purple|Inverted Purple__
|
432
|
+
> > > > __Button|Text: Pink|Inverted Pink__
|
433
|
+
> > > > __Button|Text: Red|Inverted Red__
|
434
|
+
> > > > __Button|Text: Teal|Inverted Teal__
|
435
|
+
> >
|
436
|
+
> > <!-- -->
|
437
|
+
> >
|
438
|
+
> > > Left Aligned Ten Wide Column:
|
439
|
+
> > > ##### Markdown Syntax
|
440
|
+
> > > > Inverted Very Padded Segment:
|
441
|
+
> > > > ```> Inverted Segment:``` <br />
|
442
|
+
> > > > ```> __Button|Text:Standard|Inverted__``` <br />
|
443
|
+
> > > > ```> __Button|Text:Black|Inverted Black__``` <br />
|
444
|
+
> > > > ```> __Button|Text:Yellow|Inverted Yellow__``` <br />
|
445
|
+
> > > > ```> __Button|Text:Green|Inverted Green__``` <br />
|
446
|
+
> > > > ```> __Button|Text:Blue|Inverted Blue__``` <br />
|
447
|
+
> > > > ```> __Button|Text:Orange|Inverted Orange__``` <br />
|
448
|
+
> > > > ```> __Button|Text:Purple|Inverted Purple__``` <br />
|
449
|
+
> > > > ```> __Button|Text:Pink|Inverted Pink__``` <br />
|
450
|
+
> > > > ```> __Button|Text:Red|Inverted Red__``` <br />
|
451
|
+
> > > > ```> __Button|Text:Teal|Inverted Teal__```
|
452
|
+
> >
|
453
|
+
> > <!-- -->
|
454
|
+
> >
|
455
|
+
|
456
|
+
|
457
|
+
>
|
458
|
+
> <!-- -->
|
459
|
+
>
|
460
|
+
> > Attached Segment:
|
461
|
+
> > ### Groups
|
462
|
+
> > "Buttons can exist together as a group"
|
463
|
+
>
|
464
|
+
> <!-- -->
|
465
|
+
>
|
466
|
+
> > Divided Segment Grid:
|
467
|
+
> > > HTML Top Attached Segment:
|
468
|
+
> > > > Top Attached Label:
|
469
|
+
> > > > Buttons
|
470
|
+
> >
|
471
|
+
> > <!-- -->
|
472
|
+
> >
|
473
|
+
> > > Center Aligned Six Wide Column:
|
474
|
+
> > > ##### Preview
|
475
|
+
> > > > Buttons:
|
476
|
+
> > > > __Button|Text: One|Standard__
|
477
|
+
> > > > __Button|Text: Two|Standard__
|
478
|
+
> > > > __Button|Text: Three|Standard__
|
479
|
+
> >
|
480
|
+
> > <!-- -->
|
481
|
+
> >
|
482
|
+
> > > Left Aligned Ten Wide Column:
|
483
|
+
> > > ##### Markdown Syntax
|
484
|
+
> > > > Inverted Very Padded Segment:
|
485
|
+
> > > > ```> Buttons:``` <br />
|
486
|
+
> > > > ```> __Button|Text:One|Standard__``` <br />
|
487
|
+
> > > > ```> __Button|Text:Two|Standard__``` <br />
|
488
|
+
> > > > ```> __Button|Text:Three|Standard__```
|
489
|
+
> >
|
490
|
+
> > <!-- -->
|
491
|
+
> >
|
492
|
+
|
493
|
+
|
494
|
+
>
|
495
|
+
> <!-- -->
|
496
|
+
>
|
497
|
+
> > Attached Segment:
|
498
|
+
> > ### Icon Buttons
|
499
|
+
> > "Buttons can exist together as a group"
|
500
|
+
>
|
501
|
+
> <!-- -->
|
502
|
+
>
|
503
|
+
> > Divided Segment Grid:
|
504
|
+
> > > HTML Top Attached Segment:
|
505
|
+
> > > > Top Attached Label:
|
506
|
+
> > > > Buttons
|
507
|
+
> >
|
508
|
+
> > <!-- -->
|
509
|
+
> >
|
510
|
+
> > > Center Aligned Six Wide Column:
|
511
|
+
> > > ##### Preview
|
512
|
+
> > > > Icon Buttons:
|
513
|
+
> > > > __Button|Icon: Align Left__
|
514
|
+
> > > > __Button|Icon: Align Center__
|
515
|
+
> > > > __Button|Icon: Align Right__
|
516
|
+
> > > > __Button|Icon: Align Justify__
|
517
|
+
> > >
|
518
|
+
> > > <!-- -->
|
519
|
+
> > >
|
520
|
+
> > > > Icon Buttons:
|
521
|
+
> > > > __Button|Icon: Bold__
|
522
|
+
> > > > __Button|Icon: Underline__
|
523
|
+
> > > > __Button|Icon: Text Width__
|
524
|
+
> >
|
525
|
+
> > <!-- -->
|
526
|
+
> >
|
527
|
+
> > > Left Aligned Ten Wide Column:
|
528
|
+
> > > ##### Markdown Syntax
|
529
|
+
> > > > Inverted Very Padded Segment:
|
530
|
+
> > > > ```> Icon Buttons:``` <br />
|
531
|
+
> > > > ```> __Button|Icon:Align Left__``` <br />
|
532
|
+
> > > > ```> __Button|Icon:Align Center__``` <br />
|
533
|
+
> > > > ```> __Button|Icon:Align Right__``` <br />
|
534
|
+
> > > > ```> __Button|Icon:Align Justify__``` <br />
|
535
|
+
> > > <br />
|
536
|
+
> > > ``` <!-- A separator is required in between two spaces -->``` <br />
|
537
|
+
> > > <br />
|
538
|
+
> > > > ```> Icon Buttons:``` <br />
|
539
|
+
> > > > ```> __Button|Icon:Bold__``` <br />
|
540
|
+
> > > > ```> __Button|Icon:Underline__``` <br />
|
541
|
+
> > > > ```> __Button|Icon:Text Width__```
|
542
|
+
> >
|
543
|
+
> > <!-- -->
|
544
|
+
> >
|
545
|
+
|
546
|
+
|
547
|
+
>
|
548
|
+
> <!-- -->
|
549
|
+
>
|
550
|
+
> > Attached Segment:
|
551
|
+
> > ### Conditionals
|
552
|
+
> > "Button groups can contain conditionals"
|
553
|
+
>
|
554
|
+
> <!-- -->
|
555
|
+
>
|
556
|
+
> > Divided Segment Grid:
|
557
|
+
> > > HTML Top Attached Segment:
|
558
|
+
> > > > Top Attached Label:
|
559
|
+
> > > > Conditionals
|
560
|
+
> >
|
561
|
+
> > <!-- -->
|
562
|
+
> >
|
563
|
+
> > > Center Aligned Six Wide Column:
|
564
|
+
> > > ##### Preview
|
565
|
+
> > > > Icon Buttons:
|
566
|
+
> > > > __Button|Text: Cancel__
|
567
|
+
> > > > __Div Tag||Or__
|
568
|
+
> > > > __Button|Text: Save|Positive__
|
569
|
+
> >
|
570
|
+
> > <!-- -->
|
571
|
+
> >
|
572
|
+
> > > Left Aligned Ten Wide Column:
|
573
|
+
> > > ##### Markdown Syntax
|
574
|
+
> > > > Inverted Very Padded Segment:
|
575
|
+
> > > > ```> Icon Buttons:``` <br />
|
576
|
+
> > > > ```> __Button|Text:Cancel__``` <br />
|
577
|
+
> > > > ```> __Div Tag||Or__``` <br />
|
578
|
+
> > > > ```> __Button|Text:Save|Positive__```
|
579
|
+
> >
|
580
|
+
> > <!-- -->
|
581
|
+
> >
|
582
|
+
> > > Center Aligned Six Wide Column:
|
583
|
+
> > > ##### Preview
|
584
|
+
> > > > Icon Buttons:
|
585
|
+
> > > > __Button|Text: un__
|
586
|
+
> > > > __Div Tag||Or|Data:Text:ou__
|
587
|
+
> > > > __Button|Text: deux|Positive__
|
588
|
+
> >
|
589
|
+
> > <!-- -->
|
590
|
+
> >
|
591
|
+
> > > Left Aligned Ten Wide Column:
|
592
|
+
> > > ##### Markdown Syntax
|
593
|
+
> > > > Inverted Very Padded Segment:
|
594
|
+
> > > > ```> Icon Buttons:``` <br />
|
595
|
+
> > > > ```> __Button|Text:un__``` <br />
|
596
|
+
> > > > ```> __Div Tag|Or|Data:Text:ou__``` <br />
|
597
|
+
> > > > ```> __Button|Text:deux|Positive__```
|
598
|
+
> >
|
599
|
+
> > <!-- -->
|
389
600
|
> >
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: markdown-ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Joel Bryan Juliano
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-07-
|
11
|
+
date: 2015-07-15 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -105,6 +105,7 @@ files:
|
|
105
105
|
- ".gitignore"
|
106
106
|
- ".travis.yml"
|
107
107
|
- CODE_OF_CONDUCT.md
|
108
|
+
- Changelog
|
108
109
|
- Gemfile
|
109
110
|
- LICENSE.txt
|
110
111
|
- README.md
|
@@ -139,9 +140,6 @@ files:
|
|
139
140
|
- lib/markdown-ui/content/list.rb
|
140
141
|
- lib/markdown-ui/content/parser.rb
|
141
142
|
- lib/markdown-ui/content/text.rb
|
142
|
-
- lib/markdown-ui/divider/element.rb
|
143
|
-
- lib/markdown-ui/divider/hidden.rb
|
144
|
-
- lib/markdown-ui/divider/standard.rb
|
145
143
|
- lib/markdown-ui/grid/column/column.rb
|
146
144
|
- lib/markdown-ui/grid/grid.rb
|
147
145
|
- lib/markdown-ui/grid/row/row.rb
|
@@ -178,6 +176,7 @@ files:
|
|
178
176
|
- lib/markdown-ui/utils/klass_util.rb
|
179
177
|
- lib/markdown-ui/version.rb
|
180
178
|
- markdown-ui.gemspec
|
179
|
+
- website/compile.sh
|
181
180
|
- website/index.html
|
182
181
|
- website/index.md
|
183
182
|
homepage: https://github.com/jjuliano/markdown-ui
|
File without changes
|
File without changes
|
File without changes
|