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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 591d33b4d03097bf5b99242462f542997ecc1bfd
4
- data.tar.gz: d2b95bc4f0c1c9f551753efa078e705474d98eac
3
+ metadata.gz: 24bb4ac7c13ee4702a56e1e5e471d5bea4d7e09a
4
+ data.tar.gz: cf611f469263e38d95ba9a1c4b5117eaf44c3fc9
5
5
  SHA512:
6
- metadata.gz: 11f01d6fd6b71526f30cdf01b2135210d28ca30e15acae138bb19239d0157368e04da124ec470166f5ea3efff8b84e80db00bcb56a913fd63cacfeb705fbdab1
7
- data.tar.gz: d8dedef2931d40f51a996e0b142f9c151b65dcdb08d1c17fc59e07d92fc1e83dea2be551668a06d6e01f44c3065cde098ed083f80831279bb5868d486ec37929
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
- # MarkdownUI
1
+ [![Build Status](https://travis-ci.org/jjuliano/markdown-ui.svg)](https://travis-ci.org/jjuliano/markdown-ui)
2
+ # Markdown UI
2
3
 
3
- Write UI/UX in Markdown Syntax. See http://jjuliano.github.io/markdown-ui/
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/[my-github-username]/markdown-ui/fork )
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`)
@@ -1,3 +1,3 @@
1
1
  module MarkdownUI
2
- VERSION = "0.1.0"
2
+ VERSION = "0.1.1"
3
3
  end
@@ -0,0 +1,6 @@
1
+ #!/usr/bin/env bash
2
+
3
+ ../exe/markdown-ui index.md > index.html
4
+ rpl "#home" "http://jjuliano.github.io/markdown-ui" index.html
5
+ rpl "#github" "https://github.com/jjuliano/markdown-ui" index.html
6
+ rpl ":" ":" index.html
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="#home">Markdown UI</a>
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="#github">Github</a>
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>&gt; Pointing Menu&#xFF1A;</code>
49
+ <div class="ui inverted very padded segment">
50
+ <code>&gt; Pointing Menu:</code>
51
51
  <br />
52
- <code>&gt; [Home](#home "active")</code>
52
+ <code>&gt; [Home](#root "active")</code>
53
53
  <br />
54
54
  <code>&gt; [Messages](#messages)</code>
55
55
  <br />
56
56
  <code>&gt; [Friends](#friends)</code>
57
57
  <br />
58
- <code>&gt; &gt; Right Menu&#xFF1A;</code>
58
+ <code>&gt; &gt; Right Menu:</code>
59
59
  <br />
60
60
  <code>&gt; &gt; [Logout](#logout)</code>
61
61
  <br />
@@ -66,8 +66,12 @@
66
66
  </div>
67
67
  </div>
68
68
  <!-- -->
69
- <div class="ui attached segment"><h2 class="ui header">Installation</h2><code>gem install markdown-ui</code><h2 class="ui header">Usage</h2><code>markdown-ui index.md &gt; index.html</code><h2 class="ui header">Github</h2>
70
- github.com/jjuliano/markdown-ui</div>
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 &gt; 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&#xFF1A;Next;Icon&#xFF1A;Right Arrow__
201
+ __Animated Button|Text:Next;Icon:Right Arrow__
198
202
  </code>
199
203
  </div>
200
204
  </div>
@@ -218,9 +222,9 @@ __Animated Button|Text&#xFF1A;Next;Icon&#xFF1A;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&#xFF1A;Shop;Text&#xFF1A;Shop__
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&#xFF1A;Shop;Text&#xFF1A;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&#xFF1A;Sign-up for a Pro account;Text&#xFF1A;$12.99 a month__</code><br /> or <br />
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&#xFF1A;Shop;Text&#xFF1A;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&#xFF1A;Cloud__
276
+ __Icon Button|Icon:Cloud__
273
277
  </code>
274
278
  </div>
275
279
  </div>
@@ -293,9 +297,9 @@ __Icon Button|Icon&#xFF1A;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&#xFF1A;Pause,Text&#xFF1A;Pause__
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&#xFF1A;Pause,Text&#xFF1A;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&#xFF1A;User,Text&#xFF1A;Add Friend__
328
+ __Basic Button|Icon:User,Text:Add Friend__
325
329
  </code>
326
330
  </div>
327
331
  </div>
@@ -348,22 +352,236 @@ __Basic Button|Icon&#xFF1A;User,Text&#xFF1A;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&#xFF1A;Black|Basic Black__
354
- __Button|Text&#xFF1A;Yellow|Basic Yellow__
355
- __Button|Text&#xFF1A;Green|Basic Green__
356
- __Button|Text&#xFF1A;Blue|Basic Blue__
357
- __Button|Text&#xFF1A;Orange|Basic Orange__
358
- __Button|Text&#xFF1A;Purple|Basic Purple__
359
- __Button|Text&#xFF1A;Pink|Basic Pink__
360
- __Button|Text&#xFF1A;Red|Basic Red__
361
- __Button|Text&#xFF1A;Teal|Basic Teal__
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>&gt; Inverted Segment:</code>
402
+ <br />
403
+ <code>&gt; __Button|Text:Standard|Inverted__</code>
404
+ <br />
405
+ <code>&gt; __Button|Text:Black|Inverted Black__</code>
406
+ <br />
407
+ <code>&gt; __Button|Text:Yellow|Inverted Yellow__</code>
408
+ <br />
409
+ <code>&gt; __Button|Text:Green|Inverted Green__</code>
410
+ <br />
411
+ <code>&gt; __Button|Text:Blue|Inverted Blue__</code>
412
+ <br />
413
+ <code>&gt; __Button|Text:Orange|Inverted Orange__</code>
414
+ <br />
415
+ <code>&gt; __Button|Text:Purple|Inverted Purple__</code>
416
+ <br />
417
+ <code>&gt; __Button|Text:Pink|Inverted Pink__</code>
418
+ <br />
419
+ <code>&gt; __Button|Text:Red|Inverted Red__</code>
420
+ <br />
421
+ <code>&gt; __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>&gt; Buttons:</code>
450
+ <br />
451
+ <code>&gt; __Button|Text:One|Standard__</code>
452
+ <br />
453
+ <code>&gt; __Button|Text:Two|Standard__</code>
454
+ <br />
455
+ <code>&gt; __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>&gt; Icon Buttons:</code>
505
+ <br />
506
+ <code>&gt; __Button|Icon:Align Left__</code>
507
+ <br />
508
+ <code>&gt; __Button|Icon:Align Center__</code>
509
+ <br />
510
+ <code>&gt; __Button|Icon:Align Right__</code>
511
+ <br />
512
+ <code>&gt; __Button|Icon:Align Justify__</code>
513
+ <br />
514
+ <br />
515
+ <code>&lt;!-- A separator is required in between two spaces --&gt;</code>
516
+ <br />
517
+ <br />
518
+ <code>&gt; Icon Buttons:</code>
519
+ <br />
520
+ <code>&gt; __Button|Icon:Bold__</code>
521
+ <br />
522
+ <code>&gt; __Button|Icon:Underline__</code>
523
+ <br />
524
+ <code>&gt; __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>&gt; Icon Buttons:</code>
553
+ <br />
554
+ <code>&gt; __Button|Text:Cancel__</code>
555
+ <br />
556
+ <code>&gt; __Div Tag||Or__</code>
557
+ <br />
558
+ <code>&gt; __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>&gt; Icon Buttons:</code>
575
+ <br />
576
+ <code>&gt; __Button|Text:un__</code>
577
+ <br />
578
+ <code>&gt; __Div Tag|Or|Data:Text:ou__</code>
579
+ <br />
580
+ <code>&gt; __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](#home "active")``` <br />
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
- > > ##Github
52
- > > github.com/jjuliano/markdown-ui
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.0
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-14 00:00:00.000000000 Z
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