markdown-ui 0.1.0 → 0.1.1
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.
- 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
|
+
[](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
|