markdown-ui 0.1.15 → 0.1.16
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 +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)
|