├── LICENSE.md
├── README.md
├── _MD_Gen.ahk
├── ahkpm.json
├── example.ahk
├── index.html
├── index.md
├── pic.jpg
├── style.css
└── test unicode emoji.txt


/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 TheArkive
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # M-ArkDown_ahk2
 2 | 
 3 | A markdown to HTML generator with a few extra features.
 4 | 
 5 | Markdown reference links/images are currently supported!
 6 | 
 7 | [Markdown Cheat Sheet](https://github.com/sk1418/markdown-cheatsheet)
 8 | 
 9 | [Main Page](https://thearkive.github.io/M-ArkDown_ahk2/)
10 | 


--------------------------------------------------------------------------------
/_MD_Gen.ahk:
--------------------------------------------------------------------------------
  1 | ; ================================================
  2 | ; Example Script - this just asks for a file and
  3 | ; uses make_html() to convert the M-ArkDown into html.
  4 | ; ================================================
  5 | 
  6 | ; file_path := FileSelect("1",A_ScriptDir '\index.md',"Select markdown file:","Markdown (*.md)")
  7 | ; If !file_path
  8 |     ; ExitApp
  9 | 
 10 | ; SplitPath file_path,,&dir,,&file_title
 11 | 
 12 | ; If FileExist(dir "\" file_title ".html")
 13 |     ; FileDelete dir "\" file_title ".html"
 14 | 
 15 | ; md_txt := FileRead(file_path)
 16 | 
 17 | ; css := FileRead("style.css")
 18 | 
 19 | ; options := {css:css
 20 |           ; , font_name:"Segoe UI"
 21 |           ; , font_size:16
 22 |           ; , font_weight:400
 23 |           ; , line_height:"1.6"} ; 1.6em - put decimals in "" for easier accuracy/handling.
 24 | 
 25 | ; html := make_html(md_txt, options, true) ; true/false = use some github elements
 26 | 
 27 | ; FileAppend html, dir "\" file_title ".html", "UTF-8"
 28 | 
 29 | ; Run dir "\" file_title ".html" ; open and test
 30 | 
 31 | ; dbg(_in) { ; AHK v2
 32 |     ; Loop Parse _in, "`n", "`r"
 33 |         ; OutputDebug "AHK: " A_LoopField
 34 | ; }
 35 | 
 36 | ; ================================================
 37 | ; make_html(_in_html, options_obj:="", github:=false)
 38 | ;
 39 | ;   Ignore the last 2 params.  Those are used internally.
 40 | ;
 41 | ;   See above for constructing the options_obj.
 42 | ;
 43 | ;   The "github" param is a work in progress, and tries to enforce some of the expected basics
 44 | ;   that are circumvented with my "flavor" of markdown.
 45 | ;
 46 | ;       Current effects when [ github := true ]:
 47 | ;           * H1 and H2 always have underline (the [underline] tag still takes effect when specified)
 48 | ;           * the '=' is not usable for making an <hr>, but --- *** and ___ still make <hr>
 49 | ;
 50 | ; ================================================
 51 | 
 52 | make_html(_in_text, options:="", github:=false, final:=true, md_type:="") {
 53 |     
 54 |     If !RegExMatch(_in_text,"[`r`n]+$") && (final) && md_type!="header" { ; add trailing CRLF if doesn't exist
 55 |         _in_text .= "`r`n"
 56 |     }
 57 |     
 58 |     html1 := "<html><head><style>`r`n"
 59 |     html2 := "`r`n</style></head>`r`n`r`n<body>"
 60 |     toc_html1 := '<div id="toc-container">'
 61 |                . '<div id="toc-icon" align="right">&#9776;</div>' ; hamburger (3 horizontal lines) icon
 62 |                . '<div id="toc-contents">'
 63 |     toc_html2 := "</div></div>" ; end toc-container and toc-contents
 64 |     html3 := '<div id="body-container"><div id="main">`r`n' ; <div id=" q "body-container" q ">
 65 |     html4 := "</div></div></body></html>" ; </div>
 66 |     
 67 |     body := ""
 68 |     toc := [], do_toc := false
 69 |     do_nav := false, nav_arr := []
 70 |     ref := Map(), ref.CaseSense := false
 71 |     foot := Map(), ref.CaseSense := false
 72 |     
 73 |     link_ico := "•" ; 🔗 •
 74 |     
 75 |     Static chk_id := 0 ; increments throughout entire document
 76 |     
 77 |     If (final)
 78 |         css := options.css
 79 |     
 80 |     a := StrSplit(_in_text,"`n","`r")
 81 |     i := 0
 82 |     
 83 |     ref_link_rgx := '^\x5B(\^)?([\w ]+)\x5D:([^"]+)(?:"([^"]+)")?'
 84 |     in_code := false, code_tag := ""
 85 |     
 86 |     While (i < a.Length) { ; parse for ref-style links and footnotes first
 87 |         i++, line := strip_comment(a[i])
 88 |         
 89 |         If !in_code && RegExMatch(line,"^(``{3,4})$",&c)
 90 |             in_code := true, code_tag := c[1] ; , msgbox("IN CODE`n`n" line "`n" a[i+1] "`n" a[i+2] "`n" a[i+3])
 91 |         
 92 |         Else If in_code && RegExMatch(line,"^(``{3,4})",&c) && c[1]=code_tag
 93 |             in_code := false, code_tag := ""
 94 |         
 95 |         If !in_code && RegExMatch(line,ref_link_rgx,&m) {
 96 |             If m[1]
 97 |                 foot[m[2]] := {link:m[3],title:m[4]}    ; foot notes
 98 |             Else
 99 |                 ref[m[2]] := {link:m[3],title:m[4]}     ; reference-style links / images
100 |         }
101 |     }
102 |     
103 |     i := 0
104 |     While (i < a.Length) { ; ( ) \x28 \x29 ; [ ] \x5B \x5D ; { } \x7B \x7D
105 |         
106 |         i++, line := a[i]
107 |         
108 |         If line="<!--debug-->"
109 |             options.debug := true
110 |         
111 |         line := strip_comment(line)
112 |         ul := "", ul2 := ""
113 |         ol := "", ol2 := "", ol_type := ""
114 |         
115 |         If RegExMatch(line,ref_link_rgx) ; skip ref-style links and footnotes
116 |             Continue
117 |         
118 |         ; If RegExMatch(line,"^<nav")
119 |             ; Continue
120 |         
121 |         If (final && line = "<toc>") {
122 |             do_toc := True
123 |             Continue
124 |         }
125 |         
126 |         While RegExMatch(line,"\\$") { ; concat lines ending in '\'
127 |             If !line_inc(line := SubStr(line,1,-1) '<br>')
128 |                 Break
129 |         }
130 |         
131 |         While (i < a.Length && RegExMatch(line,"\\$")) ; concatenate lines ending in `\` with next line
132 |             line := SubStr(line,1,-1) '<br>' strip_comment(a[++i])
133 |         
134 |         If final && RegExMatch(line, "^<nav\|") && a.Has(i+1) && (a[i+1] = "") {
135 |             do_nav := True
136 |             nav_arr := StrSplit(Trim(line,"<>"),"|")
137 |             nav_arr.RemoveAt(1)
138 |             Continue
139 |         }
140 |         
141 |         box_block := "" ; <box> ... </box>
142 |         If line="<box>" {
143 |             While (line != '</box>') {
144 |                 If !line_inc()
145 |                     Break
146 |                 box_block .= (box_block?'`r`n':'') line
147 |             }
148 |             
149 |             If (box_block = "</box>") ; skip an empty box block
150 |                 Continue
151 |             
152 |             box_block := StrReplace(box_block,'`r`n','`r`n<br>')
153 |             
154 |             body .= (body?'`r`n':'') '<div class="box">' inline_code(box_block) "</div>"
155 |         }
156 |         
157 |         code_block := "" ; code block
158 |         If RegExMatch(line,"i)^(``````)([a-z]+)?$",&n) || RegExMatch(line,"i)^(````````)([a-z]+)?$",&n) {
159 |             match := n[1]
160 |             If !line_inc()
161 |                 Break
162 |             
163 |             While (line != match) {
164 |                 code_block .= (code_block?"`r`n":"") line
165 |                 If !line_inc()
166 |                     Break
167 |             }
168 |             
169 |             If n[2] = "pp"
170 |                 code_block := prettyprint(code_block, options)
171 |             Else
172 |                 code_block := conv(code_block)
173 |             
174 |             body .= (body?"`r`n":"") "<pre><code>" code_block "</code></pre>"
175 |             Continue
176 |         }
177 |         
178 |         ; header h1 - h6
179 |         If RegExMatch(line, "^(#+) (.+?)(?:\x5B[ \t]*(\w+)[ \t]*\x5D)?$", &n) {
180 |             depth := StrLen(n[1])
181 |             , title := inline_code(Trim(n[2]," `t"))
182 |             , _class := (depth <= 2 || n[3]="underline") ? "underline" : ""
183 |             
184 |             id := rem_txt_color(title) ; remove color text code for the id
185 |             id := undo(id)
186 |             id := RegExReplace(RegExReplace(StrLower(StrReplace(id," - ","-")),"[\[\]\{\}\(\)\@\!\.]",""),"[ \.]","-")
187 |             
188 |             opener := "<h" depth (id?' id="' id '" ':'') (_class?' class="' _class '"':'') '>'
189 |             
190 |             body .= (body?"`r`n":"") opener title
191 |                   . '<a href="#' id '"><span class="link">' link_ico '</span></a>'
192 |                   . '</h' depth '>'
193 |             
194 |             toc.Push([depth, title, id])
195 |             Continue
196 |         }
197 |         
198 |         ; alt header h1 and h2
199 |         ; ------ or ======= as underline in next_line
200 |         next_line := a.Has(i+1) ? strip_comment(a[i+1]) : ""
201 |         If next_line && line && RegExMatch(next_line,"^(\-+|=+)$") {
202 |             depth := (SubStr(next_line,1,1) = "=") ? 1 : 2
203 |             
204 |             id := rem_txt_color(line) ; remove color text code for the id
205 |             id := undo(id)
206 |             id := RegExReplace(RegExReplace(StrLower(id),"[\[\]\{\}\(\)\@\!<>\|]",""),"[ \.]","-")
207 |             opener := "<h" depth ' id="' id '" class="underline">'
208 |                     
209 |             body .= (body?"`r`n":"") opener inline_code(line)
210 |                   . '<a href="#' id '"><span class="link">' link_ico '</span></a>'
211 |                   . '</h' depth '>'
212 |             
213 |             toc.Push([depth, line, id]), i++ ; increase line count to skip the ---- or ==== form next_line
214 |             Continue
215 |         }
216 |         
217 |         ; check list
218 |         If RegExMatch(line,"^\- \x5B([ xX])\x5D (.+)",&n) {
219 |             body .= (body?"`r`n":"") '<ul class="checklist">'
220 |             While RegExMatch(line,"^\- \x5B([ xX])\x5D (.+)",&n) {
221 |                 chk := (n[1]="x") ? 'checked=""' : ''
222 |                 body .= '`r`n<li><input type="checkbox" id="check' chk_id '" disabled="" ' chk '>'
223 |                                . '<label for="check' chk_id '">  ' inline_code(n[2]) '</label></li>'
224 |                 chk_id++
225 |                 If !line_inc()
226 |                     Break
227 |             }
228 |             body .= '</ul>'
229 |             Continue
230 |         }
231 |         
232 |         ; spoiler
233 |         spoiler_text := ""
234 |         If RegExMatch(line, "^<spoiler=([^>]+)>$", &match) {
235 |             disp_text := match[1]
236 |             If !line_inc()
237 |                 Break
238 |             
239 |             While !RegExMatch(line, "^</spoiler>$") {
240 |                 spoiler_text .= (spoiler_text?"`r`n":"") line
241 |                 If !line_inc()
242 |                     throw Error("No closing </spoiler> tag found.",-1)
243 |             }
244 |             
245 |             body .= (body?"`r`n":"") '<p><details><summary class="spoiler">'
246 |                   . disp_text "</summary>" make_html(spoiler_text,options,github,false,"spoiler") "</details></p>"
247 |             Continue
248 |         }
249 |         
250 |         ; hr
251 |         if RegExMatch(line, "^(\-{3,}|_{3,}|\*{3,}|={3,})(?:\x5B[ \t]*([^\x5D]+)*[ \t]*\x5D)?$", &match) {
252 |             hr_style := ""
253 |             
254 |             If match[2] {
255 |                 For i, style in StrSplit(match[2]," ","`t") {
256 |                     If (SubStr(style, -2) = "px")
257 |                         hr_style .= (hr_style?" ":"") "border-top-width: " style ";"
258 |                     Else If RegExMatch(style, "(dotted|dashed|solid|double|groove|ridge|inset|outset|none|hidden)")
259 |                         hr_style .= (hr_style?" ":"") "border-top-style: " style ";"
260 |                     Else If InStr(style,"opacity")=1
261 |                         hr_style .= (hr_style?" ":"") style ";"
262 |                     Else
263 |                         hr_style .= (hr_style?" ":"") "border-top-color: " style ";"
264 |                 }
265 |                 
266 |             } Else {
267 |                 hr_style := "opacity: 0.25;"
268 |             }
269 |             
270 |             body .= (body?"`r`n":"") '<hr style="' hr_style '">'
271 |             Continue
272 |         }
273 |         
274 |         ; blockquote
275 |         If RegExMatch(line, "^\> *(.*)") {
276 |             blockquote := ""
277 |             While RegExMatch(line, "^\> *(.*)", &match) {
278 |                 blockquote .= (blockquote?"`r`n":"") match[1]
279 |                 If !line_inc()
280 |                     Break
281 |             }
282 |             
283 |             body .= (body?"`r`n":"") "<blockquote>" make_html(blockquote,options,github, false, "blockquote") "</blockquote>"
284 |             Continue
285 |         }
286 |         
287 |         ; table
288 |         If RegExMatch(line, "^\|.*?\|$") {
289 |             table := "", lines := 0
290 |             While RegExMatch(line, "^\|.*?\|$") {
291 |                 table .= (table?"`r`n":"") line, lines++
292 |                 If !line_inc()
293 |                     Break
294 |             }
295 |             
296 |             If lines < 3
297 |                 Continue
298 |             
299 |             If (table) {
300 |                 b := [], h := [], body .= (body?"`r`n":"") '<table class="normal">'
301 |                 
302 |                 Loop Parse table, "`n", "`r"
303 |                 {
304 |                     body .= "<tr>"
305 |                     c := StrSplit(A_LoopField,"|"), c.RemoveAt(1), c.RemoveAt(c.Length)
306 |                     
307 |                     If (A_Index = 1) {
308 |                         For i, t in c { ; table headers
309 |                             txt := inline_code(Trim(t," `t")) ; , align := "center"
310 |                             If RegExMatch(txt,"^(:)?(.+?)(:)?$",&n) {
311 |                                 align := (n[1]&&n[3]) ? "center" : (n[3]) ? "right" : "left"
312 |                                 txt := n[2], h.Push([align,txt])
313 |                             } Else
314 |                                 h.Push(["",txt])
315 |                         }
316 |                         
317 |                     } Else If (A_Index = 2) {
318 |                         For i, t in c {
319 |                             align := "left" ; column alignment
320 |                             If RegExMatch(t,"^(:)?\-+(:)?$",&n)
321 |                                 align := (n[1]&&n[2]) ? "center" : (n[2]) ? "right" : "left"
322 |                             b.Push(align)
323 |                             body .= '<th align="' (h[i][1]?h[i][1]:'center') '">' h[i][2] '</th>'
324 |                         }
325 |                         
326 |                     } Else {
327 |                         For i, t in c
328 |                             body .= '<td align="' b[i]  '">' Trim(inline_code(t)," `t") '</td>'
329 |                         
330 |                     }
331 |                     body .= "</tr>"
332 |                 }
333 |                 body .= "</table>"
334 |                 Continue
335 |             }
336 |         }
337 |         
338 |         ; ordered and unordered lists
339 |         list_rgx := '^( *)'                     ; leading spaces (no tabs)
340 |                   . '([\*\+\-]|\d+(?:\.|\x29))' ; */+/- or 1. or 1)
341 |                   . '( +)'                      ; at least one more space
342 |                   . '(.+)'                      ; list content
343 |         
344 |         list := []
345 |         While RegExMatch(line,list_rgx,&n) {
346 |             itm := LT_spec(n[2])                ; bullet item ... [ -, *, +, 1., or 1) ]
347 |             tag := LT_tag(n[2])                 ; ol or ul
348 |             pre := n.Len[1]                     ; spaces before bullet item
349 |             lead := pre + n.Len[2] + n.Len[3]   ; # chars before actual list text
350 |             
351 |             txt := n[4]
352 |             While RegExMatch(txt,"\\$") && (i < a.Length) ; append lines ending in '\'
353 |                 txt := SubStr(txt,1,-1) '<br>' strip_comment(a[++i])
354 |             
355 |             list.Push({itm:t, tag:tag, pre:pre, lead:lead, txt:txt, line:n[2] ' ' txt})
356 |             
357 |             If !line_inc()
358 |                 Break
359 |         }
360 |         
361 |         d := 1 ; depth - for make_list()
362 |         err := false ; checking for poorly formatted ordered lists
363 |         While list.Length { ; add all lists, normally is one, but can be multiple
364 |             body .= '`r`n' make_list(list)
365 |             If err
366 |                 Break
367 |             Continue
368 |         }
369 |         
370 |         If list.Length {                ; if no errs in list, then list array should be blank at this point
371 |             body .= '`r`n' AtoT(list)   ; dump remaining plain text
372 |             Continue
373 |         }
374 |         
375 |         ; =======================================================================
376 |         ; ...
377 |         ; =======================================================================
378 |         
379 |         If RegExMatch(md_type,"^(ol|ul)") { ; ordered/unordered lists
380 |             body .= (body?"`r`n":"") inline_code(line)
381 |             Continue
382 |         }
383 |         
384 |         body .= (body?"`r`n":"") "<p>" inline_code(line) "</p>"
385 |     }
386 |     
387 |     ; processing toc ; try to process exact height
388 |     final_toc := "", toc_width := 0, toc_height := 0
389 |     If (Final && do_toc) {
390 |         temp := Gui()
391 |         temp.SetFont("s" options.font_size, options.font_name)
392 |         
393 |         depth := toc[1][1]
394 |         diff := (depth > 1) ? depth - 1 : 0
395 |         indent := "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
396 |         
397 |         For i, item in toc { ; 1=depth, 2=title, 3=id
398 |             depth := item[1] - diff - 1
399 |             ctl := temp.Add( "Text",, rpt("     ",depth) "• " undo(rem_txt_color(item[2])) )
400 |             ctl.GetPos(,,&w, &h)
401 |             toc_width := (w > toc_width) ? w : toc_width
402 |             toc_height += options.font_size * 2
403 |             
404 |             final_toc .= (final_toc?"`r`n":"") '<a href="#' item[3] '">'
405 |                        . '<div class="toc-item">' (depth?rpt(indent,depth):"")
406 |                        . "• " item[2] "</div></a>"
407 |         }
408 |         
409 |         temp.Destroy()
410 |     }
411 |     
412 |     ; processing navigation menu
413 |     nav_str := ""
414 |     If (final && do_nav) {
415 |         temp := Gui()
416 |         temp.SetFont("s" options.font_size, options.font_name)
417 |         
418 |         Loop nav_arr.Length {
419 |             txt := nav_arr[A_Index]
420 |             title := SubStr(txt, 1, (sep := InStr(txt, "=")) - 1)
421 |             
422 |             ctl := temp.Add("Text",,title)
423 |             ctl.GetPos(,,&w)
424 |             toc_width := (w > toc_width) ? w : toc_width
425 |             toc_height += options.font_size * 2
426 |             
427 |             nav_str .= (final_toc?"`r`n":"") '<a href="' SubStr(txt, sep+1) '" target="_blank" rel="noopener noreferrer">'
428 |                        . '<div class="toc-item">' title '</div></a>'
429 |         }
430 |         
431 |         (do_toc) ? nav_str .= "<hr>" : ""
432 |         temp.Destroy()
433 |     }
434 |     
435 |     ; processing TOC
436 |     user_menu := ""
437 |     If Final && (do_nav || do_toc)
438 |         user_menu := toc_html1 nav_str final_toc toc_html2
439 |     
440 |     If final {
441 |         If (do_nav && do_toc)
442 |             toc_height += Round(options.font_size * Float(options.line_height)) ; multiply by body line-height
443 |         
444 |         css := StrReplace(css, "[_toc_width_]",toc_width + 25) ; account for scrollbar width
445 |         css := StrReplace(css, "[_toc_height_]",Round(toc_height))
446 |         css := StrReplace(css, "[_font_name_]", options.font_name)
447 |         css := StrReplace(css, "[_font_size_]", options.font_size)
448 |         css := StrReplace(css, "[_font_weight_]", options.font_weight)
449 |         css := StrReplace(css, "[_line_height_]", Round(options.line_height,1))
450 |         
451 |         If (do_toc || do_nav)
452 |             result := html1 . css . html2 . user_menu . html3 . body . html4
453 |         Else
454 |             result := html1 . css . html2 . html3 . body . html4
455 |     } Else
456 |         result := body
457 |     
458 |     return result
459 |     
460 |     ; =======================================================================
461 |     ; Local Functions
462 |     ; =======================================================================
463 |     
464 |     ; GitHub spec for lists:
465 |     ; https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#lists
466 |     make_list(_L_) { ; o props = {itm, tag, pre, lead, txt}
467 |         _tag := _L_[1].tag, _itm := _L_[1].itm
468 |         _pre := _L_[1].pre, _lead := _L_[1].lead, t := ""
469 |         _txt := inline_code(_L_[1].txt) ; process escapes first line of list to determine optional list style
470 |         
471 |         rgx := '\x5B *(?:type=([1AaIi]|disc|circle|square|none)) *\x5D$'
472 |         If (_typ := RegExMatch(_txt,rgx,&y) ? y[1] : '')    ; if list style found ...
473 |             _L_[1].txt := RegExReplace(_L_[1].txt,rgx)      ; ... remove it after recording it
474 |         
475 |         If (_tag = 'ol')
476 |             t := (_typ) ? (' type="' _typ '"') : (' type="' ((d=1) ? '1' : (d=2) ? 'i' : 'a') '"')
477 |         Else
478 |             t := (_typ) ? (' style="list-style-type:' _typ ';"') : ''
479 |         
480 |         list_html := '<' _L_[1].tag t '>' ; GitHub list levels ... 1.  >  i.  >  a.
481 |         end_tag := '</' _L_[1].tag '>'
482 |         
483 |         _i := 0
484 |         While (_L_.Length) {
485 |             o := _L_[1]
486 |             
487 |             If (o.pre >= _lead) { ; step in on proper indent (check GitHub spec)          o.pre != _pre
488 |                 d++ ; increase depth
489 |                 If (r:=make_list(_L_)) && err         ; if ordered list isn't properly numbered return only the 'good' part of the list
490 |                     return list_html '`r`n' end_tag ; ... and quit parsing
491 |                 list_html .= r
492 |                 
493 |                 Continue
494 |             } Else If (o.pre < _pre) { ; stepping back
495 |                 d-- ; decrease depth
496 |                 return '`r`n' list_html '`r`n' end_tag
497 |             } Else If (o.tag != _tag)                   ; if changing unordered list types ...
498 |                    || (o.tag="ul" && o.itm != _itm) {   ; ... or if next bullet type (*, +, -) doesn't match previous
499 |                 d := 1 ; reset depth for new list
500 |                 return '`r`n' list_html '`r`n' end_tag  ; ... this starts a new list, according to GitHub spec
501 |             }
502 |             
503 |             _i++
504 |             
505 |             If ( o.tag = 'ol' && _i != Integer(o.itm) ) {   ; if ordered list numbers are not in sequence ...
506 |                 err := true                                 ; ... flag err and return the 'good' part of the list
507 |                 return '`r`n' list_html '`r`n' end_tag
508 |             }
509 |             
510 |             list_html .= '`r`n<li>' inline_code(o.txt) '</li>'
511 |             
512 |             _tag := o.tag, _itm := o.itm
513 |             _pre := o.pre, _lead := o.lead
514 |             _L_.RemoveAt(1)
515 |         }
516 |         
517 |         list_html .= '`r`n' end_tag
518 |         
519 |         return list_html
520 |     }
521 |     
522 |     AtoT(_a_) { ; for dumping the remaining text of a poorly formated list
523 |         _txt_ := '<p>'
524 |         For i, o in _a_
525 |             _txt_ .= ((i>1)?'<br>':'') inline_code(o.line)
526 |         return _txt_ '</p>'
527 |     }
528 |     
529 |     LT_tag(_in_) => IsInteger(t:=Trim(_in_,".)")) ? "ol" : IsAlpha(t) ? "" : "ul" ; list type
530 |     
531 |     LT_spec(_in_) => IsInteger(t:=Trim(_in_,".)")) ? Integer(t) : t
532 |     
533 |     rem_txt_color(_in_) => RegExReplace(RegExReplace(_in_,'<span style=".+?">'),"</span>")
534 |     
535 |     inline_code(_in, is_code := false) {
536 |         output := _in, check := ""
537 |         
538 |         While (check != output) { ; repeat until no changes are made
539 |             check := output
540 |             
541 |             ; inline code / inline code colors
542 |             While RegExMatch(output, "``(.+?)``", &x) {
543 |                 
544 |                 is_code := true
545 |                 
546 |                 If RegExMatch(x[1],"^\#[\da-fA-F]{3,3}$")
547 |                 || RegExMatch(x[1],"^\#[\da-fA-F]{6,6}$")
548 |                 || RegExMatch(x[1],"^rgb\(\d{1,3}, *\d{1,3}, *\d{1,3}\)$")
549 |                 || RegExMatch(x[1],"^hsl\(\d{1,3}, *\d{1,3}%, *\d{1,3}%\)$") {
550 |                     repl := '<code>' x[1] ' <span class="circle" style="background-color: ' x[1] ';'
551 |                                                                     . ' width: ' (options.font_size//2) 'px;'
552 |                                                                     . ' height: ' (options.font_size//2) 'px;'
553 |                                                                     . ' display: inline-block;'
554 |                                                                     . ' border: 2px solid ' x[1] ';'
555 |                                                                     . ' border-radius: 50%;"></span></code>'
556 |                     output := StrReplace(output, x[0], repl,,,1)
557 |                 } Else {
558 |                     repl := conv(x[1])
559 |                     output := StrReplace(output, x[0], "<code>" repl "</code>",,,1)
560 |                 }
561 |             }
562 |             
563 |             ; box <box>...</box>
564 |             While RegExMatch(output, "<box>(.+?)</box>", &x)
565 |                 output := StrReplace(output,x[0],'<span class="box">' x[1] '</span>')
566 |             
567 |             ; pretty print <pp>...</pp>
568 |             While RegExMatch(output, "<pp>(.+?)</pp>", &x)
569 |                 output := StrReplace(output,x[0],'<span style="font-family: Consolas">' prettyprint(x[1],options) '</span>')
570 |             
571 |             ; escape characters
572 |             While RegExMatch(output,"(\\)(.)",&x)
573 |                 output := StrReplace(output,x[0],"&#" Ord(x[2]) ";")
574 |             
575 |             ; colored text
576 |             While RegExMatch(output, "<c *= *#([\da-fA-F]+)>(.+?)</c>", &x) && (StrLen(x[1])=3 || StrLen(x[1])=6) && !IsInCode() {
577 |                 output := StrReplace(output, x[0], '<span style="color:#' x[1] '">' x[2] '</span>',,,1)
578 |             }
579 |             
580 |             ; image
581 |             While RegExMatch(output, "!\x5B *([^\x5D]*) *\x5D\x28 *([^\x29]+) *\x29(?:\x28 *([^\x29]+) *\x29)?", &x) && !IsInCode() {
582 |                 dims := (dm:=Trim(x[3],"()")) ? " " dm : ""
583 |                 output := StrReplace(output, x[0], '<img src="' x[2] '"' dims ' alt="' x[1] '" title="' x[1] '">',,,1)
584 |             }
585 |             
586 |             ; image reference-style
587 |             While RegExMatch(output, "!\x5B *([^\x5D]*) *\x5D\x5B *([^\x5D]+) *\x5D(?:\x28 *([^\x29]+) *\x29)?", &x)
588 |                && ref.Has(x[2]) ; ref link stored
589 |                && !IsInCode() {
590 |                 dims := x[3] ? " " x[3] : ""
591 |                 output := StrReplace(output, x[0], '<img src="' ref[x[2]].link '"' dims ' alt="' x[1] '" title="' ref[x[2]].title '">',,,1)
592 |             }
593 |             
594 |             ; link / url
595 |             While RegExMatch(output, "\x5B *([^\x5D]+) *\x5D\x28 *([^\x29]+) *\x29", &x) && !IsInCode() {
596 |                 rel := RegExMatch(x[2],"^#[\w\-]+") ? "" : 'noopener noreferrer'
597 |                 tgt := RegExMatch(x[2],"^#[\w\-]+") ? "" : '_blank'
598 |                 output := StrReplace(output, x[0], '<a href="' x[2] '" target="" rel="noopener noreferrer">' x[1] "</a>",,,1)
599 |             }
600 |             
601 |             ; link / url reference-style 1
602 |             While RegExMatch(output, "\x5B *([^\x5D]+) *\x5D\x5B *([^\x5D]+) *\x5D", &x)
603 |                && ref.Has(x[2])
604 |                && !IsInCode() {
605 |                 ; rel := 
606 |                 output := StrReplace(output, x[0]
607 |                         , '<a href="' ref[x[2]].link '" title="' ref[x[2]].title '" target="_blank" rel="noopener noreferrer">' x[1] "</a>",,,1)
608 |             }
609 |             
610 |             ; link / url reference-style 2
611 |             While RegExMatch(output, "\x5B *([^\x5D]+) *\x5D", &x)
612 |                && ref.Has(x[1])
613 |                && !IsInCode()
614 |                 output := StrReplace(output, x[0]
615 |                         , '<a href="' ref[x[1]].link '" title="' ref[x[1]].title '" target="_blank" rel="noopener noreferrer">'
616 |                         . (ref[x[1]].title?ref[x[1]].title:x[1]) "</a>",,,1)
617 |             
618 |             ; strong + emphasis (bold + italics)
619 |             While (RegExMatch(output, "(?<![\*\w])[\*]{3,3}([^\*]+)[\*]{3,3}", &x)
620 |                ||  RegExMatch(output, "(?<!\w)[\_]{3,3}([^\_]+)[\_]{3,3}", &x)) && !IsInCode() {
621 |                 output := StrReplace(output, x[0], "<em><strong>" x[1] "</strong></em>",,,1)
622 |             }
623 |             
624 |             ; strong (bold)
625 |             While (RegExMatch(output, "(?<![\*\w])[\*]{2,2}([^\*]+)[\*]{2,2}", &x)
626 |                ||  RegExMatch(output, "(?<!\w)[\_]{2,2}([^\_]+)[\_]{2,2}", &x)) && !IsInCode() {
627 |                 output := StrReplace(output, x[0], "<strong>" x[1] "</strong>",,,1)
628 |             }
629 |             
630 |             ; emphasis (italics)
631 |             While (RegExMatch(output, "(?<![\*\w])[\*]{1,1}([^\*]+)[\*]{1,1}", &x)
632 |                ||  RegExMatch(output, "(?<![\w])[\_]{1,1}([^\_]+)[\_]{1,1}", &x)) && !IsInCode() {
633 |                 output := StrReplace(output, x[0], "<em>" x[1] "</em>",,,1)
634 |             }
635 |             
636 |             ; strikethrough
637 |             While RegExMatch(output, "(?<!\w)~{2,2}([^~]+)~{2,2}", &x) && !IsInCode()
638 |                 output := StrReplace(output, x[0], "<del>" x[1] "</del>",,,1)
639 |         }
640 |         
641 |         return output
642 |         
643 |         IsInCode() => ((st := x.Pos[0]-6) < 1) ? false : RegExMatch(output,"<code> *\Q" x[0] "\E",,st) ? true : false
644 |     }
645 |     
646 |     line_inc(concat:="") {
647 |        (i < a.Length) ? (line := (concat?concat:"") strip_comment(a[++i]), result:=true) : (line := "", result:=false)
648 |         return result
649 |     }
650 |     
651 |     strip_comment(_in_) => RTrim(RegExReplace(_in_,"^(.+)<\!\-\-[^>]+\-\->","$1")," `t")
652 |     
653 |     ; conv(_in_) => StrReplace(StrReplace(StrReplace(_in_,'&','&amp;'),'<','&lt;'),'>','&gt;')
654 |     
655 |     rpt(x,y) => StrReplace(Format("{:-" y "}","")," ",x) ; string repeat ... x=str, y=iterations
656 |     
657 |     e(_) {
658 |         r := ""
659 |         For ch in StrSplit(_)
660 |             r .= ("&#x" Format("{:X}",Ord(ch)) ";")
661 |         return r
662 |     }
663 |     
664 |     conv(_) {
665 |         static chr_list := ['&','<','>','"',"'",'\',"``",'=','+','-','/','*',',',':','^','|','!','?','.','~']
666 |         For ch in chr_list
667 |             _ := StrReplace(_,ch,e(ch))
668 |         return _
669 |     }
670 | }
671 | 
672 | prettyprint(_in_, options) {
673 |     Static rgm := RegExMatch
674 |     cd := options.code
675 |     out := ""
676 |     
677 |     in_line_comment := false
678 |     in_comment := false
679 |     
680 |     in_string := false
681 |     c_str := ""
682 |     
683 |     line := ""
684 |     
685 |     i := 1, c := ""
686 |     
687 |     arr := StrSplit(_in_)
688 |     
689 |     Loop arr.Length {
690 |         
691 |         L := c ; last character
692 |         , c := arr[i]
693 |         ; , L := SubStr(line,-1)
694 |         ; , L2 := SubStr(line,-2)
695 |         ; , L3 := SubStr(line,-3)
696 |         , N := arr.Has(i+1) ? arr[i+1] : ""
697 |         
698 |         If (in_string && c!=c_str)
699 |         || (in_line_comment && c!='`n' && c!='`r')
700 |         || (in_comment && c!='/' && L!='*') {
701 |             line .= c, i++
702 |             Continue
703 |         }
704 |         
705 |         Switch c {
706 |             Case '`r', '`n':
707 |                 If in_line_comment {
708 |                     out .= span(cd.comment, conv(line) )
709 |                     line := ""
710 |                     in_line_comment := false
711 |                 }
712 |                 
713 |                 out .= conv(line) c
714 |                 line := ""
715 |                 
716 |             Case '"', "'":
717 |                 If (c_str="") {
718 |                     out .= conv(line)
719 |                     c_str := line := c
720 |                     in_string := true
721 |                     
722 |                 } Else If (c = c_str) && (L != "``") {
723 |                     out .= span(cd.str, conv(line c) )
724 |                     c_str := line := ""
725 |                     in_string := false
726 |                     
727 |                 }
728 |             
729 |             Case ';':
730 |                 out .= conv(line)
731 |                 line := c
732 |                 in_line_comment := true
733 |                 
734 |             Case '*':
735 |                 If (L='/') {
736 |                     out .= conv(SubStr(line,1,-1)), line := '/*'
737 |                     in_comment := true
738 |                     
739 |                 } Else
740 |                     line .= c
741 |             
742 |             Case '/':
743 |                 If (L='*') && in_comment {
744 |                     out .= span(cd.comment, conv(line c) )
745 |                     line := ""
746 |                     in_comment := false
747 |                     
748 |                 } Else
749 |                     line .= c
750 |             
751 |             Case '+','-','*','/','=','!','~','&','^','|','>','<','?':
752 |                 Static punct := '+-*/=!~&^|><?:'
753 |                      , rgx_math := "(>>>=|<<=|>>=|>>>|<<|>>|\^=|\&=|\x7C=|\.=|//=|/=|\*=|\-=|\+=|:=|//|\*\*|\+\+|\-\-|\*|/|\^|\!|\x7C|~)"
754 |                      , rgx_comp := "(!==|!=|~=|==|<=|>=|&&|\x7C\x7C|\?\?|:|\?|>|<|=)"
755 |                 
756 |                 If (!InStr(N,punct) && (N!="")) || (N="") {
757 |                     If RegExMatch(line c,rgx_math "$",&y) {
758 |                         out .= conv(SubStr(line c,1,y.Pos-1))
759 |                         out .= span(cd.math, conv(y[1]) )
760 |                         line := ""
761 |                     } Else If RegExMatch(line c,rgx_comp "$",&y) {
762 |                         out .= conv(SubStr(line c,1,y.Pos-1))
763 |                         out .= span(cd.compare, conv(y[1]) )
764 |                         line := ""
765 |                     } Else If (c='-' && !IsInteger(N)) || (c='+') {
766 |                         out .= conv(line) span(cd.math, c )
767 |                         line := ""
768 |                     } Else
769 |                         line .= c
770 |                 } Else
771 |                     line .= c
772 |                 
773 |             Case '(',')','[',']','{','}':
774 |                 out .= conv(line) span(cd.bc, conv(c) )
775 |                 line := ""
776 |                 
777 |             Case ',':
778 |                 out .= conv(line) span(cd.comma, c )
779 |                 line := ""
780 |                 
781 |             Case '.':
782 |                 If (IsAlnum(L) || L="_" || L=")" || L="]") && (IsAlpha(N) || N="_") {
783 |                     out .= conv(line) span(cd.objdot, conv(c) )
784 |                     line := ""
785 |                 } Else
786 |                     line .= c
787 |                 
788 |             Default:
789 |                 line .= c
790 |         }
791 |         
792 |         i++
793 |     }
794 |     
795 |     If in_line_comment {
796 |         out .= span(cd.comment, conv(line) ), line := ""
797 |     }
798 |     
799 |     out .= conv(line)
800 |     
801 |     return out
802 |     
803 |     ; conv(_in_) => StrReplace(StrReplace(StrReplace(_in_,'&','&amp;'),'<','&lt;'),'>','&gt;')
804 |     
805 |     span(_clr, _) => '<span style="color:' _clr '">' _ '</span>'
806 |     
807 |     e(_) {
808 |         r := ""
809 |         For ch in StrSplit(_)
810 |             r .= ("&#x" Format("{:X}",Ord(ch)) ";")
811 |         return r
812 |     }
813 |     
814 |     conv(_) {
815 |         static chr_list := ['&','<','>','"',"'",'\',"``",'=','+','-','/','*',',',':','^','|','!','?','.','~']
816 |         For ch in chr_list
817 |             _ := StrReplace(_,ch,e(ch))
818 |         return _
819 |     }
820 | }
821 | 
822 | convert(_) {
823 |     static chr_list := ['&','<','>','"',"'",'\',"``",'=','+','-','/','*',',',':','^','|','!','?','.','~']
824 |     For ch in chr_list
825 |         _ := StrReplace(_,ch,e(ch))
826 |     return _
827 |     
828 |     e(_) {
829 |         r := ""
830 |         For ch in StrSplit(_)
831 |             r .= ("&#x" Format("{:X}",Ord(ch)) ";")
832 |         return r
833 |     }
834 | }
835 | 
836 | undo(_) {
837 |     static chr_list := ['<','>','"',"'",'\',"``",'=','+','-','/','*',',',':','^','|','!','?','&','.','~']
838 |     For ch in chr_list
839 |         _ := StrReplace(_,e(ch),ch)
840 |     return _
841 |     
842 |     e(_) {
843 |         r := ""
844 |         For ch in StrSplit(_)
845 |             r .= ("&#x" Format("{:X}",Ord(ch)) ";")
846 |         return r
847 |     }
848 | }
849 | 
850 | 


--------------------------------------------------------------------------------
/ahkpm.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": "1.1.0",
 3 |   "description": "A special flavor of markdown for generating docs or GitHub Pages",
 4 |   "repository": "https://github.com/TheArkive/M-ArkDown_ahk2",
 5 |   "website": "https://thearkive.github.io/M-ArkDown_ahk2/",
 6 |   "license": "MIT",
 7 |   "issueTracker": "https://github.com/TheArkive/M-ArkDown_ahk2/issues",
 8 |   "include": "_MD_Gen.ahk",
 9 |   "author": {
10 |     "name": "TheArkive",
11 |     "email": "",
12 |     "website": ""
13 |   },
14 |   "scripts": {},
15 |   "dependencies": {}
16 | }


--------------------------------------------------------------------------------
/example.ahk:
--------------------------------------------------------------------------------
 1 | #Include _MD_Gen.ahk
 2 | 
 3 | dir := A_ScriptDir
 4 | 
 5 | If FileExist(A_ScriptDir "\temp.html")
 6 |     FileDelete(A_ScriptDir "\temp.html")
 7 | 
 8 | md_txt := FileRead("index.md")
 9 | 
10 | css := FileRead("style.css")
11 | 
12 | code := {comma:"#60F"
13 |        , par:"#60F" ; ()
14 |        , bk:"#60F" ; []
15 |        , bc:"#60F" ; {}
16 |        , tag:"#F00" ; <...>
17 |        , str:"#066" ; '' and ""
18 |        , math:"#06F" ; + - * / & ^ | !
19 |        , compare:"#0CF" ; && || == > < >= <=
20 |        , assign:"#06F" ; = :=
21 |        , number:"#0FF" ; not yet supported
22 |        , objdot:"#06F"
23 |        , comment:"#080"
24 |        , flat_comments:true
25 |        }
26 | 
27 | options := {css:css
28 |           , font_name:"Segoe UI"
29 |           , font_size:16
30 |           , font_weight:400
31 |           , line_height:1.6
32 |           , code:code
33 |           , debug:false}
34 | 
35 | html := make_html(md_txt, options, true) ; true/false = use some github elements
36 | 
37 | FileAppend html, A_ScriptDir "\temp.html", "UTF-8"
38 | 
39 | Run '"' A_ScriptDir '\temp.html"' ; open and test
40 | 
41 | 
42 | 
43 | dbg(_in) { ; AHK v2
44 |     Loop Parse _in, "`n", "`r"
45 |         OutputDebug "AHK: " A_LoopField
46 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <html><head><style>
   2 | :root{
   3 |     --link: #00ACAF;
   4 |     --link-hover: cyan;
   5 |     --link-special: orange;
   6 |     --link-visited: #006bcf;
   7 |     --text: #999;
   8 |     --code-txt: #DDD;
   9 |     --header: #00ACAF;
  10 |     --border: #00ACAF;
  11 |     --blockquote: #0000FF;
  12 |     --blockquote-text: #DDD;
  13 |     --row-HL: #000C67;
  14 |     --bg: #000C17;
  15 |     --bg1-5: #000C27;
  16 |     --bg2: #000C37;
  17 |     --bg3: #000C57;
  18 |     --so1: yellow;
  19 |     --so2: orange;
  20 |     --so3: red;
  21 |     --so4: magenta;
  22 |     --emphasis: #EEE; /* was #0077CC */
  23 | }
  24 | 
  25 | html, body {
  26 |     background-color: var(--bg);
  27 |     /* font-family: Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; */
  28 |     font-family: Segoe UI;
  29 |     font-size: 16px;
  30 |     font-weight: 400;
  31 | }
  32 | 
  33 | body {
  34 |     color: var(--text);
  35 |     line-height: 1.6em;
  36 | }
  37 | 
  38 | #body-container {
  39 |     width: 100%;
  40 |     height: 100%;
  41 | }
  42 | 
  43 | #main {
  44 |     max-width: 1280px;
  45 |     margin: auto;
  46 |     height: 90%;
  47 |     padding: 45px 45px;
  48 |     overflow-y: scroll;
  49 |     border-left: 1px solid var(--border);
  50 |     border-right: 1px solid var(--border);
  51 | }
  52 | 
  53 | #toc-container {
  54 |     background-color: var(--bg);
  55 |     overflow: hidden;
  56 |     position: fixed;
  57 |     display: block;
  58 |     float: right;
  59 |     right: 30px;
  60 |     top: 0px;
  61 |     width: 30px;
  62 |     height: 30px;
  63 |     border: 1px solid var(--border);
  64 |     border-radius: 3px;
  65 |     padding: 10px 10px;
  66 |     transition-duration: 0.25s;
  67 |     z-index: 10;
  68 | }
  69 | 
  70 | @media screen and (min-width: 1383px) {
  71 |     #toc-container { right: calc(50% - 640px - 25px); }
  72 | }
  73 | 
  74 | #toc-icon {
  75 |     font-size: 24px;
  76 |     padding-right: 5px;
  77 |     color: var(--link);
  78 | }
  79 | 
  80 | #toc-contents {
  81 |     overflow: hidden;
  82 |     display: none;
  83 | }
  84 | 
  85 | .toc-item {
  86 |     padding: 2px 15px;
  87 | }
  88 | 
  89 | #toc-container:hover {
  90 |     overflow-y: auto;
  91 |     width: 431px;
  92 |     /* height: initial; */
  93 |     height: 1050px;
  94 |     max-height: calc(100vh - 40px);
  95 |     transition-duration: 0.25s;
  96 | }
  97 | 
  98 | #toc-container:hover #toc-contents {
  99 |     display: block;
 100 | }
 101 | 
 102 | #toc-container:hover a {
 103 |     text-decoration: none;
 104 | }
 105 | 
 106 | #toc-container:hover .toc-item:hover {
 107 |     background-color: var(--row-HL);
 108 |     color: cyan;
 109 | }
 110 | 
 111 | a, a:link { color: var(--link); }
 112 | a:hover { color: var(--link-hover); text-decoration: underline; }
 113 | a:visited { color: var(--link); }
 114 | a:visited:hover { color: var(--link-hover); }
 115 | 
 116 | :target a:visited { color: var(--so4); }
 117 | :target a:visited:hover, :target a:visited:hover .link { color: var(--link-hover); }
 118 | :target.underline { border-color: var(--so4); }
 119 | 
 120 | img { opacity: 0.5; }
 121 | img:hover { opacity: 1; }
 122 | 
 123 | table.normal tr th { background: var(--bg3); color: var(--header); }
 124 | table.normal tr td { background: var(--bg2); }
 125 | table.normal tr th, table tr td { padding: 5px; }
 126 | table.normal tr:hover td { background: var(--row-HL); }
 127 | 
 128 | h1, h2, h3, h4, h5, h6
 129 | { font-weight:bold; color:var(--header); margin-top: 24px; margin-bottom: 0; }
 130 | 
 131 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
 132 | h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a
 133 | { text-decoration: none; }
 134 | 
 135 | h1 a .link, h2 a .link, h3 a .link, h4 a .link, h5 a .link, h6 a .link
 136 | { position: relative; float: left; margin-left: -20px; display: none; }
 137 | 
 138 | h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover
 139 | { border-color: var(--link-hover); color: var(--link-hover); }
 140 | 
 141 | h1:hover a .link, h2:hover a .link, h3:hover a .link, h4:hover a .link, h5:hover a .link, h6:hover a .link
 142 | { display: inline; }
 143 | 
 144 | .underline { border-bottom: 1px solid #00ACAF; }
 145 | h1.underline { padding-bottom: 10px; }
 146 | h2.underline { padding-bottom: 8px; }
 147 | h3.underline { padding-bottom: 6px; }
 148 | h4.underline { padding-bottom: 4px; }
 149 | h5.underline { padding-bottom: 2px; }
 150 | h1 { font-size:1.75em; padding-bottom: 10px;}
 151 | h2 { font-size:1.5em;  padding-bottom: 8px;}
 152 | h3 { font-size:1.30em; padding-bottom: 6px;}
 153 | h4 { font-size:1.15em; padding-bottom: 0px;}
 154 | h5 { font-size:1em;    padding-bottom: 0px;}
 155 | h6 { font-size:0.75em; }
 156 | 
 157 | /* em, strong { color: var(--emphasis); } */
 158 | 
 159 | strong { font-weight: 800; }
 160 | 
 161 | del { font-weight: 400; }
 162 | 
 163 | hr {
 164 |     color: transparent;
 165 |     border-top-style: solid;
 166 |     border-top-width: 4px;
 167 |     border-top-color: var(--border);
 168 | }
 169 | 
 170 | blockquote {
 171 |     border-left: 4px solid var(--blockquote);
 172 |     padding: 0 15px;
 173 |     color: var(--blockquote-text);
 174 |     margin-top: 0px;
 175 |     margin-bottom: 16px;
 176 | }
 177 | 
 178 | p { margin-bottom: 16px; margin-top: 0px; }
 179 | /* ul, ol { margin: 0; padding: 0; } */
 180 | 
 181 | pre {
 182 |     margin-top: 1.5em;
 183 |     margin-bottom: 1.5em;
 184 |     background-color: var(--b1-5);
 185 |     padding: 2px 4px;
 186 |     border: 1px solid var(--border);
 187 |     border-radius: 5px;
 188 |     font-family: Consolas;
 189 |     font-size: 16px;
 190 | }
 191 | 
 192 | code {
 193 |     color: var(--code-txt);
 194 |     margin: 0px 3px 0px 0px;
 195 |     padding: 2px 4px;
 196 |     background-color: var(--b1-5);
 197 |     border: 1px solid var(--border);
 198 |     border-radius: 5px;
 199 |     font-family: Consolas;
 200 |     font-size: 16px;
 201 |     font-weight: 100;
 202 | }
 203 | 
 204 | .box {
 205 |     color: var(--code-txt);
 206 |     margin: 0px 3px 0px 3px;
 207 |     padding: 2px 4px;
 208 |     background-color: var(--b1-5);
 209 |     border: 1px solid var(--border);
 210 |     border-radius: 5px;
 211 |     font-family: Consolas;
 212 |     font-size: 16px;
 213 |     font-weight: 100;
 214 | }
 215 | 
 216 | pre code { border:none; padding:0px; }
 217 | 
 218 | ul.checklist {
 219 |     margin: 1em 0 1em 0;
 220 |     padding: 0;
 221 |     list-style-type: none;
 222 | }
 223 | 
 224 | /* span.circle { */
 225 |     /* font-size: 1em; */
 226 |     /* margin: 0; */
 227 |     /* width: 16px; */
 228 |     /* height: 16px; */
 229 |     /* border: 1px solid; */
 230 |     /* border-radius: 50% 50%; */
 231 |     /* content:' '; */
 232 | /* } */
 233 | 
 234 | /* ul { margin: 4px 0; } */
 235 | li { margin: 0px 0; }
 236 | 
 237 | input[type="checkbox"] {
 238 |   visibility: hidden;
 239 | }
 240 | input[type="checkbox"] + label:before {
 241 |   border: 1px solid var(--border);
 242 |   border-radius: calc(16px / 5);
 243 |   content: "\00a0";
 244 |   display: inline-block;
 245 |   font: 16px/1em sans-serif;
 246 |   height: 16px;
 247 |   position: relative;
 248 |   top: -1px;
 249 |   margin-right: calc(16px / 3);
 250 |   width: 16px;
 251 | }
 252 | input[type="checkbox"]:checked + label:before {
 253 |   background: var(--bg);
 254 |   color: var(--border);
 255 |   content: "\2713";
 256 |   text-align: center;
 257 | }
 258 | 
 259 | .header-menu {
 260 |   position: fixed;
 261 |   background-color: var(--bg2);
 262 |   top: 0px;
 263 |   max-width: 1280px;
 264 |   display: inline-block; 
 265 | }
 266 | .header-menu-cell { border: none; }
 267 | .header-menu-cell {
 268 |   border-right: 1px solid var(--bg);
 269 |   padding: 10px 20px;
 270 | }
 271 | .header-menu-cell:hover {
 272 |   background-color: var(--row-HL);
 273 | }
 274 | .header-menu-cell:hover a,
 275 | .header-menu-cell a 
 276 | { text-decoration: none; }
 277 | 
 278 | .spoiler {
 279 |     color: var(--so2)
 280 | }
 281 | 
 282 | summary { margin-bottom: 16px; }
 283 | </style></head>
 284 | 
 285 | <body><div id="toc-container"><div id="toc-icon" align="right">&#9776;</div><div id="toc-contents">
 286 | <a href="https://github.com/TheArkive/M-ArkDown_ahk2" target="_blank" rel="noopener noreferrer"><div class="toc-item">Source</div></a>
 287 | <a href="https://github.com/TheArkive/M-ArkDown_ahk2/archive/refs/heads/master.zip" target="_blank" rel="noopener noreferrer"><div class="toc-item">Download</div></a>
 288 | <a href="https://www.autohotkey.com/boards/viewtopic.php?f=83&t=90150" target="_blank" rel="noopener noreferrer"><div class="toc-item">Forum Link</div></a><hr><a href="#markdown-cheatsheet"><div class="toc-item">• (M)ArkDown Cheatsheet</div></a>
 289 | <a href="#inline-code-and-code-blocks"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Inline code and Code Blocks</div></a>
 290 | <a href="#reference-style-links"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Reference-Style Links</div></a>
 291 | <a href="#emphasis-italics"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Emphasis (Italics)</div></a>
 292 | <a href="#strong-bold"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Strong (Bold)</div></a>
 293 | <a href="#emphasis-+-strong-italic-+-bold"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Emphasis + Strong (Italic + Bold)</div></a>
 294 | <a href="#bold-+-italics-nesting"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Bold + Italics nesting</div></a>
 295 | <a href="#spacing"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Spacing</div></a>
 296 | <a href="#colored-text"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• C<span style="color:#F00">o</span><span style="color:#0F0">l</span>o<span style="color:#00F">r</span>ed Text</div></a>
 297 | <a href="#colors"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Colors</div></a>
 298 | <a href="#check-lists"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Check lists</div></a>
 299 | <a href="#table-of-contents-and-navigation-code"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Table of Contents and Navigation code</div></a>
 300 | <a href="#heading-code"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Heading code</div></a>
 301 | <a href="#blockquote-code"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Blockquote code</div></a>
 302 | <a href="#images"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Images</div></a>
 303 | <a href="#horizontal-rule-&#60;hr&#62;"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Horizontal Rule &#60;hr&#62;</div></a>
 304 | <a href="#lists"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Lists</div></a>
 305 | <a href="#basic-list-formatting"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Basic List Formatting</div></a>
 306 | <a href="#ordered-list-formatting-issues"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Ordered List Formatting Issues</div></a>
 307 | <a href="#unordered-list-format"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Unordered List Format</div></a>
 308 | <a href="#nesting-lists"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Nesting Lists</div></a>
 309 | <a href="#custom-list-numbering-ordered"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Custom List Numbering (Ordered)</div></a>
 310 | <a href="#custom-list-symbol-unordered"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Custom List Symbol (Unordered)</div></a>
 311 | <a href="#tables"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Tables</div></a>
 312 | <a href="#box"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Box</div></a>
 313 | <a href="#pretty-print"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Pretty Print</div></a>
 314 | <a href="#spoiler"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Spoiler</div></a>
 315 | <a href="#thats-all-folks"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Thats all folks!</div></a>
 316 | <a href="#to-do-list:"><div class="toc-item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• To-Do List:</div></a></div></div><div id="body-container"><div id="main">
 317 | <p></p>
 318 | <h1 id="markdown-cheatsheet"  class="underline">(M)ArkDown Cheatsheet<a href="#markdown-cheatsheet"><span class="link">•</span></a></h1>
 319 | <p></p>
 320 | <p>This markdown spec has been designed to adhere to the GitHub standard of markdown, except for elements that deal with GitHub specific items, like commits, comments, etc.</p>
 321 | <p></p>
 322 | <p>A few features have been added for flexibility and convenience.</p>
 323 | <p></p>
 324 | <h2 id="inline-code-and-code-blocks"  class="underline">Inline code and Code Blocks<a href="#inline-code-and-code-blocks"><span class="link">•</span></a></h2>
 325 | <p></p>
 326 | <p>The <code>&#x5C;</code> character is used to escape any character and translate it to the corresponding HTML entity, ie. <code>&#x26;#[code];</code>.</p>
 327 | <p></p>
 328 | <p>So this &#42;text&#42; is not formatted since it has the &#95;backslash&#95; prior to the markup elements.</p>
 329 | <p></p>
 330 | <pre><code>So this &#x5C;&#x2A;text&#x5C;&#x2A; is not formatted since it has the &#x5C;_backslash&#x5C;_ prior to the markup elements&#x2E;</code></pre>
 331 | <p></p>
 332 | <p>It is not necessary to escape characters when using <code>inline code</code>.</p>
 333 | <p></p>
 334 | <pre><code>It is not necessary to escape characters when using &#x60;inline code&#x60;&#x2E;</code></pre>
 335 | <p></p>
 336 | <p>It is also not necessary to escape characters using code blocks.</p>
 337 | <p></p>
 338 | <pre><code>&#x60;&#x60;&#x60;
 339 | This is a code block&#x2E;
 340 | &#x60;&#x60;&#x60;</code></pre>
 341 | <p></p>
 342 | <p>Check out the <a href="https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax" target="" rel="noopener noreferrer">Basic writing and formatting synatx</a> on GitHub.  I used this page as a reference for how to generate the HTML, and most of the content listed on this link should work with this script.</p>
 343 | <p></p>
 344 | <h2 id="reference-style-links"  class="underline">Reference-Style Links<a href="#reference-style-links"><span class="link">•</span></a></h2>
 345 | <p></p>
 346 | <p>Reference style links and images can be put anywhere in the document, and the will not appear until used.</p>
 347 | <p></p>
 348 | <p>Create a reference-style link:</p>
 349 | <p></p>
 350 | <pre><code>[name]&#x3A; link_or_image_link &#x22;title&#x22;</code></pre>
 351 | <p></p>
 352 | <hr style="opacity: 0.25;">
 353 | <p></p>
 354 | <p>Note that there cannot be any whitespace before the <code>[name]</code>.  The <code>title</code> is put in the <em>title attribute</em> of the HTML code.  The <code>title</code> is optional.  At a minimum you must specify a reference <em>name</em>, and the <em>link</em>.</p>
 355 | <p></p>
 356 | <p>In this example, the reference links are defined at the bottom of this section, but you will not see them unless you look at the markdown document.  Defining the example reference links looks like this:</p>
 357 | <p></p>
 358 | <pre><code>[ref tag 1]&#x3A; pic&#x2E;jpg &#x22;test reference&#x2D;style image&#x22;
 359 | 
 360 | [google]&#x3A; https&#x3A;&#x2F;&#x2F;www&#x2E;google&#x2E;com &#x22;googly eyes&#x22;
 361 | 
 362 | [yahoo]&#x3A; https&#x3A;&#x2F;&#x2F;www&#x2E;yahoo&#x2E;com</code></pre>
 363 | <p></p>
 364 | <hr style="opacity: 0.25;">
 365 | <p></p>
 366 | <p>Example code:</p>
 367 | <p></p>
 368 | <pre><code>[yahoo]
 369 | 
 370 | [This is the google link][google] (&#x3C;&#x2D; hover here)
 371 | 
 372 | &#x21;[optional alt text][ref tag 1]</code></pre>
 373 | <p></p>
 374 | <p>Result:</p>
 375 | <p></p>
 376 | <p><a href=" https://www.yahoo.com" title="" target="_blank" rel="noopener noreferrer">yahoo</a></p>
 377 | <p></p>
 378 | <p><a href=" https://www.google.com " title="googly eyes" target="_blank" rel="noopener noreferrer">This is the google link</a> (<- hover here)</p>
 379 | <p></p>
 380 | <p><img src=" pic.jpg " alt="optional alt text" title="test reference-style image"> <- hover here</p>
 381 | <p></p>
 382 | <hr style="opacity: 0.25;">
 383 | <p></p>
 384 | <p>Note that when defining the url to a web page or image in a reference link, you can use relative links.</p>
 385 | <p></p>
 386 | <p>It is a best practice to not place reference link definitions inside other markdown (such as block-quotes, etc).  If you do, it may work, but unexpected things are also likely to happen.</p>
 387 | <p></p>
 388 | <p></p>
 389 | <p></p>
 390 | <p></p>
 391 | <h2 id="emphasis-italics"  class="underline">Emphasis (Italics)<a href="#emphasis-italics"><span class="link">•</span></a></h2>
 392 | <p></p>
 393 | <p>Example:</p>
 394 | <p></p>
 395 | <pre><code>&#x2A;This text has emphasis&#x2E;&#x2A;
 396 | _This text also has emphasis&#x2E;_</code></pre>
 397 | <p></p>
 398 | <p>Result:</p>
 399 | <p></p>
 400 | <p><em>This text has emphasis.</em></p>
 401 | <p><em>This text also has emphasis.</em></p>
 402 | <p></p>
 403 | <h2 id="strong-bold"  class="underline">Strong (Bold)<a href="#strong-bold"><span class="link">•</span></a></h2>
 404 | <p></p>
 405 | <p>Example:</p>
 406 | <p></p>
 407 | <pre><code>&#x2A;&#x2A;This text is strong&#x2E;&#x2A;&#x2A;
 408 | __This text is also strong&#x2E;__</code></pre>
 409 | <p></p>
 410 | <p>Result:</p>
 411 | <p></p>
 412 | <p><strong>This text is strong.</strong></p>
 413 | <p><strong>This text is also strong.</strong></p>
 414 | <p></p>
 415 | <h2 id="emphasis-+-strong-italic-+-bold"  class="underline">Emphasis + Strong (Italic + Bold)<a href="#emphasis-+-strong-italic-+-bold"><span class="link">•</span></a></h2>
 416 | <p></p>
 417 | <p>Example:</p>
 418 | <p></p>
 419 | <pre><code>&#x2A;&#x2A;&#x2A;This text has strong &#x2B; emphasis&#x2E;&#x2A;&#x2A;&#x2A;
 420 | ___This text has strong &#x2B; emphasis&#x2E;___</code></pre>
 421 | <p></p>
 422 | <p>Result:</p>
 423 | <p></p>
 424 | <p><em><strong>This text has strong + emphasis.</strong></em></p>
 425 | <p><em><strong>This text has strong + emphasis.</strong></em></p>
 426 | <p></p>
 427 | <h2 id="bold-+-italics-nesting"  class="underline">Bold + Italics nesting<a href="#bold-+-italics-nesting"><span class="link">•</span></a></h2>
 428 | <p></p>
 429 | <p>Example:</p>
 430 | <p></p>
 431 | <pre><code>You can &#x2A;also &#x2A;&#x2A;nest&#x2A;&#x2A;&#x2A; the code &#x2A;&#x2A;in a &#x2A;variety&#x2A;&#x2A;&#x2A; of different ways&#x2E;</code></pre>
 432 | <p></p>
 433 | <p>Result:</p>
 434 | <p></p>
 435 | <p>You can <em>also <strong>nest</strong></em> the code <strong>in a <em>variety</em></strong> of different ways.</p>
 436 | <p></p>
 437 | <hr style="opacity: 0.25;">
 438 | <p></p>
 439 | <p>And don't forget that starting a line with <code>&#x2A;&#x2A;&#x2A;</code> or <code>___</code> expects to end with a corresponding <code>&#x2A;&#x2A;&#x2A;</code> or <code>___</code>.</p>
 440 | <p></p>
 441 | <p>When nesting, it generally helps for readability to alternate between using <code>&#x2A;</code> and <code>_</code>, rather than using, ie. <code>&#x2A;</code> and <code>&#x2A;&#x2A;</code>, or <code>_</code> and <code>__</code>.</p>
 442 | <p></p>
 443 | <h2 id="spacing"  class="underline">Spacing<a href="#spacing"><span class="link">•</span></a></h2>
 444 | <p></p>
 445 | <p>As with regular markdown, spacing is mostly automatic.  If you want to use manual line breaks use the backslash <code>&#x5C;</code>.</p>
 446 | <p></p>
 447 | <p>Example:</p>
 448 | <p></p>
 449 | <pre><code>Testing a manual line&#x5C;
 450 | break&#x2E;</code></pre>
 451 | <p></p>
 452 | <p>Result:</p>
 453 | <p></p>
 454 | <p>Testing a manual line<br>break.</p>
 455 | <p></p>
 456 | <hr style="opacity: 0.25;">
 457 | <p></p>
 458 | <p>And without the backslash <code>&#x5C;</code> ...</p>
 459 | <p></p>
 460 | <p>Example:</p>
 461 | <p></p>
 462 | <pre><code>Testing a manual line
 463 | break (no backslash)&#x2E;</code></pre>
 464 | <p></p>
 465 | <p>Result:</p>
 466 | <p></p>
 467 | <p>Testing a manual line</p>
 468 | <p>break (no backslash).</p>
 469 | <p></p>
 470 | <hr style="opacity: 0.25;">
 471 | <p></p>
 472 | <p>You can also add additional blank lines.</p>
 473 | <p></p>
 474 | <p>Example:</p>
 475 | <p></p>
 476 | <pre><code>Here is a line with 2 blank lines beneath&#x2E;&#x5C;
 477 | &#x5C;
 478 | &#x5C;
 479 | Next visible line&#x2E;</code></pre>
 480 | <p></p>
 481 | <p>Result:</p>
 482 | <p></p>
 483 | <p>Here is a line with 2 blank lines beneath.<br><br><br>Next visible line.</p>
 484 | <p></p>
 485 | <h2 id="colored-text"  class="underline">C<span style="color:#F00">o</span><span style="color:#0F0">l</span>o<span style="color:#00F">r</span>ed Text<a href="#colored-text"><span class="link">•</span></a></h2>
 486 | <p></p>
 487 | <p>This is one of the elements that is not compatible with GitHub markdown.</p>
 488 | <p></p>
 489 | <p>Example:</p>
 490 | <p></p>
 491 | <pre><code>Here &#x3C;c&#x3D;#F08899&#x3E;is&#x3C;&#x2F;c&#x3E; &#x3C;c&#x3D;#FF0&#x3E;some&#x3C;&#x2F;c&#x3E; &#x3C;c&#x3D;#33D&#x3E;colored text&#x3C;&#x2F;c&#x3E;&#x2E;</code></pre>
 492 | <p></p>
 493 | <p>Result:</p>
 494 | <p></p>
 495 | <p>Here <span style="color:#F08899">is</span> <span style="color:#FF0">some</span> <span style="color:#33D">colored text</span>.</p>
 496 | <p></p>
 497 | <h2 id="colors"  class="underline">Colors<a href="#colors"><span class="link">•</span></a></h2>
 498 | <p></p>
 499 | <p>Example:</p>
 500 | <p></p>
 501 | <pre><code>&#x60;#00F&#x60;
 502 | &#x60;#FF0000&#x60;
 503 | &#x60;rgb(0&#x2C;255&#x2C;0)&#x60;
 504 | &#x60;hsl(25&#x2C; 100%&#x2C; 50%)&#x60;</code></pre>
 505 | <p></p>
 506 | <p>Result:</p>
 507 | <p></p>
 508 | <p><code>#00F <span class="circle" style="background-color: #00F; width: 8px; height: 8px; display: inline-block; border: 2px solid #00F; border-radius: 50%;"></span></code></p>
 509 | <p><code>#FF0000 <span class="circle" style="background-color: #FF0000; width: 8px; height: 8px; display: inline-block; border: 2px solid #FF0000; border-radius: 50%;"></span></code></p>
 510 | <p><code>rgb(0,255,0) <span class="circle" style="background-color: rgb(0,255,0); width: 8px; height: 8px; display: inline-block; border: 2px solid rgb(0,255,0); border-radius: 50%;"></span></code></p>
 511 | <p><code>hsl(25, 100%, 50%) <span class="circle" style="background-color: hsl(25, 100%, 50%); width: 8px; height: 8px; display: inline-block; border: 2px solid hsl(25, 100%, 50%); border-radius: 50%;"></span></code></p>
 512 | <p></p>
 513 | <h2 id="check-lists"  class="underline">Check lists<a href="#check-lists"><span class="link">•</span></a></h2>
 514 | <p></p>
 515 | <p>Example:</p>
 516 | <p></p>
 517 | <pre><code>Here is a checklist&#x3A;
 518 | &#x2D; [x] Checked item
 519 | &#x2D; [ ] Unchecked item
 520 | &#x2D; [x] Checked item
 521 | &#x2D; [ ] Unchecked item</code></pre>
 522 | <p></p>
 523 | <p>Result:</p>
 524 | <p></p>
 525 | <p>Here is a checklist:</p>
 526 | <ul class="checklist">
 527 | <li><input type="checkbox" id="check0" disabled="" checked=""><label for="check0">  Check item</label></li>
 528 | <li><input type="checkbox" id="check1" disabled="" ><label for="check1">  Unchecked item</label></li>
 529 | <li><input type="checkbox" id="check2" disabled="" checked=""><label for="check2">  Check item</label></li>
 530 | <li><input type="checkbox" id="check3" disabled="" ><label for="check3">  Unchecked item</label></li></ul>
 531 | <hr style="opacity: 0.25;">
 532 | <p></p>
 533 | <p>Check the included css file to see how you can customize the checkbox.  Search for <code>input[type&#x3D;&#x22;checkbox&#x22;]</code>.</p>
 534 | <p></p>
 535 | <h2 id="table-of-contents-and-navigation-code"  class="underline">Table of Contents and Navigation code<a href="#table-of-contents-and-navigation-code"><span class="link">•</span></a></h2>
 536 | <p></p>
 537 | <p></p>
 538 | <p><!--debug--></p>
 539 | <p></p>
 540 | <p>You can place the <code>&#x3C;toc&#x3E;</code> and <code>&#x3C;nav&#x7C;&#x2E;&#x2E;&#x2E;&#x3E;</code> tags anywhere in your document.</p>
 541 | <p></p>
 542 | <p>Example Code:</p>
 543 | <p></p>
 544 | <pre><code>&#x3C;toc&#x3E;
 545 | &#x3C;nav&#x7C;asdf1&#x3D;www&#x2E;google&#x2E;com&#x7C;asdf2&#x3D;www&#x2E;yahoo&#x2E;com&#x3E;</code></pre>
 546 | <p></p>
 547 | <p>You can see the toc and nav icon in the top right: <code>☰</code></p>
 548 | <p></p>
 549 | <p>This feature is not compatible with GitHub markdown.  But GitHub does the same thing automatically with an icon on the top-left of your markdown documents.</p>
 550 | <p></p>
 551 | <h2 id="heading-code"  class="underline">Heading code<a href="#heading-code"><span class="link">•</span></a></h2>
 552 | <p></p>
 553 | <p>Headings, with or without underline.  If you want automatic underline for h1 and h2 without adding <code>[underline]</code> tag, just change the css (usually setting border-bottom property is best).</p>
 554 | <p></p>
 555 | <p>For consistency with the <code>[underline]</code> tag, if you want to show brackets (<code>[]</code>) then use the <code>&#x5C;</code> to escape them.  Escaping brackets will still be compatible with GitHub markdown.</p>
 556 | <p></p>
 557 | <p>Note that the <code>[underline]</code> tag is not compatible with GitHub markdown.</p>
 558 | <p></p>
 559 | <p>Example Code:</p>
 560 | <p></p>
 561 | <pre><code>#### &#x5C;[Heading 4&#x5C;]
 562 | ##### Heading 5[underline]
 563 | ###### Heading &#x3C;6&#x3E;
 564 | 
 565 | Alt H1 (one or more &#x27;&#x3D;&#x27; below)
 566 | &#x3D;
 567 | 
 568 | Alt H2 (one or more &#x27;&#x2D;&#x27; below)
 569 | &#x2D;</code></pre>
 570 | <p></p>
 571 | <p>Result:</p>
 572 | <p></p>
 573 | <hr style="border-top-width: 2px; border-top-style: solid; border-top-color: cyan;">
 574 | <p></p>
 575 | <p><details><summary class="spoiler">Click to see Headings</summary><blockquote><h4 id="&#91;heading-4&#93;" >&#91;Heading 4&#93;<a href="#&#91;heading-4&#93;"><span class="link">•</span></a></h4>
 576 | <h5 id="heading-5"  class="underline">Heading 5<a href="#heading-5"><span class="link">•</span></a></h5>
 577 | <h6 id="heading-<6>" >Heading <6><a href="#heading-<6>"><span class="link">•</span></a></h6>
 578 | <p></p>
 579 | <h1 id="alt-h1-one-or-more-'='-below" class="underline">Alt H1 (one or more '=' below)<a href="#alt-h1-one-or-more-'='-below"><span class="link">•</span></a></h1>
 580 | <p></p>
 581 | <h2 id="alt-h2-one-or-more-'-'-below" class="underline">Alt H2 (one or more '-' below)<a href="#alt-h2-one-or-more-'-'-below"><span class="link">•</span></a></h2></blockquote></details></p>
 582 | <p></p>
 583 | <hr style="border-top-width: 2px; border-top-style: solid; border-top-color: cyan;">
 584 | <p></p>
 585 | <h2 id="blockquote-code"  class="underline">Blockquote code<a href="#blockquote-code"><span class="link">•</span></a></h2>
 586 | <p></p>
 587 | <p>Example Code:</p>
 588 | <p></p>
 589 | <pre><code>&#x3E; This is testing a blockquote&#x2E;
 590 | &#x3E;
 591 | &#x3E; [Google link](https&#x3A;&#x2F;&#x2F;www&#x2E;google&#x2E;com) &#x2F; [Yahoo link](https&#x3A;&#x2F;&#x2F;www&#x2E;yahoo&#x2E;com)</code></pre>
 592 | <p></p>
 593 | <p>Result:</p>
 594 | <p></p>
 595 | <blockquote><p>This is testing a blockquote.</p>
 596 | <p></p>
 597 | <p><a href="https://www.google.com" target="" rel="noopener noreferrer">Google link</a> / <a href="https://www.yahoo.com" target="" rel="noopener noreferrer">Yahoo link</a></p></blockquote>
 598 | <hr style="opacity: 0.25;">
 599 | <p></p>
 600 | <p>Note that you can put almost any markdown element into a blockquote, even another blockquote.</p>
 601 | <p></p>
 602 | <h2 id="images"  class="underline">Images<a href="#images"><span class="link">•</span></a></h2>
 603 | <p></p>
 604 | <p>Example:</p>
 605 | <pre><code>[&#x21;[Label 1](pic&#x2E;jpg)(width&#x3D;200)](https&#x3A;&#x2F;&#x2F;www&#x2E;google&#x2E;com)  &#x21;[Label 2](pic&#x2E;jpg)(height&#x3D;200)
 606 | 
 607 | Third pic (using reference&#x2D;style link)&#x3A;&#x5C;
 608 | &#x21;[Label 3][ref tag 1]</code></pre>
 609 | <p></p>
 610 | <p>Result:</p>
 611 | <p></p>
 612 | <p><a href="https://www.google.com" target="" rel="noopener noreferrer"><img src="pic.jpg" width=200 alt="Label 1" title="Label 1"></a>  <img src="pic.jpg" height=200 alt="Label 2" title="Label 2"></p>
 613 | <p></p>
 614 | <p>Third pic (using reference-style link):<br><img src=" pic.jpg " alt="Label 3" title="test reference-style image"></p>
 615 | <p></p>
 616 | <hr style="opacity: 0.25;">
 617 | <p></p>
 618 | <p>The 1st pic has width=200 set and is also a link.</p>
 619 | <p></p>
 620 | <p>The 2nd pic is separated by a space, and on the same line having height=200 set.  If a pic is too large/wide to fit on the same line, it will usually be put on the next line down.</p>
 621 | <p></p>
 622 | <p>The 3rd pic has no dimensions set and is full size, and is also a reference style link.  The reference link was defined above in the <a href="#reference-style-links" target="" rel="noopener noreferrer">Reference-Style Links</a> section.</p>
 623 | <p></p>
 624 | <p>The 2nd set of parenthesis to specify the dimensions is not supported with the GitHub spec.  You would need to do this with HTML.</p>
 625 | <p></p>
 626 | <h2 id="horizontal-rule-&#60;hr&#62;"  class="underline">Horizontal Rule &#60;hr&#62;<a href="#horizontal-rule-&#60;hr&#62;"><span class="link">•</span></a></h2>
 627 | <p></p>
 628 | <p>Just like regular markdown, the <code>&#x3C;hr&#x3E;</code> can be added by <code>&#x2D;&#x2D;&#x2D;</code>, <code>___</code>, and <code>&#x2A;&#x2A;&#x2A;</code> (according to the GitHub spec).  In my version of markdown you can also use <code>&#x3D;&#x3D;&#x3D;</code>.</p>
 629 | <p></p>
 630 | <p>Another extra feature, not supported in GitHub, is the ability to define the style of the <code>&#x3C;hr&#x3E;</code> with an extra <code>[style tag]</code>.  Note that each individual style must NOT have spaces, meaning the <code>opacity&#x3A;0&#x2E;5</code> must be typed without spaces within the <code>[style tag]</code>.  Other styles not listed here can also be added and will function normally, as long as the style is separated by a space and contain no spaces.</p>
 631 | <p></p>
 632 | <hr style="opacity: 0.25;">
 633 | <p></p>
 634 | <p>Example:</p>
 635 | <p></p>
 636 | <pre><code>&#x2D;&#x2D;&#x2D;
 637 | 
 638 | ___
 639 | 
 640 | &#x2A;&#x2A;&#x2A;
 641 | 
 642 | &#x2D;&#x2D;&#x2D;[red solid]
 643 | 
 644 | &#x2D;&#x2D;&#x2D;[2px red dashed opacity&#x3A;0&#x2E;25]
 645 | 
 646 | &#x3D;&#x3D;&#x3D;[4px dashed blue]
 647 | 
 648 | &#x2A;&#x2A;&#x2A;[4px double pink opacity&#x3A;0&#x2E;5]</code></pre>
 649 | <p></p>
 650 | <hr style="opacity: 0.25;">
 651 | <p></p>
 652 | <p>Result:</p>
 653 | <p></p>
 654 | <p><details><summary class="spoiler">Click to see &lt;hr&gt;</summary><p>The first 3 are the default without a <code>[tag]</code>.</p>
 655 | <p></p>
 656 | <hr style="opacity: 0.25;">
 657 | <p></p>
 658 | <hr style="opacity: 0.25;">
 659 | <p></p>
 660 | <hr style="opacity: 0.25;">
 661 | <p></p>
 662 | <p>The rest are custom.</p>
 663 | <p></p>
 664 | <hr style="border-top-color: red; border-top-style: solid;">
 665 | <p></p>
 666 | <hr style="border-top-width: 2px; border-top-color: red; border-top-style: dashed; opacity:0.25;">
 667 | <p></p>
 668 | <hr style="border-top-width: 4px; border-top-style: dashed; border-top-color: blue;">
 669 | <p></p>
 670 | <hr style="border-top-width: 4px; border-top-style: double; border-top-color: pink; opacity:0.5;"></details></p>
 671 | <p></p>
 672 | <p></p>
 673 | <p></p>
 674 | <p>Please note, that in order to show a <strong>double</strong> line you must specify a style width of at least 3px or greater to actually see both lines.</p>
 675 | <p></p>
 676 | <p>Also, in the GitHub spec, you don't make a <code>&#x3C;hr&#x3E;</code> with <code>&#x3D;&#x3D;&#x3D;</code>, unless you are making an h1 Header (see Header section).</p>
 677 | <p></p>
 678 | <h2 id="lists"  class="underline">Lists<a href="#lists"><span class="link">•</span></a></h2>
 679 | <p></p>
 680 | <h3 id="basic-list-formatting" >Basic List Formatting<a href="#basic-list-formatting"><span class="link">•</span></a></h3>
 681 | <p></p>
 682 | <p>Ordered lists use only numbers, but you can set the format to one of the following formats:</p>
 683 | <p></p>
 684 | <table class="normal"><tr></tr><tr><th align="left">Symbol</th><th align="left">Type</th></tr><tr><td align="center"><code>A&#x2C; a</code></td><td align="left">alphabetical numbering</td></tr><tr><td align="center"><code>I&#x2C; i</code></td><td align="left">Roman numeral numbering</td></tr><tr><td align="center"><code>1</code></td><td align="left">normal Arabic numbering</td></tr></table>
 685 | <p>By default, an ordered list is numbered with Arabic numbers (the numbers you are used to looking at).</p>
 686 | <p></p>
 687 | <p>Unordered lists use <code>&#x2A;</code>, <code>&#x2D;</code>, or <code>&#x2B;</code>.</p>
 688 | <p></p>
 689 | <ul>
 690 | <li>This is an</li>
 691 | <li>unordered list.</li>
 692 | </ul>
 693 | <p></p>
 694 | <p>Ordered lists use <code>1&#x2E;</code> or <code>1)</code>.</p>
 695 | <p></p>
 696 | <ol type="1">
 697 | <li>This is an</li>
 698 | <li>ordered list.</li>
 699 | </ol>
 700 | <p></p>
 701 | <hr style="opacity: 0.25;">
 702 | <p></p>
 703 | <p>Alignment is important no matter what type of list you make.  A single list can be indented, but must be indented equally for all items.  Indenting a list will not change how it is displayed.</p>
 704 | <p></p>
 705 | <p>Example:</p>
 706 | <p></p>
 707 | <pre><code>    1&#x2E; Item 1
 708 |     2&#x2E; Item 2
 709 | 
 710 | &#x2D; Item 1
 711 | &#x2D; Item 2</code></pre>
 712 | <p></p>
 713 | <p>Result:</p>
 714 | <p></p>
 715 | <ol type="1">
 716 | <li>Item 1</li>
 717 | <li>Item 2</li>
 718 | </ol>
 719 | <p></p>
 720 | <ul>
 721 | <li>Item 1</li>
 722 | <li>Item 2</li>
 723 | </ul>
 724 | <p></p>
 725 | <hr style="opacity: 0.25;">
 726 | <p></p>
 727 | <h3 id="ordered-list-formatting-issues" >Ordered List Formatting Issues<a href="#ordered-list-formatting-issues"><span class="link">•</span></a></h3>
 728 | <p></p>
 729 | <p>Note than when making an ordered list, the numbers must be sequential.</p>
 730 | <p></p>
 731 | <p>If you don't use the proper numerical sequence in an ordered list, then list parsing is halted at the point where the proper sequence is broken.</p>
 732 | <p></p>
 733 | <p>Example:</p>
 734 | <p></p>
 735 | <pre><code>1&#x2E; Item 1
 736 | 2&#x2E; Item 2
 737 | 4&#x2E; Item 3</code></pre>
 738 | <p></p>
 739 | <p>Result:</p>
 740 | <p></p>
 741 | 
 742 | <ol type="1">
 743 | <li>Item 1</li>
 744 | <li>Item 2</li>
 745 | </ol>
 746 | <p>4. Item 3</p>
 747 | <hr style="opacity: 0.25;">
 748 | <p></p>
 749 | <h3 id="unordered-list-format" >Unordered List Format<a href="#unordered-list-format"><span class="link">•</span></a></h3>
 750 | <p></p>
 751 | <p>And when making an unordered list, the symbol you use must be the same for the entire list.</p>
 752 | <p></p>
 753 | <p>If you don't do this, then the point wher the bullet symbol changes will start a new list.</p>
 754 | <p></p>
 755 | <p>Example:</p>
 756 | <p></p>
 757 | <pre><code>&#x2D; Item 1
 758 | &#x2D; Item 2
 759 | &#x2B; Item 3
 760 | &#x2B; Item 4</code></pre>
 761 | <p></p>
 762 | <p>Result:</p>
 763 | <p></p>
 764 | 
 765 | <ul>
 766 | <li>Item 1</li>
 767 | <li>Item 2</li>
 768 | </ul>
 769 | <ul>
 770 | <li>Item 3</li>
 771 | <li>Item 4</li>
 772 | </ul>
 773 | <p></p>
 774 | <hr style="opacity: 0.25;">
 775 | <p></p>
 776 | <h3 id="nesting-lists" >Nesting Lists<a href="#nesting-lists"><span class="link">•</span></a></h3>
 777 | <p></p>
 778 | <p>You can nest ordered and unordered lists in any combination, and to any depth (theoretically).  When doing so you need to ensure that the number/bullet for the nested list item starts where the list item text starts, or goes past that point.</p>
 779 | <p></p>
 780 | <p>Example:</p>
 781 | <p></p>
 782 | <pre><code>&#x2D; Item 1
 783 |   &#x2D; Item 2
 784 | 
 785 | 1&#x2E; Item 1
 786 |    1&#x2E; Item 2
 787 | 
 788 | &#x2A; Item 1        (you can indent a full 4 spaces
 789 |     &#x2A; Item 2    and go past the item text from the previous line)</code></pre>
 790 | <p></p>
 791 | <p>Result:</p>
 792 | <p></p>
 793 | <ul>
 794 | <li>Item 1</li><ul>
 795 | <li>Item 2</li>
 796 | </ul>
 797 | </ul>
 798 | <p></p>
 799 | <ol type="1">
 800 | <li>Item 1</li><ol type="i">
 801 | <li>Item 2</li>
 802 | </ol>
 803 | </ol>
 804 | <p></p>
 805 | <ul>
 806 | <li>Item 1</li><ul>
 807 | <li>Item 2</li>
 808 | </ul>
 809 | </ul>
 810 | <p></p>
 811 | <hr style="opacity: 0.25;">
 812 | <p></p>
 813 | <h3 id="custom-list-numbering-ordered" >Custom List Numbering (Ordered)<a href="#custom-list-numbering-ordered"><span class="link">•</span></a></h3>
 814 | <p></p>
 815 | <p>For ordered lists, you can define custom list types by specifying <code>[type&#x3D;&#x3F;]</code> on the first line of the list, where <code>&#x3F;</code> is <code>1</code>, <code>A</code>, <code>a</code>, <code>I</code>, or <code>i</code>.  Make sure to not put spaces around the equal sign (<code>&#x3D;</code>).</p>
 816 | <p></p>
 817 | <p>Example:</p>
 818 | <p></p>
 819 | <pre><code>1&#x2E; Item 1[type&#x3D;I]
 820 | 2&#x2E; Item 2
 821 | 3&#x2E; Item 3
 822 |     &#x2D; Item 4
 823 |     &#x2D; Item 5
 824 |     &#x2D; Item 6
 825 |         1&#x2E; Item 7[type&#x3D;A]
 826 |         2&#x2E; Item 8
 827 |         3&#x2E; Item 9
 828 | 4&#x2E; Item 10
 829 | 5&#x2E; Item 11</code></pre>
 830 | <p></p>
 831 | <p>Result:</p>
 832 | <p></p>
 833 | <ol type="I">
 834 | <li>Item 1</li>
 835 | <li>Item 2</li>
 836 | <li>Item 3</li>
 837 | <ul>
 838 | <li>Item 4</li>
 839 | <li>Item 5</li>
 840 | <li>Item 6</li>
 841 | <ol type="A">
 842 | <li>Item 7</li>
 843 | <li>Item 8</li>
 844 | <li>Item 9</li>
 845 | </ol>
 846 | </ul>
 847 | <li>Item 10</li>
 848 | <li>Item 11</li>
 849 | </ol>
 850 | <p></p>
 851 | <p>Note that the default numbering format for this script, and GitHub is as follows:</p>
 852 | <p></p>
 853 | <pre><code>1&#x2E; Item 1                   (type &#x3D; 1)  Level 1
 854 |     i&#x2E; Item 2               (type &#x3D; i)  Level 2
 855 |         a&#x2E; Item 3           (type &#x3D; a)  Level 3 and beyond &#x2E;&#x2E;&#x2E;
 856 |             &#x2E;&#x2E;&#x2E;             Type I and A (upper case) are not used by default</code></pre>
 857 | <p></p>
 858 | <p>This is not copatible with GitHub markdown.  For consistency, if you want to use <code>[</code> and <code>]</code> in your list items, escape them with <code>&#x5C;</code>, ie. <code>&#x5C;[</code> and <code>&#x5C;]</code>.</p>
 859 | <p></p>
 860 | <hr style="opacity: 0.25;">
 861 | <p></p>
 862 | <h3 id="custom-list-symbol-unordered" >Custom List Symbol (Unordered)<a href="#custom-list-symbol-unordered"><span class="link">•</span></a></h3>
 863 | <p></p>
 864 | <p>For unordered lists you can define custom bullet symbols by specifying <code>[type&#x3D;&#x3F;]</code> on the first line of the list, where <code>&#x3F;</code> is <code>disc</code>, <code>circle</code>, <code>square</code>, or <code>none</code>.</p>
 865 | <p></p>
 866 | <p>Type <code>none</code> is useful if you want to use custom symbols (ie. emojis - ✅).</p>
 867 | <p></p>
 868 | <p>Example:</p>
 869 | <p></p>
 870 | <pre><code>&#x2D; item 1 (disc) [type&#x3D;disc]
 871 |     &#x2D; item 2 (circle) [type&#x3D;circle]
 872 |         &#x2D; item 3 (square) [type&#x3D;square]
 873 |             &#x2D; ✅ item 4 (none) [type&#x3D;none]</code></pre>
 874 | <p></p>
 875 | <p>Result:</p>
 876 | <p></p>
 877 | <ul style="list-style-type:disc;">
 878 | <li>item 1 (disc) </li><ul style="list-style-type:circle;">
 879 | <li>item 2 (circle) </li><ul style="list-style-type:square;">
 880 | <li>item 3 (square) </li><ul style="list-style-type:none;">
 881 | <li>✅ item 4 (none) </li>
 882 | </ul>
 883 | </ul>
 884 | </ul>
 885 | </ul>
 886 | <p></p>
 887 | <p>Note that the default symbols for unordered lists are as follows:</p>
 888 | <p></p>
 889 | <pre><code>&#x2D; item 1            (type &#x3D; disc)   Level 1
 890 |     &#x2D; item 2        (type &#x3D; circle) Level 2
 891 |         &#x2D; item 3    (type &#x3D; square) Level 3 and beyond &#x2E;&#x2E;&#x2E;
 892 |             &#x2E;&#x2E;&#x2E;</code></pre>
 893 | <p></p>
 894 | <p>This is not copatible with GitHub markdown.  For consistency, if you want to use <code>[</code> and <code>]</code> in your list items, escape them with <code>&#x5C;</code>, ie. <code>&#x5C;[</code> and <code>&#x5C;]</code>.</p>
 895 | <p></p>
 896 | <h2 id="tables"  class="underline">Tables<a href="#tables"><span class="link">•</span></a></h2>
 897 | <p></p>
 898 | <p>Tables are the same as GitHub markdown except you can set the alignment of the headers and data separately.</p>
 899 | <p></p>
 900 | <p>Like markdown you use the colon <code>&#x3A;</code> to determine alignment: <code>right&#x3A;</code> , <code>&#x3A;center&#x3A;</code> , and <code>&#x3A;left</code> or <code>left</code> (no colon).</p>
 901 | <p></p>
 902 | <p>If you want to use a literal colon in a header you must escape it with backslash: <code>&#x5C;&#x3A;</code>.  Eescaping the <code>&#x3A;</code> is compatible with GitHub.</p>
 903 | <p></p>
 904 | <p>If you don't specify alignment for column headers, then they will use the alignment specified in the 2nd row, and if no alignment is specified, then the default center alignment will be used for column headers, just like GitHub markdown.</p>
 905 | <p></p>
 906 | <p>Column headers and data will also take most inline formatting, like <em>emphasis</em>, <strong>strong</strong>, links, and others.</p>
 907 | <p></p>
 908 | <p>Example:</p>
 909 | <p></p>
 910 | <pre><code>&#x7C;               &#x2A;right&#x5C;&#x3A;&#x2A;&#x3A;&#x7C; &#x7E;&#x7E;left&#x7E;&#x7E;             &#x7C;      center&#x5C;&#x3A;       &#x7C;
 911 | &#x7C;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x7C;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x3A;&#x7C;&#x3A;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x2D;&#x3A;&#x7C;
 912 | &#x7C;aaaaaaaaaaaaaaaaaaaa     &#x7C;bbbbbbbbbbbbbbbbbbbbbb&#x7C;ccccccccccccccccccccc&#x7C;
 913 | &#x7C;1                        &#x7C;2                     &#x7C;3                    &#x7C;
 914 | &#x7C;manual line&#x3C;br&#x3E;break     &#x7C; data2                &#x7C; data3               &#x7C;
 915 | &#x7C; [link](http&#x3A;&#x2F;&#x2F;test&#x2E;com) &#x7C; &#x2A;&#x2A;bold&#x2A;&#x2A;  &#x60;code&#x60;     &#x7C; &#x2A;emphasis&#x2A;          &#x7C;
 916 | 
 917 | The table&#x2F;columns do not have to be perfectly spaced as shown above&#x2E;</code></pre>
 918 | <p></p>
 919 | <p>Result:</p>
 920 | <p></p>
 921 | <table class="normal"><tr></tr><tr><th align="right"><em>right&#58;</em></th><th align="left"><del>left</del></th><th align="center">center&#58;</th></tr><tr><td align="left">aaaaaaaaaaaaaaaaaaaa</td><td align="right">bbbbbbbbbbbbbbbbbbbbbb</td><td align="center">ccccccccccccccccccccc</td></tr><tr><td align="left">1</td><td align="right">2</td><td align="center">3</td></tr><tr><td align="left">manual line<br>break</td><td align="right">data2</td><td align="center">data3</td></tr><tr><td align="left"><a href="http://test.com" target="" rel="noopener noreferrer">link</a></td><td align="right"><strong>bold</strong>  <code>code</code></td><td align="center"><em>emphasis</em></td></tr></table>
 922 | <h2 id="box"  class="underline">Box<a href="#box"><span class="link">•</span></a></h2>
 923 | <p></p>
 924 | <p>The <code>&#x3C;box&#x3E;&#x2E;&#x2E;&#x2E;&#x3C;&#x2F;box&#x3E;</code> tag is meant to be like a "custom code block".  If you want to display literal code/markdown then you need to use the escape character <code>&#x5C;</code>.  Other than that, any other markdown and tags covered in this implementation will be processed.  This tag will give you the border of code tags and also display the font as monospace.</p>
 925 | <p></p>
 926 | <p>The <code>&#x3C;box&#x3E;</code> tag is not compatible with GitHub markdown.</p>
 927 | <p></p>
 928 | <pre><code>This is an &#x3C;box&#x3E;&#x3C;c&#x3D;#F00F00&#x3E;&#x2A;&#x5C;&#x2A;inline&#x5C;&#x2A;&#x2A;&#x3C;&#x2F;c&#x3E; &#x3C;c&#x3D;#0F0&#x3E;__&#x5C;_&#x5C;_box&#x5C;_&#x5C;___&#x3C;&#x2F;c&#x3E;&#x3C;&#x2F;box&#x3E; tag with formatting&#x2E;
 929 | 
 930 | &#x3C;box&#x3E;
 931 | This &#x2A;is&#x2A; a &#x3C;c&#x3D;#00F&#x3E;_&#x5C;_code&#x5C;__&#x3C;&#x2F;c&#x3E; &#x3C;c&#x3D;#880&#x3E;&#x2A;&#x2A;&#x5C;&#x2A;&#x5C;&#x2A;box&#x5C;&#x2A;&#x5C;&#x2A;&#x2A;&#x2A;&#x3C;&#x2F;c&#x3E; block with &#x3C;c&#x3D;#FF0&#x3E;formatting&#x3C;&#x2F;c&#x3E;&#x2E;
 932 | 
 933 | Note the opening and closing tags must be on separate lines&#x2E;
 934 | &#x3C;&#x2F;box&#x3E;</code></pre>
 935 | <p></p>
 936 | <p>Result:</p>
 937 | <p></p>
 938 | <p>This is an <span class="box"><span style="color:#F00F00"><em>&#42;inline&#42;</em></span> <span style="color:#0F0"><strong>&#95;&#95;box&#95;&#95;</strong></span></span> tag with formatting.</p>
 939 | <p></p>
 940 | <div class="box">This <em>is</em> a <span style="color:#00F"><em>&#95;code&#95;</em></span> <span style="color:#F80"><strong>&#42;&#42;box&#42;&#42;</strong></span> block with <span style="color:#FF0">formatting</span>.
 941 | <br>
 942 | <br>Note the opening and closing tags must be on separate lines.
 943 | <br></box></div>
 944 | <p></box></p>
 945 | <p></p>
 946 | <h2 id="pretty-print"  class="underline">Pretty Print<a href="#pretty-print"><span class="link">•</span></a></h2>
 947 | <p></p>
 948 | <p>The <code>&#x3C;pp&#x3E;&#x2E;&#x2E;&#x2E;&#x3C;&#x2F;pp&#x3E;</code> tag is meant for inline pretty print.  Inline pretty print will not have a border and the text color will not be changed, but the font will be changed to monospace.</p>
 949 | <p></p>
 950 | <p>To do code block pretty print, simply add <code>pp</code> after the opening of the code block.</p>
 951 | <p></p>
 952 | <pre><code>This is &#x3C;pp&#x3E;inline(pretty&#x2C;print)&#x3C;&#x2F;pp&#x3E;&#x2E;
 953 | 
 954 | &#x60;&#x60;&#x60;pp
 955 | ; This is pretty print in a code block&#x2E;
 956 | 
 957 | class test {
 958 |     prop &#x3A;&#x3D; value
 959 | 
 960 |     method(a&#x2C; b) &#x3D;&#x3E; (a &#x2B; b)
 961 | 
 962 |     method2(c&#x2C; d) {
 963 |         return (c &#x2F; d)
 964 |     }
 965 | }
 966 | &#x60;&#x60;&#x60;</code></pre>
 967 | <p></p>
 968 | <p>Result:</p>
 969 | <p></p>
 970 | <p>This is <span style="font-family: Consolas">inline<span style="color:#60F">(</span>pretty<span style="color:#60F">,</span>print<span style="color:#60F">)</span></span>.</p>
 971 | <p></p>
 972 | <pre><code><span style="color:#080">; This is pretty print in a code block&#x2E;</span>
 973 | 
 974 | class test <span style="color:#60F">{</span>
 975 |     prop <span style="color:#06F">&#x3A;&#x3D;</span> value
 976 | 
 977 |     method<span style="color:#60F">(</span>a<span style="color:#60F">,</span> b<span style="color:#60F">)</span> <span style="color:#0CF">&#x3D;</span><span style="color:#0CF">&#x3E;</span> <span style="color:#60F">(</span>a <span style="color:#06F">+</span> b<span style="color:#60F">)</span>
 978 | 
 979 |     method2<span style="color:#60F">(</span>c<span style="color:#60F">,</span> d<span style="color:#60F">)</span> <span style="color:#60F">{</span>
 980 |         return <span style="color:#60F">(</span>c &#x2F; d<span style="color:#60F">)</span>
 981 |     <span style="color:#60F">}</span>
 982 | <span style="color:#60F">}</span></code></pre>
 983 | <p></p>
 984 | <h2 id="spoiler"  class="underline">Spoiler<a href="#spoiler"><span class="link">•</span></a></h2>
 985 | <p></p>
 986 | <p>Example:</p>
 987 | <p></p>
 988 | <pre><code>&#x3C;spoiler&#x3D;Spoiler Title&#x3E;
 989 | spoiler content &#x60;that&#x60; is &#x2A;also&#x2A; formatted &#x2A;&#x2A;and&#x2A;&#x2A; stuff&#x21;
 990 | &#x3C;&#x2F;spoiler&#x3E;</code></pre>
 991 | <p></p>
 992 | <p>Result:</p>
 993 | <p></p>
 994 | <p><details><summary class="spoiler">Spoiler Title</summary><p>spoiler content <code>that</code> is <em>also</em> formatted <strong>and</strong> stuff!</p></details></p>
 995 | <p></p>
 996 | <hr style="opacity: 0.25;">
 997 | <p></p>
 998 | <p>Sadly, this feature is not available in this form on the GitHub spec.  But you can use the following HTML to get the same effect:</p>
 999 | <p></p>
1000 | <p>Example:</p>
1001 | <p></p>
1002 | <pre><code>&#x3C;details&#x3E;
1003 | &#x3C;summary&#x3E;Spoiler Title&#x3C;&#x2F;summary&#x3E;
1004 | spoiler content &#x60;that&#x60; is &#x2A;also&#x2A; formatted &#x2A;&#x2A;and&#x2A;&#x2A; stuff&#x21;
1005 | &#x3C;&#x2F;details&#x3E;</code></pre>
1006 | <p></p>
1007 | <p>Result:</p>
1008 | <p></p>
1009 | <p><details></p>
1010 | <p><summary>Spoiler Title</summary></p>
1011 | <p>spoiler content <code>that</code> is <em>also</em> formatted <strong>and</strong> stuff!</p>
1012 | <p></details></p>
1013 | <p></p>
1014 | <p>Any markdown or HTML element can go inside a spoiler.</p>
1015 | <p></p>
1016 | <h2 id="thats-all-folks"  class="underline">Thats all folks!<a href="#thats-all-folks"><span class="link">•</span></a></h2>
1017 | <p></p>
1018 | <p>Please remember, while this version of markdown is compatible with GitHub, the "extra features" are not.</p>
1019 | <p></p>
1020 | <h2 id="to-do-list:"  class="underline">To-Do List:<a href="#to-do-list:"><span class="link">•</span></a></h2>
1021 | <p></p>
1022 | <ul>
1023 | <li>Add lots of :emojis: ?</li>
1024 | </ul>
1025 | <p></p>
1026 | <p></p></div></div></body></html>


--------------------------------------------------------------------------------
/index.md:
--------------------------------------------------------------------------------
  1 | <toc>
  2 | <nav|Source=https://github.com/TheArkive/M-ArkDown_ahk2|Download=https://github.com/TheArkive/M-ArkDown_ahk2/archive/refs/heads/master.zip|Forum Link=https://www.autohotkey.com/boards/viewtopic.php?f=83&t=90150>
  3 | 
  4 | # (M)ArkDown Cheatsheet
  5 | 
  6 | This markdown spec has been designed to adhere to the GitHub standard of markdown, except for elements that deal with GitHub specific items, like commits, comments, etc.
  7 | 
  8 | A few features have been added for flexibility and convenience.
  9 | 
 10 | ## Inline code and Code Blocks
 11 | 
 12 | The `\` character is used to escape any character and translate it to the corresponding HTML entity, ie. `&#[code];`.
 13 | 
 14 | So this \*text\* is not formatted since it has the \_backslash\_ prior to the markup elements.
 15 | 
 16 | ```
 17 | So this \*text\* is not formatted since it has the \_backslash\_ prior to the markup elements.
 18 | ```
 19 | 
 20 | It is not necessary to escape characters when using `inline code`.
 21 | 
 22 | ```
 23 | It is not necessary to escape characters when using `inline code`.
 24 | ```
 25 | 
 26 | It is also not necessary to escape characters using code blocks.
 27 | 
 28 | ````
 29 | ```
 30 | This is a code block.
 31 | ```
 32 | ````
 33 | 
 34 | Check out the [Basic writing and formatting synatx](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax) on GitHub.  I used this page as a reference for how to generate the HTML, and most of the content listed on this link should work with this script.
 35 | 
 36 | ## Reference-Style Links
 37 | 
 38 | Reference style links and images can be put anywhere in the document, and the will not appear until used.
 39 | 
 40 | Create a reference-style link:
 41 | 
 42 | ```
 43 | [name]: link_or_image_link "title"
 44 | ```
 45 | 
 46 | ------------------------
 47 | 
 48 | Note that there cannot be any whitespace before the `[name]`.  The `title` is put in the *title attribute* of the HTML code.  The `title` is optional.  At a minimum you must specify a reference *name*, and the *link*.
 49 | 
 50 | In this example, the reference links are defined at the bottom of this section, but you will not see them unless you look at the markdown document.  Defining the example reference links looks like this:
 51 | 
 52 | ```
 53 | [ref tag 1]: pic.jpg "test reference-style image"
 54 | 
 55 | [google]: https://www.google.com "googly eyes" <!-- doesn't matter where you put it-->
 56 | 
 57 | [yahoo]: https://www.yahoo.com <!-- doesn't matter where you put it-->
 58 | ```
 59 | 
 60 | ------------------------
 61 | 
 62 | Example code:
 63 | 
 64 | ```
 65 | [yahoo]
 66 | 
 67 | [This is the google link][google] (<- hover here)
 68 | 
 69 | ![optional alt text][ref tag 1]
 70 | ```
 71 | 
 72 | Result:
 73 | 
 74 | [yahoo]
 75 | 
 76 | [This is the google link][google] (<- hover here)
 77 | 
 78 | ![optional alt text][ref tag 1] <- hover here
 79 | 
 80 | ------------------------
 81 | 
 82 | Note that when defining the url to a web page or image in a reference link, you can use relative links.
 83 | 
 84 | It is a best practice to not place reference link definitions inside other markdown (such as block-quotes, etc).  If you do, it may work, but unexpected things are also likely to happen.
 85 | 
 86 | [ref tag 1]: pic.jpg "test reference-style image"
 87 | 
 88 | [google]: https://www.google.com "googly eyes" <!-- doesn't matter where you put it-->
 89 | 
 90 | [yahoo]: https://www.yahoo.com <!-- doesn't matter where you put it-->
 91 | 
 92 | ## Emphasis (Italics)
 93 | 
 94 | Example: 
 95 | 
 96 | ```
 97 | *This text has emphasis.*
 98 | _This text also has emphasis._
 99 | ```
100 | 
101 | Result:
102 | 
103 | *This text has emphasis.*
104 | _This text also has emphasis._
105 | 
106 | ## Strong (Bold)
107 | 
108 | Example:
109 | 
110 | ```
111 | **This text is strong.**
112 | __This text is also strong.__
113 | ```
114 | 
115 | Result:
116 | 
117 | **This text is strong.**
118 | __This text is also strong.__
119 | 
120 | ## Emphasis + Strong (Italic + Bold)
121 | 
122 | Example:
123 | 
124 | ```
125 | ***This text has strong + emphasis.***
126 | ___This text has strong + emphasis.___
127 | ```
128 | 
129 | Result:
130 | 
131 | ***This text has strong + emphasis.***
132 | ___This text has strong + emphasis.___
133 | 
134 | ## Bold + Italics nesting
135 | 
136 | Example:
137 | 
138 | ```
139 | You can *also **nest*** the code **in a *variety*** of different ways.
140 | ```
141 | 
142 | Result:
143 | 
144 | You can *also **nest*** the code **in a *variety*** of different ways.
145 | 
146 | ------------------------
147 | 
148 | And don't forget that starting a line with `***` or `___` expects to end with a corresponding `***` or `___`.
149 | 
150 | When nesting, it generally helps for readability to alternate between using `*` and `_`, rather than using, ie. `*` and `**`, or `_` and `__`.
151 | 
152 | ## Spacing
153 | 
154 | As with regular markdown, spacing is mostly automatic.  If you want to use manual line breaks use the backslash `\`.
155 | 
156 | Example:
157 | 
158 | ```
159 | Testing a manual line\
160 | break.
161 | ```
162 | 
163 | Result:
164 | 
165 | Testing a manual line\
166 | break.
167 | 
168 | ------------------------
169 | 
170 | And without the backslash `\` ...
171 | 
172 | Example:
173 | 
174 | ```
175 | Testing a manual line
176 | break (no backslash).
177 | ```
178 | 
179 | Result:
180 | 
181 | Testing a manual line
182 | break (no backslash).
183 | 
184 | ------------------------
185 | 
186 | You can also add additional blank lines.
187 | 
188 | Example:
189 | 
190 | ```
191 | Here is a line with 2 blank lines beneath.\
192 | \
193 | \
194 | Next visible line.
195 | ```
196 | 
197 | Result:
198 | 
199 | Here is a line with 2 blank lines beneath.\
200 | \
201 | \
202 | Next visible line.
203 | 
204 | ## C<c=#F00>o</c><c=#0F0>l</c>o<c=#00F>r</c>ed Text
205 | 
206 | This is one of the elements that is not compatible with GitHub markdown.
207 | 
208 | Example:
209 | 
210 | ```
211 | Here <c=#F08899>is</c> <c=#FF0>some</c> <c=#33D>colored text</c>.
212 | ```
213 | 
214 | Result:
215 | 
216 | Here <c=#F08899>is</c> <c=#FF0>some</c> <c=#33D>colored text</c>.
217 | 
218 | ## Colors
219 | 
220 | Example:
221 | 
222 | ```
223 | `#00F`
224 | `#FF0000`
225 | `rgb(0,255,0)`
226 | `hsl(25, 100%, 50%)`
227 | ```
228 | 
229 | Result:
230 | 
231 | `#00F`
232 | `#FF0000`
233 | `rgb(0,255,0)`
234 | `hsl(25, 100%, 50%)`
235 | 
236 | ## Check lists
237 | 
238 | Example:
239 | 
240 | ```
241 | Here is a checklist:
242 | - [x] Checked item
243 | - [ ] Unchecked item
244 | - [x] Checked item
245 | - [ ] Unchecked item
246 | ```
247 | 
248 | Result:
249 | 
250 | Here is a checklist:
251 | - [x] Check item
252 | - [ ] Unchecked item
253 | - [x] Check item
254 | - [ ] Unchecked item
255 | 
256 | ----------------------
257 | 
258 | Check the included css file to see how you can customize the checkbox.  Search for `input[type="checkbox"]`.
259 | 
260 | ## Table of Contents and Navigation code
261 | 
262 | 
263 | <!--debug-->
264 | 
265 | You can place the `<toc>` and `<nav|...>` tags anywhere in your document.
266 | 
267 | Example Code:
268 | 
269 | ```
270 | <toc>
271 | <nav|asdf1=www.google.com|asdf2=www.yahoo.com>
272 | ```
273 | 
274 | You can see the toc and nav icon in the top right: `☰`
275 | 
276 | This feature is not compatible with GitHub markdown.  But GitHub does the same thing automatically with an icon on the top-left of your markdown documents.
277 | 
278 | ## Heading code
279 | 
280 | Headings, with or without underline.  If you want automatic underline for h1 and h2 without adding `[underline]` tag, just change the css (usually setting border-bottom property is best).
281 | 
282 | For consistency with the `[underline]` tag, if you want to show brackets (`[]`) then use the `\` to escape them.  Escaping brackets will still be compatible with GitHub markdown.
283 | 
284 | Note that the `[underline]` tag is not compatible with GitHub markdown.
285 | 
286 | Example Code:
287 | 
288 | ```
289 | #### \[Heading 4\]
290 | ##### Heading 5[underline]
291 | ###### Heading <6>
292 | 
293 | Alt H1 (one or more '=' below)
294 | =
295 | 
296 | Alt H2 (one or more '-' below)
297 | -
298 | ```
299 | 
300 | Result:
301 | 
302 | ---[2px solid cyan]
303 | 
304 | <spoiler=Click to see Headings>
305 | > #### \[Heading 4\]
306 | > ##### Heading 5[underline]
307 | > ###### Heading <6>
308 | > 
309 | > Alt H1 (one or more '=' below)
310 | > =
311 | > 
312 | > Alt H2 (one or more '-' below)
313 | > -
314 | </spoiler>
315 | 
316 | ---[2px solid cyan]
317 | 
318 | ## Blockquote code
319 | 
320 | Example Code:
321 | 
322 | ```
323 | > This is testing a blockquote.
324 | >
325 | > [Google link](https://www.google.com) / [Yahoo link](https://www.yahoo.com)
326 | ```
327 | 
328 | Result:
329 | 
330 | > This is testing a blockquote.
331 | >
332 | > [Google link](https://www.google.com) / [Yahoo link](https://www.yahoo.com)
333 | 
334 | --------------------------------------------------
335 | 
336 | Note that you can put almost any markdown element into a blockquote, even another blockquote.
337 | 
338 | ## Images
339 | 
340 | Example:
341 | ```
342 | [![Label 1](pic.jpg)(width=200)](https://www.google.com)  ![Label 2](pic.jpg)(height=200)
343 | 
344 | Third pic (using reference-style link):\
345 | ![Label 3][ref tag 1]
346 | ```
347 | 
348 | Result:
349 | 
350 | [![Label 1](pic.jpg)(width=200)](https://www.google.com)  ![Label 2](pic.jpg)(height=200)
351 | 
352 | Third pic (using reference-style link):\
353 | ![Label 3][ref tag 1]
354 | 
355 | --------------------------------------------------
356 | 
357 | The 1st pic has width=200 set and is also a link.
358 | 
359 | The 2nd pic is separated by a space, and on the same line having height=200 set.  If a pic is too large/wide to fit on the same line, it will usually be put on the next line down.
360 | 
361 | The 3rd pic has no dimensions set and is full size, and is also a reference style link.  The reference link was defined above in the [Reference-Style Links](#reference-style-links) section.
362 | 
363 | The 2nd set of parenthesis to specify the dimensions is not supported with the GitHub spec.  You would need to do this with HTML.
364 | 
365 | ## Horizontal Rule \<hr\>
366 | 
367 | Just like regular markdown, the `<hr>` can be added by `---`, `___`, and `***` (according to the GitHub spec).  In my version of markdown you can also use `===`.
368 | 
369 | Another extra feature, not supported in GitHub, is the ability to define the style of the `<hr>` with an extra `[style tag]`.  Note that each individual style must NOT have spaces, meaning the `opacity:0.5` must be typed without spaces within the `[style tag]`.  Other styles not listed here can also be added and will function normally, as long as the style is separated by a space and contain no spaces.
370 | 
371 | --------------------------------------------------
372 | 
373 | Example:
374 | 
375 | ```
376 | ---
377 | 
378 | ___
379 | 
380 | ***
381 | 
382 | ---[red solid]
383 | 
384 | ---[2px red dashed opacity:0.25]
385 | 
386 | ===[4px dashed blue]
387 | 
388 | ***[4px double pink opacity:0.5]
389 | ```
390 | 
391 | --------------------------------------------------
392 | 
393 | Result:
394 | 
395 | <spoiler=Click to see &lt;hr&gt;>
396 | 
397 | The first 3 are the default without a `[tag]`.
398 | 
399 | ---
400 | 
401 | ___
402 | 
403 | ***
404 | 
405 | The rest are custom.
406 | 
407 | ---[red solid]
408 | 
409 | ---[2px red dashed opacity:0.25]
410 | 
411 | ===[4px dashed blue]
412 | 
413 | ***[4px double pink opacity:0.5]
414 | </spoiler>
415 | 
416 | 
417 | 
418 | Please note, that in order to show a **double** line you must specify a style width of at least 3px or greater to actually see both lines.
419 | 
420 | Also, in the GitHub spec, you don't make a `<hr>` with `===`, unless you are making an h1 Header (see Header section).
421 | 
422 | ## Lists
423 | 
424 | ### Basic List Formatting
425 | 
426 | Ordered lists use only numbers, but you can set the format to one of the following formats:
427 | 
428 | | Symbol | Type                      |
429 | |:------:|---------------------------|
430 | | `A, a` | alphabetical numbering    |
431 | | `I, i` | Roman numeral numbering   |
432 | |   `1`  | normal Arabic numbering   |
433 | 
434 | By default, an ordered list is numbered with Arabic numbers (the numbers you are used to looking at).
435 | 
436 | Unordered lists use `*`, `-`, or `+`.
437 | 
438 | - This is an
439 | - unordered list.
440 | 
441 | Ordered lists use `1.` or `1)`.
442 | 
443 | 1. This is an
444 | 2. ordered list.
445 | 
446 | -----------------------
447 | 
448 | Alignment is important no matter what type of list you make.  A single list can be indented, but must be indented equally for all items.  Indenting a list will not change how it is displayed.
449 | 
450 | Example:
451 | 
452 | ```
453 |     1. Item 1
454 |     2. Item 2
455 | 
456 | - Item 1
457 | - Item 2
458 | ```
459 | 
460 | Result:
461 | 
462 |     1. Item 1
463 |     2. Item 2
464 | 
465 | - Item 1
466 | - Item 2
467 | 
468 | -----------------------
469 | 
470 | ### Ordered List Formatting Issues
471 | 
472 | Note than when making an ordered list, the numbers must be sequential.
473 | 
474 | If you don't use the proper numerical sequence in an ordered list, then list parsing is halted at the point where the proper sequence is broken.
475 | 
476 | Example:
477 | 
478 | ```
479 | 1. Item 1
480 | 2. Item 2
481 | 4. Item 3
482 | ```
483 | 
484 | Result:
485 | 
486 | 1. Item 1
487 | 2. Item 2
488 | 4. Item 3
489 | 
490 | -----------------------
491 | 
492 | ### Unordered List Format
493 | 
494 | And when making an unordered list, the symbol you use must be the same for the entire list.
495 | 
496 | If you don't do this, then the point wher the bullet symbol changes will start a new list.
497 | 
498 | Example:
499 | 
500 | ```
501 | - Item 1
502 | - Item 2
503 | + Item 3
504 | + Item 4
505 | ```
506 | 
507 | Result:
508 | 
509 | - Item 1
510 | - Item 2
511 | + Item 3
512 | + Item 4
513 | 
514 | -----------------------
515 | 
516 | ### Nesting Lists
517 | 
518 | You can nest ordered and unordered lists in any combination, and to any depth (theoretically).  When doing so you need to ensure that the number/bullet for the nested list item starts where the list item text starts, or goes past that point.
519 | 
520 | Example:
521 | 
522 | ```
523 | - Item 1
524 |   - Item 2
525 | 
526 | 1. Item 1
527 |    1. Item 2
528 | 
529 | * Item 1        (you can indent a full 4 spaces
530 |     * Item 2    and go past the item text from the previous line)
531 | ```
532 | 
533 | Result:
534 | 
535 | - Item 1
536 |   - Item 2
537 | 
538 | 1. Item 1
539 |    1. Item 2
540 | 
541 | * Item 1
542 |     * Item 2
543 | 
544 | -----------------------
545 | 
546 | ### Custom List Numbering (Ordered)
547 | 
548 | For ordered lists, you can define custom list types by specifying `[type=?]` on the first line of the list, where `?` is `1`, `A`, `a`, `I`, or `i`.  Make sure to not put spaces around the equal sign (`=`).
549 | 
550 | Example:
551 | 
552 | ```
553 | 1. Item 1[type=I]
554 | 2. Item 2
555 | 3. Item 3
556 |     - Item 4
557 |     - Item 5
558 |     - Item 6
559 |         1. Item 7[type=A]
560 |         2. Item 8
561 |         3. Item 9
562 | 4. Item 10
563 | 5. Item 11
564 | ```
565 | 
566 | Result:
567 | 
568 | 1. Item 1[type=I]
569 | 2. Item 2
570 | 3. Item 3
571 |     - Item 4
572 |     - Item 5
573 |     - Item 6
574 |         1. Item 7[type=A]
575 |         2. Item 8
576 |         3. Item 9
577 | 4. Item 10
578 | 5. Item 11
579 | 
580 | Note that the default numbering format for this script, and GitHub is as follows:
581 | 
582 | ```
583 | 1. Item 1                   (type = 1)  Level 1
584 |     i. Item 2               (type = i)  Level 2
585 |         a. Item 3           (type = a)  Level 3 and beyond ...
586 |             ...             Type I and A (upper case) are not used by default
587 | ```
588 | 
589 | This is not copatible with GitHub markdown.  For consistency, if you want to use `[` and `]` in your list items, escape them with `\`, ie. `\[` and `\]`.
590 | 
591 | -----------------------
592 | 
593 | ### Custom List Symbol (Unordered)
594 | 
595 | For unordered lists you can define custom bullet symbols by specifying `[type=?]` on the first line of the list, where `?` is `disc`, `circle`, `square`, or `none`.
596 | 
597 | Type `none` is useful if you want to use custom symbols (ie. emojis - ✅).
598 | 
599 | Example:
600 | 
601 | ```
602 | - item 1 (disc) [type=disc]
603 |     - item 2 (circle) [type=circle]
604 |         - item 3 (square) [type=square]
605 |             - ✅ item 4 (none) [type=none]
606 | ```
607 | 
608 | Result:
609 | 
610 | - item 1 (disc) [type=disc]
611 |     - item 2 (circle) [type=circle]
612 |         - item 3 (square) [type=square]
613 |             - ✅ item 4 (none) [type=none]
614 | 
615 | Note that the default symbols for unordered lists are as follows:
616 | 
617 | ```
618 | - item 1            (type = disc)   Level 1
619 |     - item 2        (type = circle) Level 2
620 |         - item 3    (type = square) Level 3 and beyond ...
621 |             ...
622 | ```
623 | 
624 | This is not copatible with GitHub markdown.  For consistency, if you want to use `[` and `]` in your list items, escape them with `\`, ie. `\[` and `\]`.
625 | 
626 | ## Tables
627 | 
628 | Tables are the same as GitHub markdown except you can set the alignment of the headers and data separately.
629 | 
630 | Like markdown you use the colon `:` to determine alignment: `right:` , `:center:` , and `:left` or `left` (no colon).
631 | 
632 | If you want to use a literal colon in a header you must escape it with backslash: `\:`.  Eescaping the `:` is compatible with GitHub. 
633 | 
634 | If you don't specify alignment for column headers, then they will use the alignment specified in the 2nd row, and if no alignment is specified, then the default center alignment will be used for column headers, just like GitHub markdown.
635 | 
636 | Column headers and data will also take most inline formatting, like *emphasis*, **strong**, links, and others.
637 | 
638 | Example:
639 | 
640 | ```
641 | |               *right\:*:| ~~left~~             |      center\:       |
642 | |-------------------------|---------------------:|:-------------------:|
643 | |aaaaaaaaaaaaaaaaaaaa     |bbbbbbbbbbbbbbbbbbbbbb|ccccccccccccccccccccc|
644 | |1                        |2                     |3                    |
645 | |manual line<br>break     | data2                | data3               |
646 | | [link](http://test.com) | **bold**  `code`     | *emphasis*          |
647 | 
648 | The table/columns do not have to be perfectly spaced as shown above.
649 | ```
650 | 
651 | Result:
652 | 
653 | |               *right\:*:| ~~left~~             |     :center\::      |
654 | |-------------------------|---------------------:|:-------------------:|
655 | |aaaaaaaaaaaaaaaaaaaa     |bbbbbbbbbbbbbbbbbbbbbb|ccccccccccccccccccccc|
656 | |1                        |2                     |3                    |
657 | |manual line<br>break     | data2                | data3               |
658 | | [link](http://test.com) | **bold**  `code`     | *emphasis*          |
659 | 
660 | ## Box
661 | 
662 | The `<box>...</box>` tag is meant to be like a "custom code block".  If you want to display literal code/markdown then you need to use the escape character `\`.  Other than that, any other markdown and tags covered in this implementation will be processed.  This tag will give you the border of code tags and also display the font as monospace.
663 | 
664 | The `<box>` tag is not compatible with GitHub markdown.
665 | 
666 | ```
667 | This is an <box><c=#F00F00>*\*inline\**</c> <c=#0F0>__\_\_box\_\___</c></box> tag with formatting.
668 | 
669 | <box>
670 | This *is* a <c=#00F>_\_code\__</c> <c=#880>**\*\*box\*\***</c> block with <c=#FF0>formatting</c>.
671 | 
672 | Note the opening and closing tags must be on separate lines.
673 | </box>
674 | ```
675 | 
676 | Result:
677 | 
678 | This is an <box><c=#F00F00>*\*inline\**</c> <c=#0F0>__\_\_box\_\___</c></box> tag with formatting.
679 | 
680 | <box>
681 | This *is* a <c=#00F>_\_code\__</c> <c=#F80>**\*\*box\*\***</c> block with <c=#FF0>formatting</c>.
682 | 
683 | Note the opening and closing tags must be on separate lines.
684 | </box>
685 | 
686 | ## Pretty Print
687 | 
688 | The `<pp>...</pp>` tag is meant for inline pretty print.  Inline pretty print will not have a border and the text color will not be changed, but the font will be changed to monospace.
689 | 
690 | To do code block pretty print, simply add `pp` after the opening of the code block.
691 | 
692 | ````
693 | This is <pp>inline(pretty,print)</pp>.
694 | 
695 | ```pp
696 | ; This is pretty print in a code block.
697 | 
698 | class test {
699 |     prop := value
700 |     
701 |     method(a, b) => (a + b)
702 |     
703 |     method2(c, d) {
704 |         return (c / d)
705 |     }
706 | }
707 | ```
708 | ````
709 | 
710 | Result:
711 | 
712 | This is <pp>inline(pretty,print)</pp>.
713 | 
714 | ```pp
715 | ; This is pretty print in a code block.
716 | 
717 | class test {
718 |     prop := value
719 |     
720 |     method(a, b) => (a + b)
721 |     
722 |     method2(c, d) {
723 |         return (c / d)
724 |     }
725 | }
726 | ```
727 | 
728 | ## Spoiler
729 | 
730 | Example:
731 | 
732 | ```
733 | <spoiler=Spoiler Title>
734 | spoiler content `that` is *also* formatted **and** stuff!
735 | </spoiler>
736 | ```
737 | 
738 | Result:
739 | 
740 | <spoiler=Spoiler Title>
741 | spoiler content `that` is *also* formatted **and** stuff!
742 | </spoiler>
743 | 
744 | -----------------------------------------
745 | 
746 | Sadly, this feature is not available in this form on the GitHub spec.  But you can use the following HTML to get the same effect:
747 | 
748 | Example:
749 | 
750 | ```
751 | <details>
752 | <summary>Spoiler Title</summary>
753 | spoiler content `that` is *also* formatted **and** stuff!
754 | </details>
755 | ```
756 | 
757 | Result:
758 | 
759 | <details>
760 | <summary>Spoiler Title</summary>
761 | spoiler content `that` is *also* formatted **and** stuff!
762 | </details>
763 | 
764 | Any markdown or HTML element can go inside a spoiler.
765 | 
766 | ## Thats all folks!
767 | 
768 | Please remember, while this version of markdown is compatible with GitHub, the "extra features" are not.
769 | 
770 | ## To-Do List:
771 | 
772 | + Add lots of :emojis: ?
773 | 
774 | 


--------------------------------------------------------------------------------
/pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TheArkive/M-ArkDown_ahk2/a55dd288ccf306dfa9e1431d88f321c36aa36666/pic.jpg


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | :root{
  2 |     --link: #00ACAF;
  3 |     --link-hover: cyan;
  4 |     --link-special: orange;
  5 |     --link-visited: #006bcf;
  6 |     --text: #999;
  7 |     --code-txt: #DDD;
  8 |     --header: #00ACAF;
  9 |     --border: #00ACAF;
 10 |     --blockquote: #0000FF;
 11 |     --blockquote-text: #DDD;
 12 |     --row-HL: #000C67;
 13 |     --bg: #000C17;
 14 |     --bg1-5: #000C27;
 15 |     --bg2: #000C37;
 16 |     --bg3: #000C57;
 17 |     --so1: yellow;
 18 |     --so2: orange;
 19 |     --so3: red;
 20 |     --so4: magenta;
 21 |     --emphasis: #EEE; /* was #0077CC */
 22 | }
 23 | 
 24 | html, body {
 25 |     background-color: var(--bg);
 26 |     /* font-family: Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; */
 27 |     font-family: [_font_name_];
 28 |     font-size: [_font_size_]px;
 29 |     font-weight: [_font_weight_];
 30 | }
 31 | 
 32 | body {
 33 |     color: var(--text);
 34 |     line-height: [_line_height_]em;
 35 | }
 36 | 
 37 | #body-container {
 38 |     width: 100%;
 39 |     height: 100%;
 40 | }
 41 | 
 42 | #main {
 43 |     max-width: 1280px;
 44 |     margin: auto;
 45 |     height: 90%;
 46 |     padding: 45px 45px;
 47 |     overflow-y: scroll;
 48 |     border-left: 1px solid var(--border);
 49 |     border-right: 1px solid var(--border);
 50 | }
 51 | 
 52 | #toc-container {
 53 |     background-color: var(--bg);
 54 |     overflow: hidden;
 55 |     position: fixed;
 56 |     display: block;
 57 |     float: right;
 58 |     right: 30px;
 59 |     top: 0px;
 60 |     width: 30px;
 61 |     height: 30px;
 62 |     border: 1px solid var(--border);
 63 |     border-radius: 3px;
 64 |     padding: 10px 10px;
 65 |     transition-duration: 0.25s;
 66 |     z-index: 10;
 67 | }
 68 | 
 69 | @media screen and (min-width: 1383px) {
 70 |     #toc-container { right: calc(50% - 640px - 25px); }
 71 | }
 72 | 
 73 | #toc-icon {
 74 |     font-size: 24px;
 75 |     padding-right: 5px;
 76 |     color: var(--link);
 77 | }
 78 | 
 79 | #toc-contents {
 80 |     overflow: hidden;
 81 |     display: none;
 82 | }
 83 | 
 84 | .toc-item {
 85 |     padding: 2px 15px;
 86 | }
 87 | 
 88 | #toc-container:hover {
 89 |     overflow-y: auto;
 90 |     width: [_toc_width_]px;
 91 |     /* height: initial; */
 92 |     height: [_toc_height_]px;
 93 |     max-height: calc(100vh - 40px);
 94 |     transition-duration: 0.25s;
 95 | }
 96 | 
 97 | #toc-container:hover #toc-contents {
 98 |     display: block;
 99 | }
100 | 
101 | #toc-container:hover a {
102 |     text-decoration: none;
103 | }
104 | 
105 | #toc-container:hover .toc-item:hover {
106 |     background-color: var(--row-HL);
107 |     color: cyan;
108 | }
109 | 
110 | a, a:link { color: var(--link); }
111 | a:hover { color: var(--link-hover); text-decoration: underline; }
112 | a:visited { color: var(--link); }
113 | a:visited:hover { color: var(--link-hover); }
114 | 
115 | :target a:visited { color: var(--so4); }
116 | :target a:visited:hover, :target a:visited:hover .link { color: var(--link-hover); }
117 | :target.underline { border-color: var(--so4); }
118 | 
119 | img { opacity: 0.5; }
120 | img:hover { opacity: 1; }
121 | 
122 | table.normal tr th { background: var(--bg3); color: var(--header); }
123 | table.normal tr td { background: var(--bg2); }
124 | table.normal tr th, table tr td { padding: 5px; }
125 | table.normal tr:hover td { background: var(--row-HL); }
126 | 
127 | h1, h2, h3, h4, h5, h6
128 | { font-weight:bold; color:var(--header); margin-top: 24px; margin-bottom: 0; }
129 | 
130 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
131 | h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a
132 | { text-decoration: none; }
133 | 
134 | h1 a .link, h2 a .link, h3 a .link, h4 a .link, h5 a .link, h6 a .link
135 | { position: relative; float: left; margin-left: -20px; display: none; }
136 | 
137 | h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover
138 | { border-color: var(--link-hover); color: var(--link-hover); }
139 | 
140 | h1:hover a .link, h2:hover a .link, h3:hover a .link, h4:hover a .link, h5:hover a .link, h6:hover a .link
141 | { display: inline; }
142 | 
143 | .underline { border-bottom: 1px solid #00ACAF; }
144 | h1.underline { padding-bottom: 10px; }
145 | h2.underline { padding-bottom: 8px; }
146 | h3.underline { padding-bottom: 6px; }
147 | h4.underline { padding-bottom: 4px; }
148 | h5.underline { padding-bottom: 2px; }
149 | h1 { font-size:1.75em; padding-bottom: 10px;}
150 | h2 { font-size:1.5em;  padding-bottom: 8px;}
151 | h3 { font-size:1.30em; padding-bottom: 6px;}
152 | h4 { font-size:1.15em; padding-bottom: 0px;}
153 | h5 { font-size:1em;    padding-bottom: 0px;}
154 | h6 { font-size:0.75em; }
155 | 
156 | /* em, strong { color: var(--emphasis); } */
157 | 
158 | strong { font-weight: 800; }
159 | 
160 | del { font-weight: 400; }
161 | 
162 | hr {
163 |     color: transparent;
164 |     border-top-style: solid;
165 |     border-top-width: 4px;
166 |     border-top-color: var(--border);
167 | }
168 | 
169 | blockquote {
170 |     border-left: 4px solid var(--blockquote);
171 |     padding: 0 15px;
172 |     color: var(--blockquote-text);
173 |     margin-top: 0px;
174 |     margin-bottom: [_font_size_]px;
175 | }
176 | 
177 | p { margin-bottom: [_font_size_]px; margin-top: 0px; }
178 | /* ul, ol { margin: 0; padding: 0; } */
179 | 
180 | pre {
181 |     margin-top: 1.5em;
182 |     margin-bottom: 1.5em;
183 |     background-color: var(--b1-5);
184 |     padding: 2px 4px;
185 |     border: 1px solid var(--border);
186 |     border-radius: 5px;
187 |     font-family: Consolas;
188 |     font-size: [_font_size_]px;
189 | }
190 | 
191 | code {
192 |     color: var(--code-txt);
193 |     margin: 0px 3px 0px 0px;
194 |     padding: 2px 4px;
195 |     background-color: var(--b1-5);
196 |     border: 1px solid var(--border);
197 |     border-radius: 5px;
198 |     font-family: Consolas;
199 |     font-size: [_font_size_]px;
200 |     font-weight: 100;
201 | }
202 | 
203 | .box {
204 |     color: var(--code-txt);
205 |     margin: 0px 3px 0px 3px;
206 |     padding: 2px 4px;
207 |     background-color: var(--b1-5);
208 |     border: 1px solid var(--border);
209 |     border-radius: 5px;
210 |     font-family: Consolas;
211 |     font-size: [_font_size_]px;
212 |     font-weight: 100;
213 | }
214 | 
215 | pre code { border:none; padding:0px; }
216 | 
217 | ul.checklist {
218 |     margin: 1em 0 1em 0;
219 |     padding: 0;
220 |     list-style-type: none;
221 | }
222 | 
223 | /* span.circle { */
224 |     /* font-size: 1em; */
225 |     /* margin: 0; */
226 |     /* width: [_font_size_]px; */
227 |     /* height: [_font_size_]px; */
228 |     /* border: 1px solid; */
229 |     /* border-radius: 50% 50%; */
230 |     /* content:' '; */
231 | /* } */
232 | 
233 | /* ul { margin: 4px 0; } */
234 | li { margin: 0px 0; }
235 | 
236 | input[type="checkbox"] {
237 |   visibility: hidden;
238 | }
239 | input[type="checkbox"] + label:before {
240 |   border: 1px solid var(--border);
241 |   border-radius: calc([_font_size_]px / 5);
242 |   content: "\00a0";
243 |   display: inline-block;
244 |   font: [_font_size_]px/1em sans-serif;
245 |   height: [_font_size_]px;
246 |   position: relative;
247 |   top: -1px;
248 |   margin-right: calc([_font_size_]px / 3);
249 |   width: [_font_size_]px;
250 | }
251 | input[type="checkbox"]:checked + label:before {
252 |   background: var(--bg);
253 |   color: var(--border);
254 |   content: "\2713";
255 |   text-align: center;
256 | }
257 | 
258 | .header-menu {
259 |   position: fixed;
260 |   background-color: var(--bg2);
261 |   top: 0px;
262 |   max-width: 1280px;
263 |   display: inline-block; 
264 | }
265 | .header-menu-cell { border: none; }
266 | .header-menu-cell {
267 |   border-right: 1px solid var(--bg);
268 |   padding: 10px 20px;
269 | }
270 | .header-menu-cell:hover {
271 |   background-color: var(--row-HL);
272 | }
273 | .header-menu-cell:hover a,
274 | .header-menu-cell a 
275 | { text-decoration: none; }
276 | 
277 | .spoiler {
278 |     color: var(--so2)
279 | }
280 | 
281 | summary { margin-bottom: [_font_size_]px; }


--------------------------------------------------------------------------------
/test unicode emoji.txt:
--------------------------------------------------------------------------------
   1 | Ch 	Dec 	Hex 	Name
   2 | ⌚	8986	231A	
   3 | ⌛	8987	231B	
   4 | ⏩	9193	23E9	
   5 | ⏪	9194	23EA	
   6 | ⏫	9195	23EB	
   7 | ⏬	9196	23EC	
   8 | ⏭	9197	23ED	
   9 | ⏮	9198	23EE	
  10 | ⏯	9199	23EF	
  11 | ⏰	9200	23F0	
  12 | ⏱	9201	23F1	
  13 | ⏲	9202	23F2	
  14 | ⏳	9203	23F3	
  15 | ⏸	9208	23F8	
  16 | ⏹	9209	23F9	
  17 | ⏺	9210	23FA	
  18 | Ⓜ	9410	24C2	
  19 | ☔	9748	2614	
  20 | ☕	9749	2615	
  21 | ☝	9757	261D	
  22 | ♈	9800	2648	
  23 | ♉	9801	2649	
  24 | ♊	9802	264A	
  25 | ♋	9803	264B	
  26 | ♌	9804	264C	
  27 | ♍	9805	264D	
  28 | ♎	9806	264E	
  29 | ♏	9807	264F	
  30 | ♐	9808	2650	
  31 | ♑	9809	2651	
  32 | ♒	9810	2652	
  33 | ♓	9811	2653	
  34 | ♟	9823	265F	
  35 | ♿	9855	267F	
  36 | ⚓	9875	2693	
  37 | ⚡	9889	26A1	
  38 | ⚪	9898	26AA	
  39 | ⚫	9899	26AB	
  40 | ⚽	9917	26BD	
  41 | ⚾	9918	26BE	
  42 | ⛄	9924	26C4	
  43 | ⛅	9925	26C5	
  44 | ⛎	9934	26CE	
  45 | ⛏	9935	26CF	
  46 | ⛑	9937	26D1	
  47 | ⛓	9939	26D3	
  48 | ⛔	9940	26D4	
  49 | ⛩	9961	26E9	
  50 | ⛪	9962	26EA	
  51 | ⛰	9968	26F0	
  52 | ⛱	9969	26F1	
  53 | ⛲	9970	26F2	
  54 | ⛳	9971	26F3	
  55 | ⛴	9972	26F4	
  56 | ⛵	9973	26F5	
  57 | ⛷	9975	26F7	
  58 | ⛸	9976	26F8	
  59 | ⛹	9977	26F9	
  60 | ⛺	9978	26FA	
  61 | ⛽	9981	26FD	
  62 | ✂	9986	2702	
  63 | ✅	9989	2705	
  64 | ✈	9992	2708	
  65 | ✉	9993	2709	
  66 | ✊	9994	270A	
  67 | ✋	9995	270B	
  68 | ✌	9996	270C	
  69 | ✍	9997	270D	
  70 | ✏	9999	270F	
  71 | ✒	10002	2712	
  72 | ✔	10004	2714	
  73 | ✖	10006	2716	
  74 | ✝	10013	271D	
  75 | ✡	10017	2721	
  76 | ✨	10024	2728	
  77 | ✳	10035	2733	
  78 | ✴	10036	2734	
  79 | ❄	10052	2744	
  80 | ❇	10055	2747	
  81 | ❌	10060	274C	
  82 | ❎	10062	274E	
  83 | ❓	10067	2753	
  84 | ❔	10068	2754	
  85 | ❕	10069	2755	
  86 | ❗	10071	2757	
  87 | ❣	10083	2763	
  88 | ❤	10084	2764	
  89 | ➕	10133	2795	
  90 | ➖	10134	2796	
  91 | ➗	10135	2797	
  92 | ➡	10145	27A1	
  93 | ➰	10160	27B0	
  94 | ➿	10175	27BF	
  95 | ⤴	10548	2934	
  96 | ⤵	10549	2935	
  97 | ⬅	11013	2B05	
  98 | ⬆	11014	2B06	
  99 | ⬇	11015	2B07	
 100 | ⬛	11035	2B1B	
 101 | ⬜	11036	2B1C	
 102 | ⭐	11088	2B50	
 103 | ⭕	11093	2B55	
 104 | 〰	12336	3030	
 105 | 〽	12349	303D	
 106 | ㊗	12951	3297	
 107 | ㊙	12953	3299	
 108 | 🀄	126980	1F004	
 109 | 🃏	127183	1F0CF	
 110 | 🅰	127344	1F170	
 111 | 🅱	127345	1F171	
 112 | 🅾	127358	1F17E	
 113 | 🅿	127359	1F17F	
 114 | 🆎	127374	1F18E	
 115 | 🆑	127377	1F191	
 116 | 🆒	127378	1F192	
 117 | 🆓	127379	1F193	
 118 | 🆔	127380	1F194	
 119 | 🆕	127381	1F195	
 120 | 🆖	127382	1F196	
 121 | 🆗	127383	1F197	
 122 | 🆘	127384	1F198	
 123 | 🆙	127385	1F199	
 124 | 🆚	127386	1F19A	
 125 | 🈁	127489	1F201	
 126 | 🈂	127490	1F202	
 127 | 🈚	127514	1F21A	
 128 | 🈯	127535	1F22F	
 129 | 🈲	127538	1F232	
 130 | 🈳	127539	1F233	
 131 | 🈴	127540	1F234	
 132 | 🈵	127541	1F235	
 133 | 🈶	127542	1F236	
 134 | 🈷	127543	1F237	
 135 | 🈸	127544	1F238	
 136 | 🈹	127545	1F239	
 137 | 🈺	127546	1F23A	
 138 | 🉐	127568	1F250	
 139 | 🉑	127569	1F251	
 140 | 🌀	127744	1F300	
 141 | 🌁	127745	1F301	
 142 | 🌂	127746	1F302	
 143 | 🌃	127747	1F303	
 144 | 🌄	127748	1F304	
 145 | 🌅	127749	1F305	
 146 | 🌆	127750	1F306	
 147 | 🌇	127751	1F307	
 148 | 🌈	127752	1F308	
 149 | 🌉	127753	1F309	
 150 | 🌊	127754	1F30A	
 151 | 🌋	127755	1F30B	
 152 | 🌌	127756	1F30C	
 153 | 🌍	127757	1F30D	
 154 | 🌎	127758	1F30E	
 155 | 🌏	127759	1F30F	
 156 | 🌐	127760	1F310	
 157 | 🌑	127761	1F311	
 158 | 🌒	127762	1F312	
 159 | 🌓	127763	1F313	
 160 | 🌔	127764	1F314	
 161 | 🌕	127765	1F315	
 162 | 🌖	127766	1F316	
 163 | 🌗	127767	1F317	
 164 | 🌘	127768	1F318	
 165 | 🌙	127769	1F319	
 166 | 🌚	127770	1F31A	
 167 | 🌛	127771	1F31B	
 168 | 🌜	127772	1F31C	
 169 | 🌝	127773	1F31D	
 170 | 🌞	127774	1F31E	
 171 | 🌟	127775	1F31F	
 172 | 🌠	127776	1F320	
 173 | 🌡	127777	1F321	
 174 | 🌤	127780	1F324	
 175 | 🌥	127781	1F325	
 176 | 🌦	127782	1F326	
 177 | 🌧	127783	1F327	
 178 | 🌨	127784	1F328	
 179 | 🌩	127785	1F329	
 180 | 🌪	127786	1F32A	
 181 | 🌫	127787	1F32B	
 182 | 🌬	127788	1F32C	
 183 | 🌭	127789	1F32D	
 184 | 🌮	127790	1F32E	
 185 | 🌯	127791	1F32F	
 186 | 🌰	127792	1F330	
 187 | 🌱	127793	1F331	
 188 | 🌲	127794	1F332	
 189 | 🌳	127795	1F333	
 190 | 🌴	127796	1F334	
 191 | 🌵	127797	1F335	
 192 | 🌶	127798	1F336	
 193 | 🌷	127799	1F337	
 194 | 🌸	127800	1F338	
 195 | 🌹	127801	1F339	
 196 | 🌺	127802	1F33A	
 197 | 🌻	127803	1F33B	
 198 | 🌼	127804	1F33C	
 199 | 🌽	127805	1F33D	
 200 | 🌾	127806	1F33E	
 201 | 🌿	127807	1F33F	
 202 | 🍀	127808	1F340	
 203 | 🍁	127809	1F341	
 204 | 🍂	127810	1F342	
 205 | 🍃	127811	1F343	
 206 | 🍄	127812	1F344	
 207 | 🍅	127813	1F345	
 208 | 🍆	127814	1F346	
 209 | 🍇	127815	1F347	
 210 | 🍈	127816	1F348	
 211 | 🍉	127817	1F349	
 212 | 🍊	127818	1F34A	
 213 | 🍋	127819	1F34B	
 214 | 🍌	127820	1F34C	
 215 | 🍍	127821	1F34D	
 216 | 🍎	127822	1F34E	
 217 | 🍏	127823	1F34F	
 218 | 🍐	127824	1F350	
 219 | 🍑	127825	1F351	
 220 | 🍒	127826	1F352	
 221 | 🍓	127827	1F353	
 222 | 🍔	127828	1F354	
 223 | 🍕	127829	1F355	
 224 | 🍖	127830	1F356	
 225 | 🍗	127831	1F357	
 226 | 🍘	127832	1F358	
 227 | 🍙	127833	1F359	
 228 | 🍚	127834	1F35A	
 229 | 🍛	127835	1F35B	
 230 | 🍜	127836	1F35C	
 231 | 🍝	127837	1F35D	
 232 | 🍞	127838	1F35E	
 233 | 🍟	127839	1F35F	
 234 | 🍠	127840	1F360	
 235 | 🍡	127841	1F361	
 236 | 🍢	127842	1F362	
 237 | 🍣	127843	1F363	
 238 | 🍤	127844	1F364	
 239 | 🍥	127845	1F365	
 240 | 🍦	127846	1F366	
 241 | 🍧	127847	1F367	
 242 | 🍨	127848	1F368	
 243 | 🍩	127849	1F369	
 244 | 🍪	127850	1F36A	
 245 | 🍫	127851	1F36B	
 246 | 🍬	127852	1F36C	
 247 | 🍭	127853	1F36D	
 248 | 🍮	127854	1F36E	
 249 | 🍯	127855	1F36F	
 250 | 🍰	127856	1F370	
 251 | 🍱	127857	1F371	
 252 | 🍲	127858	1F372	
 253 | 🍳	127859	1F373	
 254 | 🍴	127860	1F374	
 255 | 🍵	127861	1F375	
 256 | 🍶	127862	1F376	
 257 | 🍷	127863	1F377	
 258 | 🍸	127864	1F378	
 259 | 🍹	127865	1F379	
 260 | 🍺	127866	1F37A	
 261 | 🍻	127867	1F37B	
 262 | 🍼	127868	1F37C	
 263 | 🍽	127869	1F37D	
 264 | 🍾	127870	1F37E	
 265 | 🍿	127871	1F37F	
 266 | 🎀	127872	1F380	
 267 | 🎁	127873	1F381	
 268 | 🎂	127874	1F382	
 269 | 🎃	127875	1F383	
 270 | 🎄	127876	1F384	
 271 | 🎅	127877	1F385	
 272 | 🎆	127878	1F386	
 273 | 🎇	127879	1F387	
 274 | 🎈	127880	1F388	
 275 | 🎉	127881	1F389	
 276 | 🎊	127882	1F38A	
 277 | 🎋	127883	1F38B	
 278 | 🎌	127884	1F38C	
 279 | 🎍	127885	1F38D	
 280 | 🎎	127886	1F38E	
 281 | 🎏	127887	1F38F	
 282 | 🎐	127888	1F390	
 283 | 🎑	127889	1F391	
 284 | 🎒	127890	1F392	
 285 | 🎓	127891	1F393	
 286 | 🎖	127894	1F396	
 287 | 🎗	127895	1F397	
 288 | 🎙	127897	1F399	
 289 | 🎚	127898	1F39A	
 290 | 🎛	127899	1F39B	
 291 | 🎞	127902	1F39E	
 292 | 🎟	127903	1F39F	
 293 | 🎠	127904	1F3A0	
 294 | 🎡	127905	1F3A1	
 295 | 🎢	127906	1F3A2	
 296 | 🎣	127907	1F3A3	
 297 | 🎤	127908	1F3A4	
 298 | 🎥	127909	1F3A5	
 299 | 🎦	127910	1F3A6	
 300 | 🎧	127911	1F3A7	
 301 | 🎨	127912	1F3A8	
 302 | 🎩	127913	1F3A9	
 303 | 🎪	127914	1F3AA	
 304 | 🎫	127915	1F3AB	
 305 | 🎬	127916	1F3AC	
 306 | 🎭	127917	1F3AD	
 307 | 🎮	127918	1F3AE	
 308 | 🎯	127919	1F3AF	
 309 | 🎰	127920	1F3B0	
 310 | 🎱	127921	1F3B1	
 311 | 🎲	127922	1F3B2	
 312 | 🎳	127923	1F3B3	
 313 | 🎴	127924	1F3B4	
 314 | 🎵	127925	1F3B5	
 315 | 🎶	127926	1F3B6	
 316 | 🎷	127927	1F3B7	
 317 | 🎸	127928	1F3B8	
 318 | 🎹	127929	1F3B9	
 319 | 🎺	127930	1F3BA	
 320 | 🎻	127931	1F3BB	
 321 | 🎼	127932	1F3BC	
 322 | 🎽	127933	1F3BD	
 323 | 🎾	127934	1F3BE	
 324 | 🎿	127935	1F3BF	
 325 | 🏀	127936	1F3C0	
 326 | 🏁	127937	1F3C1	
 327 | 🏂	127938	1F3C2	
 328 | 🏃	127939	1F3C3	
 329 | 🏄	127940	1F3C4	
 330 | 🏅	127941	1F3C5	
 331 | 🏆	127942	1F3C6	
 332 | 🏇	127943	1F3C7	
 333 | 🏈	127944	1F3C8	
 334 | 🏉	127945	1F3C9	
 335 | 🏊	127946	1F3CA	
 336 | 🏋	127947	1F3CB	
 337 | 🏌	127948	1F3CC	
 338 | 🏍	127949	1F3CD	
 339 | 🏎	127950	1F3CE	
 340 | 🏏	127951	1F3CF	
 341 | 🏐	127952	1F3D0	
 342 | 🏑	127953	1F3D1	
 343 | 🏒	127954	1F3D2	
 344 | 🏓	127955	1F3D3	
 345 | 🏔	127956	1F3D4	
 346 | 🏕	127957	1F3D5	
 347 | 🏖	127958	1F3D6	
 348 | 🏗	127959	1F3D7	
 349 | 🏘	127960	1F3D8	
 350 | 🏙	127961	1F3D9	
 351 | 🏚	127962	1F3DA	
 352 | 🏛	127963	1F3DB	
 353 | 🏜	127964	1F3DC	
 354 | 🏝	127965	1F3DD	
 355 | 🏞	127966	1F3DE	
 356 | 🏟	127967	1F3DF	
 357 | 🏠	127968	1F3E0	
 358 | 🏡	127969	1F3E1	
 359 | 🏢	127970	1F3E2	
 360 | 🏣	127971	1F3E3	
 361 | 🏤	127972	1F3E4	
 362 | 🏥	127973	1F3E5	
 363 | 🏦	127974	1F3E6	
 364 | 🏧	127975	1F3E7	
 365 | 🏨	127976	1F3E8	
 366 | 🏩	127977	1F3E9	
 367 | 🏪	127978	1F3EA	
 368 | 🏫	127979	1F3EB	
 369 | 🏬	127980	1F3EC	
 370 | 🏭	127981	1F3ED	
 371 | 🏮	127982	1F3EE	
 372 | 🏯	127983	1F3EF	
 373 | 🏰	127984	1F3F0	
 374 | 🏳	127987	1F3F3	
 375 | 🏴	127988	1F3F4	
 376 | 🏵	127989	1F3F5	
 377 | 🏷	127991	1F3F7	
 378 | 🏸	127992	1F3F8	
 379 | 🏹	127993	1F3F9	
 380 | 🏺	127994	1F3FA	
 381 | 🏻	127995	1F3FB	
 382 | 🏼	127996	1F3FC	
 383 | 🏽	127997	1F3FD	
 384 | 🏾	127998	1F3FE	
 385 | 🏿	127999	1F3FF	
 386 | 🐀	128000	1F400	
 387 | 🐁	128001	1F401	
 388 | 🐂	128002	1F402	
 389 | 🐃	128003	1F403	
 390 | 🐄	128004	1F404	
 391 | 🐅	128005	1F405	
 392 | 🐆	128006	1F406	
 393 | 🐇	128007	1F407	
 394 | 🐈	128008	1F408	
 395 | 🐉	128009	1F409	
 396 | 🐊	128010	1F40A	
 397 | 🐋	128011	1F40B	
 398 | 🐌	128012	1F40C	
 399 | 🐍	128013	1F40D	
 400 | 🐎	128014	1F40E	
 401 | 🐏	128015	1F40F	
 402 | 🐐	128016	1F410	
 403 | 🐑	128017	1F411	
 404 | 🐒	128018	1F412	
 405 | 🐓	128019	1F413	
 406 | 🐔	128020	1F414	
 407 | 🐕	128021	1F415	
 408 | 🐖	128022	1F416	
 409 | 🐗	128023	1F417	
 410 | 🐘	128024	1F418	
 411 | 🐙	128025	1F419	
 412 | 🐚	128026	1F41A	
 413 | 🐛	128027	1F41B	
 414 | 🐜	128028	1F41C	
 415 | 🐝	128029	1F41D	
 416 | 🐞	128030	1F41E	
 417 | 🐟	128031	1F41F	
 418 | 🐠	128032	1F420	
 419 | 🐡	128033	1F421	
 420 | 🐢	128034	1F422	
 421 | 🐣	128035	1F423	
 422 | 🐤	128036	1F424	
 423 | 🐥	128037	1F425	
 424 | 🐦	128038	1F426	
 425 | 🐧	128039	1F427	
 426 | 🐨	128040	1F428	
 427 | 🐩	128041	1F429	
 428 | 🐪	128042	1F42A	
 429 | 🐫	128043	1F42B	
 430 | 🐬	128044	1F42C	
 431 | 🐭	128045	1F42D	
 432 | 🐮	128046	1F42E	
 433 | 🐯	128047	1F42F	
 434 | 🐰	128048	1F430	
 435 | 🐱	128049	1F431	
 436 | 🐲	128050	1F432	
 437 | 🐳	128051	1F433	
 438 | 🐴	128052	1F434	
 439 | 🐵	128053	1F435	
 440 | 🐶	128054	1F436	
 441 | 🐷	128055	1F437	
 442 | 🐸	128056	1F438	
 443 | 🐹	128057	1F439	
 444 | 🐺	128058	1F43A	
 445 | 🐻	128059	1F43B	
 446 | 🐼	128060	1F43C	
 447 | 🐽	128061	1F43D	
 448 | 🐾	128062	1F43E	
 449 | 🐿	128063	1F43F	
 450 | 👀	128064	1F440	
 451 | 👁	128065	1F441	
 452 | 👂	128066	1F442	
 453 | 👃	128067	1F443	
 454 | 👄	128068	1F444	
 455 | 👅	128069	1F445	
 456 | 👆	128070	1F446	
 457 | 👇	128071	1F447	
 458 | 👈	128072	1F448	
 459 | 👉	128073	1F449	
 460 | 👊	128074	1F44A	
 461 | 👋	128075	1F44B	
 462 | 👌	128076	1F44C	
 463 | 👍	128077	1F44D	
 464 | 👎	128078	1F44E	
 465 | 👏	128079	1F44F	
 466 | 👐	128080	1F450	
 467 | 👑	128081	1F451	
 468 | 👒	128082	1F452	
 469 | 👓	128083	1F453	
 470 | 👔	128084	1F454	
 471 | 👕	128085	1F455	
 472 | 👖	128086	1F456	
 473 | 👗	128087	1F457	
 474 | 👘	128088	1F458	
 475 | 👙	128089	1F459	
 476 | 👚	128090	1F45A	
 477 | 👛	128091	1F45B	
 478 | 👜	128092	1F45C	
 479 | 👝	128093	1F45D	
 480 | 👞	128094	1F45E	
 481 | 👟	128095	1F45F	
 482 | 👠	128096	1F460	
 483 | 👡	128097	1F461	
 484 | 👢	128098	1F462	
 485 | 👣	128099	1F463	
 486 | 👤	128100	1F464	
 487 | 👥	128101	1F465	
 488 | 👦	128102	1F466	
 489 | 👧	128103	1F467	
 490 | 👨	128104	1F468	
 491 | 👩	128105	1F469	
 492 | 👪	128106	1F46A	
 493 | 👫	128107	1F46B	
 494 | 👬	128108	1F46C	
 495 | 👭	128109	1F46D	
 496 | 👮	128110	1F46E	
 497 | 👯	128111	1F46F	
 498 | 👰	128112	1F470	
 499 | 👱	128113	1F471	
 500 | 👲	128114	1F472	
 501 | 👳	128115	1F473	
 502 | 👴	128116	1F474	
 503 | 👵	128117	1F475	
 504 | 👶	128118	1F476	
 505 | 👷	128119	1F477	
 506 | 👸	128120	1F478	
 507 | 👹	128121	1F479	
 508 | 👺	128122	1F47A	
 509 | 👻	128123	1F47B	
 510 | 👼	128124	1F47C	
 511 | 👽	128125	1F47D	
 512 | 👾	128126	1F47E	
 513 | 👿	128127	1F47F	
 514 | 💀	128128	1F480	
 515 | 💁	128129	1F481	
 516 | 💂	128130	1F482	
 517 | 💃	128131	1F483	
 518 | 💄	128132	1F484	
 519 | 💅	128133	1F485	
 520 | 💆	128134	1F486	
 521 | 💇	128135	1F487	
 522 | 💈	128136	1F488	
 523 | 💉	128137	1F489	
 524 | 💊	128138	1F48A	
 525 | 💋	128139	1F48B	
 526 | 💌	128140	1F48C	
 527 | 💍	128141	1F48D	
 528 | 💎	128142	1F48E	
 529 | 💏	128143	1F48F	
 530 | 💐	128144	1F490	
 531 | 💑	128145	1F491	
 532 | 💒	128146	1F492	
 533 | 💓	128147	1F493	
 534 | 💔	128148	1F494	
 535 | 💕	128149	1F495	
 536 | 💖	128150	1F496	
 537 | 💗	128151	1F497	
 538 | 💘	128152	1F498	
 539 | 💙	128153	1F499	
 540 | 💚	128154	1F49A	
 541 | 💛	128155	1F49B	
 542 | 💜	128156	1F49C	
 543 | 💝	128157	1F49D	
 544 | 💞	128158	1F49E	
 545 | 💟	128159	1F49F	
 546 | 💠	128160	1F4A0	
 547 | 💡	128161	1F4A1	
 548 | 💢	128162	1F4A2	
 549 | 💣	128163	1F4A3	
 550 | 💤	128164	1F4A4	
 551 | 💥	128165	1F4A5	
 552 | 💦	128166	1F4A6	
 553 | 💧	128167	1F4A7	
 554 | 💨	128168	1F4A8	
 555 | 💩	128169	1F4A9	
 556 | 💪	128170	1F4AA	
 557 | 💫	128171	1F4AB	
 558 | 💬	128172	1F4AC	
 559 | 💭	128173	1F4AD	
 560 | 💮	128174	1F4AE	
 561 | 💯	128175	1F4AF	
 562 | 💰	128176	1F4B0	
 563 | 💱	128177	1F4B1	
 564 | 💲	128178	1F4B2	
 565 | 💳	128179	1F4B3	
 566 | 💴	128180	1F4B4	
 567 | 💵	128181	1F4B5	
 568 | 💶	128182	1F4B6	
 569 | 💷	128183	1F4B7	
 570 | 💸	128184	1F4B8	
 571 | 💹	128185	1F4B9	
 572 | 💺	128186	1F4BA	
 573 | 💻	128187	1F4BB	
 574 | 💼	128188	1F4BC	
 575 | 💽	128189	1F4BD	
 576 | 💾	128190	1F4BE	
 577 | 💿	128191	1F4BF	
 578 | 📀	128192	1F4C0	
 579 | 📁	128193	1F4C1	
 580 | 📂	128194	1F4C2	
 581 | 📃	128195	1F4C3	
 582 | 📄	128196	1F4C4	
 583 | 📅	128197	1F4C5	
 584 | 📆	128198	1F4C6	
 585 | 📇	128199	1F4C7	
 586 | 📈	128200	1F4C8	
 587 | 📉	128201	1F4C9	
 588 | 📊	128202	1F4CA	
 589 | 📋	128203	1F4CB	
 590 | 📌	128204	1F4CC	
 591 | 📍	128205	1F4CD	
 592 | 📎	128206	1F4CE	
 593 | 📏	128207	1F4CF	
 594 | 📐	128208	1F4D0	
 595 | 📑	128209	1F4D1	
 596 | 📒	128210	1F4D2	
 597 | 📓	128211	1F4D3	
 598 | 📔	128212	1F4D4	
 599 | 📕	128213	1F4D5	
 600 | 📖	128214	1F4D6	
 601 | 📗	128215	1F4D7	
 602 | 📘	128216	1F4D8	
 603 | 📙	128217	1F4D9	
 604 | 📚	128218	1F4DA	
 605 | 📛	128219	1F4DB	
 606 | 📜	128220	1F4DC	
 607 | 📝	128221	1F4DD	
 608 | 📞	128222	1F4DE	
 609 | 📟	128223	1F4DF	
 610 | 📠	128224	1F4E0	
 611 | 📡	128225	1F4E1	
 612 | 📢	128226	1F4E2	
 613 | 📣	128227	1F4E3	
 614 | 📤	128228	1F4E4	
 615 | 📥	128229	1F4E5	
 616 | 📦	128230	1F4E6	
 617 | 📧	128231	1F4E7	
 618 | 📨	128232	1F4E8	
 619 | 📩	128233	1F4E9	
 620 | 📪	128234	1F4EA	
 621 | 📫	128235	1F4EB	
 622 | 📬	128236	1F4EC	
 623 | 📭	128237	1F4ED	
 624 | 📮	128238	1F4EE	
 625 | 📯	128239	1F4EF	
 626 | 📰	128240	1F4F0	
 627 | 📱	128241	1F4F1	
 628 | 📲	128242	1F4F2	
 629 | 📳	128243	1F4F3	
 630 | 📴	128244	1F4F4	
 631 | 📵	128245	1F4F5	
 632 | 📶	128246	1F4F6	
 633 | 📷	128247	1F4F7	
 634 | 📸	128248	1F4F8	
 635 | 📹	128249	1F4F9	
 636 | 📺	128250	1F4FA	
 637 | 📻	128251	1F4FB	
 638 | 📼	128252	1F4FC	
 639 | 📽	128253	1F4FD	
 640 | 📿	128255	1F4FF	
 641 | 🔀	128256	1F500	
 642 | 🔁	128257	1F501	
 643 | 🔂	128258	1F502	
 644 | 🔃	128259	1F503	
 645 | 🔄	128260	1F504	
 646 | 🔅	128261	1F505	
 647 | 🔆	128262	1F506	
 648 | 🔇	128263	1F507	
 649 | 🔈	128264	1F508	
 650 | 🔉	128265	1F509	
 651 | 🔊	128266	1F50A	
 652 | 🔋	128267	1F50B	
 653 | 🔌	128268	1F50C	
 654 | 🔍	128269	1F50D	
 655 | 🔎	128270	1F50E	
 656 | 🔏	128271	1F50F	
 657 | 🔐	128272	1F510	
 658 | 🔑	128273	1F511	
 659 | 🔒	128274	1F512	
 660 | 🔓	128275	1F513	
 661 | 🔔	128276	1F514	
 662 | 🔕	128277	1F515	
 663 | 🔖	128278	1F516	
 664 | 🔗	128279	1F517	
 665 | 🔘	128280	1F518	
 666 | 🔙	128281	1F519	
 667 | 🔚	128282	1F51A	
 668 | 🔛	128283	1F51B	
 669 | 🔜	128284	1F51C	
 670 | 🔝	128285	1F51D	
 671 | 🔞	128286	1F51E	
 672 | 🔟	128287	1F51F	
 673 | 🔠	128288	1F520	
 674 | 🔡	128289	1F521	
 675 | 🔢	128290	1F522	
 676 | 🔣	128291	1F523	
 677 | 🔤	128292	1F524	
 678 | 🔥	128293	1F525	
 679 | 🔦	128294	1F526	
 680 | 🔧	128295	1F527	
 681 | 🔨	128296	1F528	
 682 | 🔩	128297	1F529	
 683 | 🔪	128298	1F52A	
 684 | 🔫	128299	1F52B	
 685 | 🔬	128300	1F52C	
 686 | 🔭	128301	1F52D	
 687 | 🔮	128302	1F52E	
 688 | 🔯	128303	1F52F	
 689 | 🔰	128304	1F530	
 690 | 🔱	128305	1F531	
 691 | 🔲	128306	1F532	
 692 | 🔳	128307	1F533	
 693 | 🔴	128308	1F534	
 694 | 🔵	128309	1F535	
 695 | 🔶	128310	1F536	
 696 | 🔷	128311	1F537	
 697 | 🔸	128312	1F538	
 698 | 🔹	128313	1F539	
 699 | 🔺	128314	1F53A	
 700 | 🔻	128315	1F53B	
 701 | 🔼	128316	1F53C	
 702 | 🔽	128317	1F53D	
 703 | 🕉	128329	1F549	
 704 | 🕊	128330	1F54A	
 705 | 🕋	128331	1F54B	
 706 | 🕌	128332	1F54C	
 707 | 🕍	128333	1F54D	
 708 | 🕎	128334	1F54E	
 709 | 🕐	128336	1F550	
 710 | 🕑	128337	1F551	
 711 | 🕒	128338	1F552	
 712 | 🕓	128339	1F553	
 713 | 🕔	128340	1F554	
 714 | 🕕	128341	1F555	
 715 | 🕖	128342	1F556	
 716 | 🕗	128343	1F557	
 717 | 🕘	128344	1F558	
 718 | 🕙	128345	1F559	
 719 | 🕚	128346	1F55A	
 720 | 🕛	128347	1F55B	
 721 | 🕜	128348	1F55C	
 722 | 🕝	128349	1F55D	
 723 | 🕞	128350	1F55E	
 724 | 🕟	128351	1F55F	
 725 | 🕠	128352	1F560	
 726 | 🕡	128353	1F561	
 727 | 🕢	128354	1F562	
 728 | 🕣	128355	1F563	
 729 | 🕤	128356	1F564	
 730 | 🕥	128357	1F565	
 731 | 🕦	128358	1F566	
 732 | 🕧	128359	1F567	
 733 | 🕯	128367	1F56F	
 734 | 🕰	128368	1F570	
 735 | 🕳	128371	1F573	
 736 | 🕴	128372	1F574	
 737 | 🕵	128373	1F575	
 738 | 🕶	128374	1F576	
 739 | 🕷	128375	1F577	
 740 | 🕸	128376	1F578	
 741 | 🕹	128377	1F579	
 742 | 🕺	128378	1F57A	
 743 | 🖇	128391	1F587	
 744 | 🖊	128394	1F58A	
 745 | 🖋	128395	1F58B	
 746 | 🖌	128396	1F58C	
 747 | 🖍	128397	1F58D	
 748 | 🖐	128400	1F590	
 749 | 🖕	128405	1F595	
 750 | 🖖	128406	1F596	
 751 | 🖤	128420	1F5A4	
 752 | 🖥	128421	1F5A5	
 753 | 🖨	128424	1F5A8	
 754 | 🖱	128433	1F5B1	
 755 | 🖲	128434	1F5B2	
 756 | 🖼	128444	1F5BC	
 757 | 🗂	128450	1F5C2	
 758 | 🗃	128451	1F5C3	
 759 | 🗄	128452	1F5C4	
 760 | 🗑	128465	1F5D1	
 761 | 🗒	128466	1F5D2	
 762 | 🗓	128467	1F5D3	
 763 | 🗜	128476	1F5DC	
 764 | 🗝	128477	1F5DD	
 765 | 🗞	128478	1F5DE	
 766 | 🗡	128481	1F5E1	
 767 | 🗣	128483	1F5E3	
 768 | 🗨	128488	1F5E8	
 769 | 🗯	128495	1F5EF	
 770 | 🗳	128499	1F5F3	
 771 | 🗺	128506	1F5FA	
 772 | 🗻	128507	1F5FB	
 773 | 🗼	128508	1F5FC	
 774 | 🗽	128509	1F5FD	
 775 | 🗾	128510	1F5FE	
 776 | 🗿	128511	1F5FF	
 777 | 😀	128512	1F600	
 778 | 😁	128513	1F601	
 779 | 😂	128514	1F602	
 780 | 😃	128515	1F603	
 781 | 😄	128516	1F604	
 782 | 😅	128517	1F605	
 783 | 😆	128518	1F606	
 784 | 😇	128519	1F607	
 785 | 😈	128520	1F608	
 786 | 😉	128521	1F609	
 787 | 😊	128522	1F60A	
 788 | 😋	128523	1F60B	
 789 | 😌	128524	1F60C	
 790 | 😍	128525	1F60D	
 791 | 😎	128526	1F60E	
 792 | 😏	128527	1F60F	
 793 | 😐	128528	1F610	
 794 | 😑	128529	1F611	
 795 | 😒	128530	1F612	
 796 | 😓	128531	1F613	
 797 | 😔	128532	1F614	
 798 | 😕	128533	1F615	
 799 | 😖	128534	1F616	
 800 | 😗	128535	1F617	
 801 | 😘	128536	1F618	
 802 | 😙	128537	1F619	
 803 | 😚	128538	1F61A	
 804 | 😛	128539	1F61B	
 805 | 😜	128540	1F61C	
 806 | 😝	128541	1F61D	
 807 | 😞	128542	1F61E	
 808 | 😟	128543	1F61F	
 809 | 😠	128544	1F620	
 810 | 😡	128545	1F621	
 811 | 😢	128546	1F622	
 812 | 😣	128547	1F623	
 813 | 😤	128548	1F624	
 814 | 😥	128549	1F625	
 815 | 😦	128550	1F626	
 816 | 😧	128551	1F627	
 817 | 😨	128552	1F628	
 818 | 😩	128553	1F629	
 819 | 😪	128554	1F62A	
 820 | 😫	128555	1F62B	
 821 | 😬	128556	1F62C	
 822 | 😭	128557	1F62D	
 823 | 😮	128558	1F62E	
 824 | 😯	128559	1F62F	
 825 | 😰	128560	1F630	
 826 | 😱	128561	1F631	
 827 | 😲	128562	1F632	
 828 | 😳	128563	1F633	
 829 | 😴	128564	1F634	
 830 | 😵	128565	1F635	
 831 | 😶	128566	1F636	
 832 | 😷	128567	1F637	
 833 | 😸	128568	1F638	
 834 | 😹	128569	1F639	
 835 | 😺	128570	1F63A	
 836 | 😻	128571	1F63B	
 837 | 😼	128572	1F63C	
 838 | 😽	128573	1F63D	
 839 | 😾	128574	1F63E	
 840 | 😿	128575	1F63F	
 841 | 🙀	128576	1F640	
 842 | 🙁	128577	1F641	
 843 | 🙂	128578	1F642	
 844 | 🙃	128579	1F643	
 845 | 🙄	128580	1F644	
 846 | 🙅	128581	1F645	
 847 | 🙆	128582	1F646	
 848 | 🙇	128583	1F647	
 849 | 🙈	128584	1F648	
 850 | 🙉	128585	1F649	
 851 | 🙊	128586	1F64A	
 852 | 🙋	128587	1F64B	
 853 | 🙌	128588	1F64C	
 854 | 🙍	128589	1F64D	
 855 | 🙎	128590	1F64E	
 856 | 🙏	128591	1F64F	
 857 | 🚀	128640	1F680	
 858 | 🚁	128641	1F681	
 859 | 🚂	128642	1F682	
 860 | 🚃	128643	1F683	
 861 | 🚄	128644	1F684	
 862 | 🚅	128645	1F685	
 863 | 🚆	128646	1F686	
 864 | 🚇	128647	1F687	
 865 | 🚈	128648	1F688	
 866 | 🚉	128649	1F689	
 867 | 🚊	128650	1F68A	
 868 | 🚋	128651	1F68B	
 869 | 🚌	128652	1F68C	
 870 | 🚍	128653	1F68D	
 871 | 🚎	128654	1F68E	
 872 | 🚏	128655	1F68F	
 873 | 🚐	128656	1F690	
 874 | 🚑	128657	1F691	
 875 | 🚒	128658	1F692	
 876 | 🚓	128659	1F693	
 877 | 🚔	128660	1F694	
 878 | 🚕	128661	1F695	
 879 | 🚖	128662	1F696	
 880 | 🚗	128663	1F697	
 881 | 🚘	128664	1F698	
 882 | 🚙	128665	1F699	
 883 | 🚚	128666	1F69A	
 884 | 🚛	128667	1F69B	
 885 | 🚜	128668	1F69C	
 886 | 🚝	128669	1F69D	
 887 | 🚞	128670	1F69E	
 888 | 🚟	128671	1F69F	
 889 | 🚠	128672	1F6A0	
 890 | 🚡	128673	1F6A1	
 891 | 🚢	128674	1F6A2	
 892 | 🚣	128675	1F6A3	
 893 | 🚤	128676	1F6A4	
 894 | 🚥	128677	1F6A5	
 895 | 🚦	128678	1F6A6	
 896 | 🚧	128679	1F6A7	
 897 | 🚨	128680	1F6A8	
 898 | 🚩	128681	1F6A9	
 899 | 🚪	128682	1F6AA	
 900 | 🚫	128683	1F6AB	
 901 | 🚬	128684	1F6AC	
 902 | 🚭	128685	1F6AD	
 903 | 🚮	128686	1F6AE	
 904 | 🚯	128687	1F6AF	
 905 | 🚰	128688	1F6B0	
 906 | 🚱	128689	1F6B1	
 907 | 🚲	128690	1F6B2	
 908 | 🚳	128691	1F6B3	
 909 | 🚴	128692	1F6B4	
 910 | 🚵	128693	1F6B5	
 911 | 🚶	128694	1F6B6	
 912 | 🚷	128695	1F6B7	
 913 | 🚸	128696	1F6B8	
 914 | 🚹	128697	1F6B9	
 915 | 🚺	128698	1F6BA	
 916 | 🚻	128699	1F6BB	
 917 | 🚼	128700	1F6BC	
 918 | 🚽	128701	1F6BD	
 919 | 🚾	128702	1F6BE	
 920 | 🚿	128703	1F6BF	
 921 | 🛀	128704	1F6C0	
 922 | 🛁	128705	1F6C1	
 923 | 🛂	128706	1F6C2	
 924 | 🛃	128707	1F6C3	
 925 | 🛄	128708	1F6C4	
 926 | 🛅	128709	1F6C5	
 927 | 🛋	128715	1F6CB	
 928 | 🛌	128716	1F6CC	
 929 | 🛍	128717	1F6CD	
 930 | 🛎	128718	1F6CE	
 931 | 🛏	128719	1F6CF	
 932 | 🛐	128720	1F6D0	
 933 | 🛑	128721	1F6D1	
 934 | 🛒	128722	1F6D2	
 935 | 🛠	128736	1F6E0	
 936 | 🛡	128737	1F6E1	
 937 | 🛢	128738	1F6E2	
 938 | 🛣	128739	1F6E3	
 939 | 🛤	128740	1F6E4	
 940 | 🛥	128741	1F6E5	
 941 | 🛩	128745	1F6E9	
 942 | 🛫	128747	1F6EB	
 943 | 🛬	128748	1F6EC	
 944 | 🛰	128752	1F6F0	
 945 | 🛳	128755	1F6F3	
 946 | 🛴	128756	1F6F4	
 947 | 🛵	128757	1F6F5	
 948 | 🛶	128758	1F6F6	
 949 | 🛷	128759	1F6F7	
 950 | 🛸	128760	1F6F8	
 951 | 🛹	128761	1F6F9	
 952 | 🛺	128762	1F6FA	
 953 | 🤐	129296	1F910	
 954 | 🤑	129297	1F911	
 955 | 🤒	129298	1F912	
 956 | 🤓	129299	1F913	
 957 | 🤔	129300	1F914	
 958 | 🤕	129301	1F915	
 959 | 🤖	129302	1F916	
 960 | 🤗	129303	1F917	
 961 | 🤘	129304	1F918	
 962 | 🤙	129305	1F919	
 963 | 🤚	129306	1F91A	
 964 | 🤛	129307	1F91B	
 965 | 🤜	129308	1F91C	
 966 | 🤝	129309	1F91D	
 967 | 🤞	129310	1F91E	
 968 | 🤟	129311	1F91F	
 969 | 🤠	129312	1F920	
 970 | 🤡	129313	1F921	
 971 | 🤢	129314	1F922	
 972 | 🤣	129315	1F923	
 973 | 🤤	129316	1F924	
 974 | 🤥	129317	1F925	
 975 | 🤦	129318	1F926	
 976 | 🤧	129319	1F927	
 977 | 🤨	129320	1F928	
 978 | 🤩	129321	1F929	
 979 | 🤪	129322	1F92A	
 980 | 🤫	129323	1F92B	
 981 | 🤬	129324	1F92C	
 982 | 🤭	129325	1F92D	
 983 | 🤮	129326	1F92E	
 984 | 🤯	129327	1F92F	
 985 | 🤰	129328	1F930	
 986 | 🤱	129329	1F931	
 987 | 🤲	129330	1F932	
 988 | 🤳	129331	1F933	
 989 | 🤴	129332	1F934	
 990 | 🤵	129333	1F935	
 991 | 🤶	129334	1F936	
 992 | 🤷	129335	1F937	
 993 | 🤸	129336	1F938	
 994 | 🤹	129337	1F939	
 995 | 🤺	129338	1F93A	
 996 | 🤼	129340	1F93C	
 997 | 🤽	129341	1F93D	
 998 | 🤾	129342	1F93E	
 999 | 🥀	129344	1F940	
1000 | 🥁	129345	1F941	
1001 | 🥂	129346	1F942	
1002 | 🥃	129347	1F943	
1003 | 🥄	129348	1F944	
1004 | 🥅	129349	1F945	
1005 | 🥇	129351	1F947	
1006 | 🥈	129352	1F948	
1007 | 🥉	129353	1F949	
1008 | 🥊	129354	1F94A	
1009 | 🥋	129355	1F94B	
1010 | 🥌	129356	1F94C	
1011 | 🥍	129357	1F94D	
1012 | 🥎	129358	1F94E	
1013 | 🥏	129359	1F94F	
1014 | 🥐	129360	1F950	
1015 | 🥑	129361	1F951	
1016 | 🥒	129362	1F952	
1017 | 🥓	129363	1F953	
1018 | 🥔	129364	1F954	
1019 | 🥕	129365	1F955	
1020 | 🥖	129366	1F956	
1021 | 🥗	129367	1F957	
1022 | 🥘	129368	1F958	
1023 | 🥙	129369	1F959	
1024 | 🥚	129370	1F95A	
1025 | 🥛	129371	1F95B	
1026 | 🥜	129372	1F95C	
1027 | 🥝	129373	1F95D	
1028 | 🥞	129374	1F95E	
1029 | 🥟	129375	1F95F	
1030 | 🥠	129376	1F960	
1031 | 🥡	129377	1F961	
1032 | 🥢	129378	1F962	
1033 | 🥣	129379	1F963	
1034 | 🥤	129380	1F964	
1035 | 🥥	129381	1F965	
1036 | 🥦	129382	1F966	
1037 | 🥧	129383	1F967	
1038 | 🥨	129384	1F968	
1039 | 🥩	129385	1F969	
1040 | 🥪	129386	1F96A	
1041 | 🥫	129387	1F96B	
1042 | 🦀	129408	1F980	
1043 | 🦁	129409	1F981	
1044 | 🦂	129410	1F982	
1045 | 🦃	129411	1F983	
1046 | 🦄	129412	1F984	
1047 | 🦅	129413	1F985	
1048 | 🦆	129414	1F986	
1049 | 🦇	129415	1F987	
1050 | 🦈	129416	1F988	
1051 | 🦉	129417	1F989	
1052 | 🦊	129418	1F98A	
1053 | 🦋	129419	1F98B	
1054 | 🦌	129420	1F98C	
1055 | 🦍	129421	1F98D	
1056 | 🦎	129422	1F98E	
1057 | 🦏	129423	1F98F	
1058 | 🦐	129424	1F990	
1059 | 🦑	129425	1F991	
1060 | 🦒	129426	1F992	
1061 | 🦓	129427	1F993	
1062 | 🦔	129428	1F994	
1063 | 🦕	129429	1F995	
1064 | 🦖	129430	1F996	
1065 | 🦗	129431	1F997	
1066 | 🧀	129472	1F9C0	
1067 | 🧐	129488	1F9D0	
1068 | 🧑	129489	1F9D1	
1069 | 🧒	129490	1F9D2	
1070 | 🧓	129491	1F9D3	
1071 | 🧔	129492	1F9D4	
1072 | 🧕	129493	1F9D5	
1073 | 🧖	129494	1F9D6	
1074 | 🧗	129495	1F9D7	
1075 | 🧘	129496	1F9D8	
1076 | 🧙	129497	1F9D9	
1077 | 🧚	129498	1F9DA	
1078 | 🧛	129499	1F9DB	
1079 | 🧜	129500	1F9DC	
1080 | 🧝	129501	1F9DD	
1081 | 🧞	129502	1F9DE	
1082 | 🧟	129503	1F9DF	
1083 | 🧠	129504	1F9E0	
1084 | 🧡	129505	1F9E1	
1085 | 🧢	129506	1F9E2	
1086 | 🧣	129507	1F9E3	
1087 | 🧤	129508	1F9E4	
1088 | 🧥	129509	1F9E5	
1089 | 🧦	129510	1F9E6


--------------------------------------------------------------------------------