markdown-ui 0.1.15 → 0.1.16
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Changelog +19 -0
- data/Gemfile +3 -0
- data/README.md +37 -5
- data/TODO.md +5 -5
- data/components/elements/markdown-ui-content/lib/content/content_block.rb +19 -0
- data/components/elements/markdown-ui-content/lib/content/flag.rb +24 -0
- data/components/elements/markdown-ui-content/lib/content/header_block.rb +19 -0
- data/components/elements/markdown-ui-content/lib/content/parser.rb +2 -0
- data/components/elements/markdown-ui-content/lib/content/span_block.rb +19 -0
- data/exe/markdown-ui +5 -5
- data/lib/markdown-ui.rb +7 -1
- data/lib/markdown-ui/version.rb +1 -1
- data/website/about.html +16 -7
- data/website/about.md +13 -3
- data/website/compile.sh +6 -13
- data/website/docs/button.html +52 -43
- data/website/docs/button.md +49 -39
- data/website/docs/container.html +16 -7
- data/website/docs/container.md +13 -3
- data/website/docs/divider.html +225 -10
- data/website/docs/divider.md +202 -6
- data/website/docs/flag.html +4419 -0
- data/website/docs/flag.md +1721 -0
- data/website/docs/header.html +256 -0
- data/website/docs/header.md +220 -0
- data/website/docs/toc.html +79 -42
- data/website/docs/toc.md +71 -38
- data/website/index.html +155 -142
- data/website/index.md +111 -98
- metadata +10 -2
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
|
|
3
|
+
<html lang='en'>
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset='utf-8'>
|
|
6
|
+
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
8
|
+
|
|
9
|
+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.min.css'>
|
|
10
|
+
<script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
|
|
11
|
+
<script src='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.min.js'></script>
|
|
12
|
+
|
|
13
|
+
<!--[if lt IE 9]>
|
|
14
|
+
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
|
|
15
|
+
<![endif]-->
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/components/reset.min.css'>
|
|
19
|
+
<div class="ui container">
|
|
20
|
+
<div class="ui inverted segment">
|
|
21
|
+
<div class="ui stackable inverted container menu">
|
|
22
|
+
<a class="ui basic item" href="http://jjuliano.github.io/markdown-ui">Markdown UI</a>
|
|
23
|
+
<div class="ui stackable inverted right menu">
|
|
24
|
+
<a class="ui item" href="toc.html">Table of Contents</a>
|
|
25
|
+
<a class="ui item" href="../about.html">About</a>
|
|
26
|
+
<a class="ui item" href="https://github.com/jjuliano/markdown-ui">Github</a>
|
|
27
|
+
<a class="ui item" href="../index.html#install">Install</a>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<!-- -->
|
|
32
|
+
<div class="ui basic segment">
|
|
33
|
+
<h1 id="header" class="ui header">Header</h1>
|
|
34
|
+
<p>A header provides a short summary of content</p>
|
|
35
|
+
</div>
|
|
36
|
+
<!-- -->
|
|
37
|
+
<div class="ui basic segment">
|
|
38
|
+
<h2 id="types" class="ui dividing left aligned header">Types</h2>
|
|
39
|
+
</div>
|
|
40
|
+
<!-- -->
|
|
41
|
+
<div class="ui basic segment">
|
|
42
|
+
<h4 id="page-headers" class="ui header">Page Headers</h4>
|
|
43
|
+
<p>Headers may be oriented to give the hierarchy of a section in the context of the page</p>
|
|
44
|
+
</div>
|
|
45
|
+
<!-- -->
|
|
46
|
+
<div class="ui stackable divided segment grid">
|
|
47
|
+
<div class="ui attached segment">
|
|
48
|
+
<div class="ui top attached label">Page Headers</div>
|
|
49
|
+
</div>
|
|
50
|
+
<!-- -->
|
|
51
|
+
<div class="ui center aligned six wide column">
|
|
52
|
+
<h5 class="ui center aligned header">Preview</h5>
|
|
53
|
+
<h1 class="ui header">First Header</h1>
|
|
54
|
+
<h2 class="ui header">Second Header</h2>
|
|
55
|
+
<h3 class="ui header">Third Header</h3>
|
|
56
|
+
<h4 class="ui header">Fourth Header</h4>
|
|
57
|
+
<h5 class="ui header">Fifth Header</h5>
|
|
58
|
+
</div>
|
|
59
|
+
<!-- -->
|
|
60
|
+
<div class="ui ten wide column">
|
|
61
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
|
62
|
+
<div class="ui inverted very padded segment">
|
|
63
|
+
<code># First Header</code>
|
|
64
|
+
<br />
|
|
65
|
+
<code>## Second Header</code>
|
|
66
|
+
<br />
|
|
67
|
+
<code>### Third Header</code>
|
|
68
|
+
<br />
|
|
69
|
+
<code>#### Fourth Header</code>
|
|
70
|
+
<br />
|
|
71
|
+
<code>##### Fifth Header</code>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<!-- -->
|
|
76
|
+
<div class="ui basic segment">
|
|
77
|
+
<h4 id="page-headers" class="ui header">Content Headers</h4>
|
|
78
|
+
<p>Headers may be oriented to give the importance of a section in the context of the content that surrounds it</p>
|
|
79
|
+
</div>
|
|
80
|
+
<!-- -->
|
|
81
|
+
<div class="ui stackable divided segment grid">
|
|
82
|
+
<div class="ui attached segment">
|
|
83
|
+
<div class="ui top attached label">Content Headers</div>
|
|
84
|
+
</div>
|
|
85
|
+
<!-- -->
|
|
86
|
+
<div class="ui center aligned six wide column">
|
|
87
|
+
<h5 class="ui center aligned header">Preview</h5>
|
|
88
|
+
<div class="ui sizer vertical segment">
|
|
89
|
+
<div class="ui huge header">Huge Header</div>
|
|
90
|
+
<!-- -->
|
|
91
|
+
<div class="ui large header">Large Header</div>
|
|
92
|
+
<!-- -->
|
|
93
|
+
<div class="ui medium header">Medium Header</div>
|
|
94
|
+
<!-- -->
|
|
95
|
+
<div class="ui small header">Small Header</div>
|
|
96
|
+
<!-- -->
|
|
97
|
+
<div class="ui tiny header">Tiny Header</div>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
<!-- -->
|
|
101
|
+
<div class="ui ten wide column">
|
|
102
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
|
103
|
+
<div class="ui inverted very padded segment">
|
|
104
|
+
<code>> Sizer Vertical Segment:</code>
|
|
105
|
+
<br />
|
|
106
|
+
<code>> > Huge Header:</code>
|
|
107
|
+
<br />
|
|
108
|
+
<code>> > Huge Header</code>
|
|
109
|
+
<br />
|
|
110
|
+
<code>></code>
|
|
111
|
+
<br />
|
|
112
|
+
<code>> <!-- --></code>
|
|
113
|
+
<br />
|
|
114
|
+
<code>></code>
|
|
115
|
+
<br />
|
|
116
|
+
<code>> > Large Header:</code>
|
|
117
|
+
<br />
|
|
118
|
+
<code>> > Large Header</code>
|
|
119
|
+
<br />
|
|
120
|
+
<code>></code>
|
|
121
|
+
<br />
|
|
122
|
+
<code>> <!-- --></code>
|
|
123
|
+
<br />
|
|
124
|
+
<code>></code>
|
|
125
|
+
<br />
|
|
126
|
+
<code>> > Medium Header:</code>
|
|
127
|
+
<br />
|
|
128
|
+
<code>> > Medium Header</code>
|
|
129
|
+
<br />
|
|
130
|
+
<code>></code>
|
|
131
|
+
<br />
|
|
132
|
+
<code>> <!-- --></code>
|
|
133
|
+
<br />
|
|
134
|
+
<code>></code>
|
|
135
|
+
<br />
|
|
136
|
+
<code>> > Small Header:</code>
|
|
137
|
+
<br />
|
|
138
|
+
<code>> > Small Header</code>
|
|
139
|
+
<br />
|
|
140
|
+
<code>></code>
|
|
141
|
+
<br />
|
|
142
|
+
<code>> <!-- --></code>
|
|
143
|
+
<br />
|
|
144
|
+
<code>></code>
|
|
145
|
+
<br />
|
|
146
|
+
<code>> > Tiny Header:</code>
|
|
147
|
+
<br />
|
|
148
|
+
<code>> > Tiny Header</code>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<!-- -->
|
|
153
|
+
<div class="ui basic segment">
|
|
154
|
+
<h4 id="icon-headers" class="ui header">Icon Headers</h4>
|
|
155
|
+
<p>A header can be formatted to emphasize an icon</p>
|
|
156
|
+
</div>
|
|
157
|
+
<!-- -->
|
|
158
|
+
<div class="ui stackable divided segment grid">
|
|
159
|
+
<div class="ui attached segment">
|
|
160
|
+
<div class="ui top attached label">Icon Headers</div>
|
|
161
|
+
</div>
|
|
162
|
+
<!-- -->
|
|
163
|
+
<div class="ui center aligned six wide column">
|
|
164
|
+
<h5 class="ui center aligned header">Preview</h5>
|
|
165
|
+
<div class="ui icon header">
|
|
166
|
+
<i class="settings icon"></i>
|
|
167
|
+
<div class="ui content">Account Settings<div class="ui sub header">Manage your account settings and set e-mail preferences.</div></div>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
<!-- -->
|
|
171
|
+
<div class="ui ten wide column">
|
|
172
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
|
173
|
+
<div class="ui inverted very padded segment">
|
|
174
|
+
<code>> Icon Header:</code>
|
|
175
|
+
<br />
|
|
176
|
+
<code>> _Settings Icon_</code>
|
|
177
|
+
<br />
|
|
178
|
+
<code>> > Content:</code>
|
|
179
|
+
<br />
|
|
180
|
+
<code>> > Account Settings</code>
|
|
181
|
+
<br />
|
|
182
|
+
<code>> > > Sub Header:</code>
|
|
183
|
+
<br />
|
|
184
|
+
<code>> > > Manage your account settings and set e-mail preferences.</code>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
<!-- -->
|
|
188
|
+
<div class="ui center aligned six wide column">
|
|
189
|
+
<h5 class="ui center aligned header">Preview</h5>
|
|
190
|
+
<div class="ui center aligned icon header"><i class="circular users icon"></i>
|
|
191
|
+
Friends</div>
|
|
192
|
+
</div>
|
|
193
|
+
<!-- -->
|
|
194
|
+
<div class="ui ten wide column">
|
|
195
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
|
196
|
+
<div class="ui inverted very padded segment">
|
|
197
|
+
<code>> Center Aligned Icon Header:</code>
|
|
198
|
+
<br />
|
|
199
|
+
<code>> _Circular Users Icon_</code>
|
|
200
|
+
<br />
|
|
201
|
+
<code>> Friends</code>
|
|
202
|
+
<br />
|
|
203
|
+
</div>
|
|
204
|
+
</div>
|
|
205
|
+
</div>
|
|
206
|
+
<!-- -->
|
|
207
|
+
<div class="ui basic segment">
|
|
208
|
+
<h4 id="sub-headers" class="ui header">Sub Headers</h4>
|
|
209
|
+
<p>Headers may be formatted to label smaller or de-emphasized content.</p>
|
|
210
|
+
</div>
|
|
211
|
+
<!-- -->
|
|
212
|
+
<div class="ui stackable divided segment grid">
|
|
213
|
+
<div class="ui attached segment">
|
|
214
|
+
<div class="ui top attached label">Sub Headers</div>
|
|
215
|
+
</div>
|
|
216
|
+
<!-- -->
|
|
217
|
+
<div class="ui center aligned six wide column">
|
|
218
|
+
<h5 class="ui center aligned header">Preview</h5>
|
|
219
|
+
<div class="ui sub header">Price</div>
|
|
220
|
+
<!-- -->
|
|
221
|
+
<span class="span">$10.99</span>
|
|
222
|
+
</div>
|
|
223
|
+
<!-- -->
|
|
224
|
+
<div class="ui ten wide column">
|
|
225
|
+
<h5 class="ui header">Markdown Syntax</h5>
|
|
226
|
+
<div class="ui inverted very padded segment">
|
|
227
|
+
<code>> Sub Header:</code>
|
|
228
|
+
<br />
|
|
229
|
+
<code>> Price</code>
|
|
230
|
+
<br />
|
|
231
|
+
<code></code>
|
|
232
|
+
<br />
|
|
233
|
+
<code><!-- --></code>
|
|
234
|
+
<br />
|
|
235
|
+
<code></code>
|
|
236
|
+
<br />
|
|
237
|
+
<code>> Span:</code>
|
|
238
|
+
<br />
|
|
239
|
+
<code>> $10.99</code>
|
|
240
|
+
<br />
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
</div>
|
|
244
|
+
<!-- -->
|
|
245
|
+
<div class="ui inverted center aligned footer segment container grid">
|
|
246
|
+
<div class="ui ten wide column"><h5 class="ui inverted header">Help Preserve This Project</h5>
|
|
247
|
+
Please help Markdown-UI by means of voluntary donations, money donated to the project will benefit the project by ensuring that Markdown-UI itself will remain well supported for the foreseeable future.
|
|
248
|
+
<p></p>
|
|
249
|
+
|
|
250
|
+
<a class="ui item" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=RVL2DAA4Y6NXL"><button class="ui primary button">Donate Today</button></a>
|
|
251
|
+
<div class="ui divider"></div><a class="ui item" href="http://markdown-ui.mit-license.org">Free and Open Source (MIT)</a></div>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
254
|
+
|
|
255
|
+
</body>
|
|
256
|
+
</html>
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
> Container:
|
|
2
|
+
> > Inverted Segment:
|
|
3
|
+
> > > Stackable Inverted Container Menu:
|
|
4
|
+
> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "basic")
|
|
5
|
+
> > > > Stackable Inverted Right Menu:
|
|
6
|
+
> > > > [Table of Contents](toc.html)
|
|
7
|
+
> > > > [About](../about.html)
|
|
8
|
+
> > > > [Github](https：//github.com/jjuliano/markdown-ui)
|
|
9
|
+
> > > > [Install](../index.html#install)
|
|
10
|
+
>
|
|
11
|
+
> <!-- -->
|
|
12
|
+
> > Basic Segment:
|
|
13
|
+
> > # Header::header
|
|
14
|
+
> > "A header provides a short summary of content"
|
|
15
|
+
>
|
|
16
|
+
> <!-- -->
|
|
17
|
+
> > Basic Segment:
|
|
18
|
+
> > ## Types:Dividing Left Aligned:types
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
>
|
|
22
|
+
> <!-- -->
|
|
23
|
+
> > Basic Segment:
|
|
24
|
+
> > #### Page Headers::page-headers
|
|
25
|
+
> > "Headers may be oriented to give the hierarchy of a section in the context of the page"
|
|
26
|
+
>
|
|
27
|
+
> <!-- -->
|
|
28
|
+
> > Stackable Divided Segment Grid:
|
|
29
|
+
> > > Attached Segment:
|
|
30
|
+
> > > > Top Attached Label:
|
|
31
|
+
> > > > Page Headers
|
|
32
|
+
> >
|
|
33
|
+
> > <!-- -->
|
|
34
|
+
> > > Center Aligned Six Wide Column:
|
|
35
|
+
> > > ##### Preview:Center Aligned
|
|
36
|
+
> > > # First Header
|
|
37
|
+
> > > ## Second Header
|
|
38
|
+
> > > ### Third Header
|
|
39
|
+
> > > #### Fourth Header
|
|
40
|
+
> > > ##### Fifth Header
|
|
41
|
+
> >
|
|
42
|
+
> > <!-- -->
|
|
43
|
+
> > > Ten Wide Column:
|
|
44
|
+
> > > ##### Markdown Syntax
|
|
45
|
+
> > > > Inverted Very Padded Segment:
|
|
46
|
+
> > > > ``` # First Header ``` <br />
|
|
47
|
+
> > > > ``` ## Second Header ``` <br />
|
|
48
|
+
> > > > ``` ### Third Header ``` <br />
|
|
49
|
+
> > > > ``` #### Fourth Header ``` <br />
|
|
50
|
+
> > > > ``` ##### Fifth Header ```
|
|
51
|
+
>
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
>
|
|
55
|
+
> <!-- -->
|
|
56
|
+
> > Basic Segment:
|
|
57
|
+
> > #### Content Headers::page-headers
|
|
58
|
+
> > "Headers may be oriented to give the importance of a section in the context of the content that surrounds it"
|
|
59
|
+
>
|
|
60
|
+
> <!-- -->
|
|
61
|
+
> > Stackable Divided Segment Grid:
|
|
62
|
+
> > > Attached Segment:
|
|
63
|
+
> > > > Top Attached Label:
|
|
64
|
+
> > > > Content Headers
|
|
65
|
+
> >
|
|
66
|
+
> > <!-- -->
|
|
67
|
+
> > > Center Aligned Six Wide Column:
|
|
68
|
+
> > > ##### Preview:Center Aligned
|
|
69
|
+
> > > > Sizer Vertical Segment:
|
|
70
|
+
> > > > > Huge Header:
|
|
71
|
+
> > > > > Huge Header
|
|
72
|
+
> > > >
|
|
73
|
+
> > > > <!-- -->
|
|
74
|
+
> > > >
|
|
75
|
+
> > > > > Large Header:
|
|
76
|
+
> > > > > Large Header
|
|
77
|
+
> > > >
|
|
78
|
+
> > > > <!-- -->
|
|
79
|
+
> > > >
|
|
80
|
+
> > > > > Medium Header:
|
|
81
|
+
> > > > > Medium Header
|
|
82
|
+
> > > >
|
|
83
|
+
> > > > <!-- -->
|
|
84
|
+
> > > >
|
|
85
|
+
> > > > > Small Header:
|
|
86
|
+
> > > > > Small Header
|
|
87
|
+
> > > >
|
|
88
|
+
> > > > <!-- -->
|
|
89
|
+
> > > >
|
|
90
|
+
> > > > > Tiny Header:
|
|
91
|
+
> > > > > Tiny Header
|
|
92
|
+
|
|
93
|
+
> >
|
|
94
|
+
> > <!-- -->
|
|
95
|
+
> > > Ten Wide Column:
|
|
96
|
+
> > > ##### Markdown Syntax
|
|
97
|
+
> > > > Inverted Very Padded Segment:
|
|
98
|
+
> > > > ``` > Sizer Vertical Segment： ``` <br />
|
|
99
|
+
> > > > ``` > > Huge Header： ``` <br />
|
|
100
|
+
> > > > ``` > > Huge Header ``` <br />
|
|
101
|
+
> > > > ``` > ``` <br />
|
|
102
|
+
> > > > ``` > <!-- --> ``` <br />
|
|
103
|
+
> > > > ``` > ``` <br />
|
|
104
|
+
> > > > ``` > > Large Header： ``` <br />
|
|
105
|
+
> > > > ``` > > Large Header ``` <br />
|
|
106
|
+
> > > > ``` > ``` <br />
|
|
107
|
+
> > > > ``` > <!-- --> ``` <br />
|
|
108
|
+
> > > > ``` > ``` <br />
|
|
109
|
+
> > > > ``` > > Medium Header： ``` <br />
|
|
110
|
+
> > > > ``` > > Medium Header ``` <br />
|
|
111
|
+
> > > > ``` > ``` <br />
|
|
112
|
+
> > > > ``` > <!-- --> ``` <br />
|
|
113
|
+
> > > > ``` > ``` <br />
|
|
114
|
+
> > > > ``` > > Small Header： ``` <br />
|
|
115
|
+
> > > > ``` > > Small Header ``` <br />
|
|
116
|
+
> > > > ``` > ``` <br />
|
|
117
|
+
> > > > ``` > <!-- --> ``` <br />
|
|
118
|
+
> > > > ``` > ``` <br />
|
|
119
|
+
> > > > ``` > > Tiny Header： ``` <br />
|
|
120
|
+
> > > > ``` > > Tiny Header ```
|
|
121
|
+
>
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
>
|
|
125
|
+
> <!-- -->
|
|
126
|
+
> > Basic Segment:
|
|
127
|
+
> > #### Icon Headers::icon-headers
|
|
128
|
+
> > "A header can be formatted to emphasize an icon"
|
|
129
|
+
>
|
|
130
|
+
> <!-- -->
|
|
131
|
+
> > Stackable Divided Segment Grid:
|
|
132
|
+
> > > Attached Segment:
|
|
133
|
+
> > > > Top Attached Label:
|
|
134
|
+
> > > > Icon Headers
|
|
135
|
+
> >
|
|
136
|
+
> > <!-- -->
|
|
137
|
+
> > > Center Aligned Six Wide Column:
|
|
138
|
+
> > > ##### Preview:Center Aligned
|
|
139
|
+
> > > > Icon Header:
|
|
140
|
+
> > > > _Settings Icon_
|
|
141
|
+
> > > > > Content:
|
|
142
|
+
> > > > > Account Settings
|
|
143
|
+
> > > > > > Sub Header:
|
|
144
|
+
> > > > > > Manage your account settings and set e-mail preferences.
|
|
145
|
+
> >
|
|
146
|
+
> > <!-- -->
|
|
147
|
+
> > > Ten Wide Column:
|
|
148
|
+
> > > ##### Markdown Syntax
|
|
149
|
+
> > > > Inverted Very Padded Segment:
|
|
150
|
+
> > > > ``` > Icon Header： ``` <br />
|
|
151
|
+
> > > > ``` > _Settings Icon_ ``` <br />
|
|
152
|
+
> > > > ``` > > Content： ``` <br />
|
|
153
|
+
> > > > ``` > > Account Settings ``` <br />
|
|
154
|
+
> > > > ``` > > > Sub Header： ``` <br />
|
|
155
|
+
> > > > ``` > > > Manage your account settings and set e-mail preferences. ```
|
|
156
|
+
> >
|
|
157
|
+
> > <!-- -->
|
|
158
|
+
> > > Center Aligned Six Wide Column:
|
|
159
|
+
> > > ##### Preview:Center Aligned
|
|
160
|
+
> > > > Center Aligned Icon Header:
|
|
161
|
+
> > > > _Circular Users Icon_
|
|
162
|
+
> > > > Friends
|
|
163
|
+
> >
|
|
164
|
+
> > <!-- -->
|
|
165
|
+
> > > Ten Wide Column:
|
|
166
|
+
> > > ##### Markdown Syntax
|
|
167
|
+
> > > > Inverted Very Padded Segment:
|
|
168
|
+
> > > > ``` > Center Aligned Icon Header： ``` <br />
|
|
169
|
+
> > > > ``` > _Circular Users Icon_ ``` <br />
|
|
170
|
+
> > > > ``` > Friends ``` <br />
|
|
171
|
+
>
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
>
|
|
175
|
+
> <!-- -->
|
|
176
|
+
> > Basic Segment:
|
|
177
|
+
> > #### Sub Headers::sub-headers
|
|
178
|
+
> > "Headers may be formatted to label smaller or de-emphasized content."
|
|
179
|
+
>
|
|
180
|
+
> <!-- -->
|
|
181
|
+
> > Stackable Divided Segment Grid:
|
|
182
|
+
> > > Attached Segment:
|
|
183
|
+
> > > > Top Attached Label:
|
|
184
|
+
> > > > Sub Headers
|
|
185
|
+
> >
|
|
186
|
+
> > <!-- -->
|
|
187
|
+
> > > Center Aligned Six Wide Column:
|
|
188
|
+
> > > ##### Preview:Center Aligned
|
|
189
|
+
> > > > Sub Header:
|
|
190
|
+
> > > > Price
|
|
191
|
+
> > >
|
|
192
|
+
> > > <!-- -->
|
|
193
|
+
> > >
|
|
194
|
+
> > > > Span:
|
|
195
|
+
> > > > $10.99
|
|
196
|
+
> >
|
|
197
|
+
> > <!-- -->
|
|
198
|
+
> > > Ten Wide Column:
|
|
199
|
+
> > > ##### Markdown Syntax
|
|
200
|
+
> > > > Inverted Very Padded Segment:
|
|
201
|
+
> > > > ``` > Sub Header： ``` <br />
|
|
202
|
+
> > > > ``` > Price ``` <br />
|
|
203
|
+
> > > > ``` ``` <br />
|
|
204
|
+
> > > > ``` <!-- --> ``` <br />
|
|
205
|
+
> > > > ``` ``` <br />
|
|
206
|
+
> > > > ``` > Span： ``` <br />
|
|
207
|
+
> > > > ``` > $10.99 ``` <br />
|
|
208
|
+
>
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
>
|
|
212
|
+
> <!-- -->
|
|
213
|
+
> > Inverted Center Aligned Footer Segment Container Grid:
|
|
214
|
+
> > > Ten Wide Column:
|
|
215
|
+
> > > ##### Help Preserve This Project:Inverted
|
|
216
|
+
> > > Please help Markdown-UI by means of voluntary donations, money donated to the project will benefit the project by ensuring that Markdown-UI itself will remain well supported for the foreseeable future.
|
|
217
|
+
> > > " "
|
|
218
|
+
> > > [__Primary Button|Donate Today__](PAYPAL_BUTTON)
|
|
219
|
+
> ____
|
|
220
|
+
> > [Free and Open Source (MIT)](http：//markdown-ui.mit-license.org)
|