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 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