2022-04-02 13:30:16 +00:00
<!DOCTYPE html>
2024-04-30 20:08:46 +00:00
< html lang = "art-x-pir" dir = "rtl" itemscope itemtype = "http://schema.org/Article" >
2022-04-02 13:30:16 +00:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0" >
2024-09-11 19:02:33 +00:00
< meta name = "generator" content = "Hugo 0.134.2" >
2024-09-12 20:18:08 +00:00
< meta name = "generator" content = "Relearn 6.4.0+tip" >
2024-04-24 21:05:57 +00:00
< meta name = "description" content = "Generrrat'n o' diagrrram an' flowcharrrt frrrom text 'n a similar manner as Marrrkdown" >
2023-10-10 21:22:41 +00:00
< meta name = "author" content = "Sören Weber" >
2023-10-11 16:03:03 +00:00
< meta name = "twitter:card" content = "summary_large_image" >
2024-02-24 13:03:50 +00:00
< meta name = "twitter:image" content = "https://mcshelby.github.io/hugo-theme-relearn/images/hero.png" >
2023-10-11 16:03:03 +00:00
< meta name = "twitter:title" content = "Merrrmaid :: Cap'n Hugo Relearrrn Theme" >
2024-04-24 21:05:57 +00:00
< meta name = "twitter:description" content = "Generrrat'n o' diagrrram an' flowcharrrt frrrom text 'n a similar manner as Marrrkdown" >
2024-04-07 13:13:19 +00:00
< meta property = "og:url" content = "https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" >
< meta property = "og:site_name" content = "Cap'n Hugo Relearrrn Theme" >
2023-10-11 15:32:39 +00:00
< meta property = "og:title" content = "Merrrmaid :: Cap'n Hugo Relearrrn Theme" >
2024-04-24 21:05:57 +00:00
< meta property = "og:description" content = "Generrrat'n o' diagrrram an' flowcharrrt frrrom text 'n a similar manner as Marrrkdown" >
2024-06-05 21:20:58 +00:00
< meta property = "og:locale" content = "art_x_pir" >
2023-10-11 15:32:39 +00:00
< meta property = "og:type" content = "article" >
2024-04-27 12:39:25 +00:00
< meta property = "article:section" content = "Shorrrtcodes" >
2024-04-07 13:13:19 +00:00
< meta property = "og:image" content = "https://mcshelby.github.io/hugo-theme-relearn/images/hero.png" >
2024-04-24 19:38:41 +00:00
< meta itemprop = "name" content = "Merrrmaid :: Cap'n Hugo Relearrrn Theme" >
2024-04-24 21:05:57 +00:00
< meta itemprop = "description" content = "Generrrat'n o' diagrrram an' flowcharrrt frrrom text 'n a similar manner as Marrrkdown" >
2024-09-05 18:03:19 +00:00
< meta itemprop = "wordCount" content = "2229" >
2024-04-24 19:38:41 +00:00
< meta itemprop = "image" content = "https://mcshelby.github.io/hugo-theme-relearn/images/hero.png" >
2022-04-02 13:30:16 +00:00
< title > Merrrmaid :: Cap' n Hugo Relearrrn Theme< / title >
2024-02-24 13:03:50 +00:00
< link href = "https://mcshelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel = "alternate" hreflang = "x-default" >
< link href = "https://mcshelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel = "alternate" hreflang = "en" >
2024-04-30 20:08:46 +00:00
< link href = "https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel = "alternate" hreflang = "art-x-pir" >
2024-02-24 13:03:50 +00:00
< link href = "https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel = "canonical" type = "text/html" title = "Merrrmaid :: Cap'n Hugo Relearrrn Theme" >
2024-02-24 12:50:21 +00:00
< link href = "/hugo-theme-relearn/pir/shortcodes/mermaid/index.xml" rel = "alternate" type = "application/rss+xml" title = "Merrrmaid :: Cap'n Hugo Relearrrn Theme" >
2024-09-12 20:18:08 +00:00
< link href = "/hugo-theme-relearn/images/logo.svg?1726172282" rel = "icon" type = "image/svg+xml" >
< link href = "/hugo-theme-relearn/css/fontawesome-all.min.css?1726172282" rel = "stylesheet" media = "print" onload = "this.media='all';this.onload=null;" > < noscript > < link href = "/hugo-theme-relearn/css/fontawesome-all.min.css?1726172282" rel = "stylesheet" > < / noscript >
< link href = "/hugo-theme-relearn/css/nucleus.css?1726172282" rel = "stylesheet" >
< link href = "/hugo-theme-relearn/css/auto-complete.css?1726172282" rel = "stylesheet" media = "print" onload = "this.media='all';this.onload=null;" > < noscript > < link href = "/hugo-theme-relearn/css/auto-complete.css?1726172282" rel = "stylesheet" > < / noscript >
< link href = "/hugo-theme-relearn/css/perfect-scrollbar.min.css?1726172282" rel = "stylesheet" >
< link href = "/hugo-theme-relearn/css/fonts.css?1726172282" rel = "stylesheet" media = "print" onload = "this.media='all';this.onload=null;" > < noscript > < link href = "/hugo-theme-relearn/css/fonts.css?1726172282" rel = "stylesheet" > < / noscript >
< link href = "/hugo-theme-relearn/css/theme.css?1726172282" rel = "stylesheet" >
< link href = "/hugo-theme-relearn/css/theme-relearn-auto.css?1726172282" rel = "stylesheet" id = "R-variant-style" >
< link href = "/hugo-theme-relearn/css/chroma-relearn-auto.css?1726172282" rel = "stylesheet" id = "R-variant-chroma-style" >
< link href = "/hugo-theme-relearn/css/variant.css?1726172282" rel = "stylesheet" >
< link href = "/hugo-theme-relearn/css/print.css?1726172282" rel = "stylesheet" media = "print" >
< link href = "/hugo-theme-relearn/css/format-print.css?1726172282" rel = "stylesheet" >
< script src = "/hugo-theme-relearn/js/variant.js?1726172282" > < / script >
2024-03-16 13:44:28 +00:00
< script >
2023-11-16 22:53:34 +00:00
window.relearn = window.relearn || {};
2024-03-18 20:59:19 +00:00
window.relearn.relBasePath='..\/..\/..';
window.relearn.relBaseUri='..\/..\/..\/..';
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
2024-08-22 16:34:04 +00:00
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
2024-09-12 20:18:08 +00:00
window.index_js_url="/hugo-theme-relearn/pir/index.search.js?1726172282";
2023-11-16 22:53:34 +00:00
// variant stuff
2024-04-19 06:38:17 +00:00
window.variants & & variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
2023-11-16 22:53:34 +00:00
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
window.T_Copy_link_to_clipboard = `Copy link t' clipboard`;
window.T_Link_copied_to_clipboard = `Copied link t' clipboard!`;
window.T_Reset_view = `Rrreset view`;
window.T_View_reset = `View rrreset!`;
window.T_No_results_found = `No rrresults found fer "{0}"`;
window.T_N_results_found = `{1} rrresults found fer "{0}"`;
2022-04-02 13:30:16 +00:00
< / script >
2022-12-02 15:05:54 +00:00
< style >
2023-09-23 08:19:35 +00:00
#R-body img.bg-white {
2022-12-02 15:05:54 +00:00
background-color: white;
}
< / style >
2022-04-02 13:30:16 +00:00
< / head >
2024-02-24 12:50:21 +00:00
< body class = "mobile-support print disableInlineCopyToClipboard" data-url = "/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" >
2023-09-23 08:19:35 +00:00
< div id = "R-body" class = "default-animation" >
< div id = "R-body-overlay" > < / div >
< nav id = "R-topbar" >
2023-09-18 18:49:44 +00:00
< div class = "topbar-wrapper" >
2023-09-13 21:30:04 +00:00
< div class = "topbar-sidebar-divider" > < / div >
2023-09-18 18:49:44 +00:00
< div class = "topbar-area topbar-area-start" data-area = "start" >
2023-12-05 07:41:41 +00:00
< div class = "topbar-button topbar-button-sidebar" data-content-empty = "disable" data-width-s = "show" data-width-m = "hide" data-width-l = "hide" > < button class = "topbar-control" onclick = "toggleNav()" type = "button" title = "Menu (CTRL+ALT+n)" > < i class = "fa-fw fas fa-bars" > < / i > < / button >
2023-09-12 21:10:21 +00:00
< / div >
2023-09-13 21:30:04 +00:00
< / div >
2023-09-20 22:28:27 +00:00
< ol class = "topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype = "http://schema.org/BreadcrumbList" > < li
2024-02-24 12:50:21 +00:00
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">< a itemprop = "item" href = "/hugo-theme-relearn/pir/shortcodes/index.html" > < span itemprop = "name" > Shorrrtcodes< / span > < / a > < meta itemprop = "position" content = "1" > > < / li > < li
2023-09-23 22:28:49 +00:00
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">< span itemprop = "name" > Merrrmaid< / span > < meta itemprop = "position" content = "2" > < / li >
2023-09-13 21:30:04 +00:00
< / ol >
2023-09-18 18:49:44 +00:00
< div class = "topbar-area topbar-area-end" data-area = "end" >
2024-04-07 19:58:38 +00:00
< div class = "topbar-button topbar-button-prev" data-content-empty = "disable" data-width-s = "show" data-width-m = "show" data-width-l = "show" > < a class = "topbar-control" href = "/hugo-theme-relearn/pir/shortcodes/math/index.html" title = "Math (🡒)" > < i class = "fa-fw fas fa-chevron-left" > < / i > < / a >
< / div >
< div class = "topbar-button topbar-button-next" data-content-empty = "disable" data-width-s = "show" data-width-m = "show" data-width-l = "show" > < a class = "topbar-control" href = "/hugo-theme-relearn/pir/shortcodes/notice/index.html" title = "Notice (🡐)" > < i class = "fa-fw fas fa-chevron-right" > < / i > < / a >
< / div >
2023-09-12 21:19:47 +00:00
< / div >
2022-04-02 13:30:16 +00:00
< / div >
< / nav >
2023-09-23 08:19:35 +00:00
< div id = "R-main-overlay" > < / div >
< main id = "R-body-inner" class = "highlightable default" tabindex = "-1" >
2022-04-02 13:30:16 +00:00
< div class = "flex-block-wrapper" >
2022-11-07 19:58:08 +00:00
< article class = "default" >
2023-05-19 18:46:07 +00:00
< header class = "headline" >
< / header >
2024-04-07 19:58:38 +00:00
2022-11-13 21:34:47 +00:00
< h1 id = "merrrmaid" > Merrrmaid< / h1 >
2022-04-02 13:30:16 +00:00
2022-05-29 22:03:12 +00:00
< div class = "box notices cstyle warning" >
2024-09-01 11:58:33 +00:00
< div class = "box-label" >
< i class = "fa-fw fas fa-skull-crossbones" > < / i > Arrr! Pirrrates
< / div >
2022-12-01 00:38:08 +00:00
< div class = "box-content" >
2023-07-27 15:06:14 +00:00
< p > Fello' pirrrates, grog made us dizzy! Be awarrre < b > some stuff may look weird< / b > in this trrranslat'n. Like < b > Merrrmaids< / b > , do'n < b > math or chemistrrry< / b > and stuff.< / p >
2024-09-05 18:03:19 +00:00
< / div >
2024-04-24 21:05:57 +00:00
< / div > < p > Th' < code > mermaid< / code > shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' < a href = "https://mermaidjs.github.io/" rel = "external" target = "_self" > Merrrmaid< / a > library.< / p >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-06-05 17:32:37 +00:00
graph LR;
2022-10-07 18:46:19 +00:00
If --> Then
Then --> Else
2023-09-30 19:51:47 +00:00
< / pre >
2022-04-02 13:30:16 +00:00
< h2 id = "usage" > Usage< / h2 >
2024-08-13 11:44:38 +00:00
< p > While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use Marrrkdown codefences instead. This be because more an' more other software supports Merrrmaid Marrrkdown codefences (eg. GitHub) an' so yer markdown becomes more port'ble.< / p >
2023-01-24 22:59:44 +00:00
< p > Ye be free t' also call this shortcode from yer own partials.< / p >
2023-07-27 15:06:14 +00:00
< div class = "tab-panel" data-tab-group = "shortcode-parameter" >
2022-06-05 17:32:37 +00:00
< div class = "tab-nav" >
2023-06-06 17:55:15 +00:00
< div class = "tab-nav-title" > ​ < / div >
2022-06-05 17:32:37 +00:00
< button
2024-08-13 11:44:38 +00:00
data-tab-item="markdown"
2023-11-18 23:55:52 +00:00
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
2024-08-13 11:44:38 +00:00
onclick="switchTab('shortcode-parameter','markdown')"
2023-01-29 16:05:10 +00:00
>
2024-08-13 11:44:38 +00:00
< span class = "tab-nav-text" > markdown< / span >
2023-06-04 22:28:49 +00:00
< / button >
2022-06-05 17:32:37 +00:00
< button
data-tab-item="shortcode"
2023-06-06 16:16:06 +00:00
class="tab-nav-button tab-panel-style cstyle initial"
2023-07-27 15:06:14 +00:00
onclick="switchTab('shortcode-parameter','shortcode')"
2023-01-29 16:05:10 +00:00
>
2023-10-01 19:07:53 +00:00
< span class = "tab-nav-text" > shortcode< / span >
2023-06-04 22:28:49 +00:00
< / button >
2022-06-22 22:08:50 +00:00
< button
data-tab-item="partial"
2023-06-06 16:16:06 +00:00
class="tab-nav-button tab-panel-style cstyle initial"
2023-07-27 15:06:14 +00:00
onclick="switchTab('shortcode-parameter','partial')"
2023-01-29 16:05:10 +00:00
>
2023-10-01 19:07:53 +00:00
< span class = "tab-nav-text" > partial< / span >
2023-06-04 22:28:49 +00:00
< / button >
2022-06-05 17:32:37 +00:00
< / div >
2023-06-05 16:33:00 +00:00
< div class = "tab-content-container" >
2023-01-29 16:05:10 +00:00
< div
2024-08-13 11:44:38 +00:00
data-tab-item="markdown"
2023-06-06 16:16:06 +00:00
class="tab-content tab-panel-style cstyle initial active">
2023-06-05 16:33:00 +00:00
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-md" data-lang = "md" > < span class = "line" > < span class = "cl" > ```mermaid { align=" center" zoom=" true" }
2022-10-31 14:17:29 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > graph LR;
2022-06-05 17:32:37 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > If --> Then
< / span > < / span > < span class = "line" > < span class = "cl" > Then --> Else
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > ```< / span > < / span > < / code > < / pre > < / div >
< / div >
2023-06-05 16:33:00 +00:00
< / div >
2023-01-29 16:05:10 +00:00
< div
data-tab-item="shortcode"
2023-06-06 16:16:06 +00:00
class="tab-content tab-panel-style cstyle initial">
2023-06-05 16:33:00 +00:00
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "nx" > align< / span > < span class = "p" > =< / span > < span class = "s" > " center" < / span > < span class = "nx" > zoom< / span > < span class = "p" > =< / span > < span class = "s" > " true" < / span > < span class = "p" > > }}< / span >
2022-06-05 17:32:37 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > graph< / span > < span class = "nx" > LR< / span > < span class = "p" > ;< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > If< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > Then< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Then< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > Else< / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2023-06-05 16:33:00 +00:00
< / div >
2023-01-29 16:05:10 +00:00
< div
data-tab-item="partial"
2023-06-06 16:16:06 +00:00
class="tab-content tab-panel-style cstyle initial">
2023-06-05 16:33:00 +00:00
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< / span > < span class = "nx" > partial< / span > < span class = "s" > " shortcodes/mermaid.html" < / span > < span class = "p" > (< / span > < span class = "nx" > dict< / span >
2023-07-27 15:06:14 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " page" < / span > < span class = "p" > .< / span >
2022-06-22 22:08:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " content" < / span > < span class = "s" > " graph LR;\nIf --> Then\nThen --> Else" < / span >
2022-10-31 14:17:29 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " align" < / span > < span class = "s" > " center" < / span >
2023-02-05 10:13:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " zoom" < / span > < span class = "s" > " true" < / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > )}}< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2023-06-05 16:33:00 +00:00
< / div >
2022-06-05 17:32:37 +00:00
< / div >
2022-04-02 13:30:16 +00:00
< / div >
2024-04-07 21:58:37 +00:00
< p > Th' generated graphs can be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.< / p >
2022-06-05 17:32:37 +00:00
< h3 id = "parameter" > Parameter< / h3 >
< table >
2024-09-03 17:09:09 +00:00
< thead >
< tr >
< th style = "text-align: left" > Name< / th >
< th style = "text-align: left" > Default< / th >
< th style = "text-align: left" > Notes< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td style = "text-align: left" > < strong > align< / strong > < / td >
< td style = "text-align: left" > < code > center< / code > < / td >
< td style = "text-align: left" > Allowed values be < code > left< / code > , < code > center< / code > or < code > right< / code > .< / td >
< / tr >
< tr >
< td style = "text-align: left" > < strong > zoom< / strong > < / td >
< td style = "text-align: left" > see notes< / td >
< td style = "text-align: left" > Whether th' graph be pan- an' zoom'ble.< br > < br > If not set th' value be determined by th' < code > mermaidZoom< / code > sett'n o' th' < a href = "/hugo-theme-relearn/pir/shortcodes/mermaid/index.html#global-configuration-file" > ship< / a > or th' < a href = "/hugo-theme-relearn/pir/shortcodes/mermaid/index.html#pages-frontmatter" > planks frontmatter< / a > or < code > false< / code > if not set at all.< br > < br > - < code > false< / code > : no pan or zoom< br > - < code > true< / code > : pan an' zoom active< / td >
< / tr >
< tr >
< td style = "text-align: left" > < em > < strong > < content> < / strong > < / em > < / td >
< td style = "text-align: left" > < em > < empty> < / em > < / td >
< td style = "text-align: left" > Yer Merrrmaid graph.< / td >
< / tr >
< / tbody >
2022-06-05 17:32:37 +00:00
< / table >
< h2 id = "configuration" > Configurat'n< / h2 >
2024-04-21 21:48:09 +00:00
< p > Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’ s default sett'ns fer all o' yer files through a JSON object 'n yer < code > hugo.toml< / code > , override these sett'ns per plank through yer planks frontmatter or override these sett'n per diagramm through < a href = "https://mermaid-js.github.io/mermaid/#/directives?id=directives" rel = "external" target = "_self" > diagram directives< / a > .< / p >
2023-11-29 23:15:02 +00:00
< p > Th' JSON object o' yer < code > hugo.toml< / code > / frontmatter be forwarded into Mermaid’ s < code > mermaid.initialize()< / code > funct'n.< / p >
2024-04-21 21:48:09 +00:00
< p > See < a href = "https://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults" rel = "external" target = "_self" > Merrrmaid documentat'n< / a > fer all allowed sett'ns.< / p >
2023-11-29 23:15:02 +00:00
< p > Th' < code > theme< / code > sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n < code > hugo.toml< / code > , frontmatter or diagram directives.< / p >
2022-06-05 17:32:37 +00:00
< h3 id = "global-configuration-file" > Global Configurat'n File< / h3 >
2024-03-02 10:05:50 +00:00
< div class = "tab-panel" data-tab-group = "config-code" >
< div class = "tab-nav" >
< div class = "tab-nav-title" > hugo.< / div >
< button
data-tab-item="toml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('config-code','toml')"
>
< span class = "tab-nav-text" > toml< / span >
< / button >
< button
data-tab-item="yaml"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('config-code','yaml')"
>
< span class = "tab-nav-text" > yaml< / span >
< / button >
< button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('config-code','json')"
>
< span class = "tab-nav-text" > json< / span >
< / button >
< / div >
< div class = "tab-content-container" >
< div
data-tab-item="toml"
class="tab-content tab-panel-style cstyle initial active">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-toml" data-lang = "toml" > < span class = "line" > < span class = "cl" > < span class = "p" > [< / span > < span class = "nx" > params< / span > < span class = "p" > ]< / span >
2024-03-02 10:05:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > mermaidInitialize< / span > < span class = "p" > =< / span > < span class = "s1" > ' { " theme" : " dark" }' < / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > mermaidZoom< / span > < span class = "p" > =< / span > < span class = "kc" > true< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< div
data-tab-item="yaml"
class="tab-content tab-panel-style cstyle initial">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-yaml" data-lang = "yaml" > < span class = "line" > < span class = "cl" > < span class = "nt" > params< / span > < span class = "p" > :< / span > < span class = "w" >
2024-03-02 10:05:50 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "w" > < / span > < span class = "nt" > mermaidInitialize< / span > < span class = "p" > :< / span > < span class = "w" > < / span > < span class = "s1" > ' { " theme" : " dark" }' < / span > < span class = "w" >
2024-09-05 18:03:19 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "w" > < / span > < span class = "nt" > mermaidZoom< / span > < span class = "p" > :< / span > < span class = "w" > < / span > < span class = "kc" > true< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-json" data-lang = "json" > < span class = "line" > < span class = "cl" > < span class = "p" > {< / span >
2024-03-02 10:05:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nt" > " params" < / span > < span class = "p" > :< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nt" > " mermaidInitialize" < / span > < span class = "p" > :< / span > < span class = "s2" > " { \" theme\" : \" dark\" }" < / span > < span class = "p" > ,< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nt" > " mermaidZoom" < / span > < span class = "p" > :< / span > < span class = "kc" > true< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< / div >
< / div >
< h3 id = "pages-frontmatter" > Page’ s Frontmatter< / h3 >
< div class = "tab-panel" data-tab-group = "config-code" >
< div class = "tab-nav" >
< div class = "tab-nav-title" > ​ < / div >
< button
data-tab-item="toml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('config-code','toml')"
>
< span class = "tab-nav-text" > toml< / span >
< / button >
< button
data-tab-item="yaml"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('config-code','yaml')"
>
< span class = "tab-nav-text" > yaml< / span >
< / button >
< button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('config-code','json')"
>
< span class = "tab-nav-text" > json< / span >
< / button >
< / div >
< div class = "tab-content-container" >
< div
data-tab-item="toml"
class="tab-content tab-panel-style cstyle initial active">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-toml" data-lang = "toml" > < span class = "line" > < span class = "cl" > < span class = "err" > +++< / span >
2024-03-02 10:05:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > mermaidInitialize< / span > < span class = "p" > =< / span > < span class = "s1" > ' { " theme" : " dark" }' < / span >
2023-02-05 10:13:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > mermaidZoom< / span > < span class = "p" > =< / span > < span class = "kc" > true< / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "err" > +++< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< div
data-tab-item="yaml"
class="tab-content tab-panel-style cstyle initial">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-yaml" data-lang = "yaml" > < span class = "line" > < span class = "cl" > < span class = "nn" > ---< / span > < span class = "w" >
2024-03-02 10:05:50 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "w" > < / span > < span class = "nt" > mermaidInitialize< / span > < span class = "p" > :< / span > < span class = "w" > < / span > < span class = "s1" > ' { " theme" : " dark" }' < / span > < span class = "w" >
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "w" > < / span > < span class = "nt" > mermaidZoom< / span > < span class = "p" > :< / span > < span class = "w" > < / span > < span class = "kc" > true< / span > < span class = "w" >
2024-09-05 18:03:19 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "w" > < / span > < span class = "nn" > ---< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial">
< div class = "tab-content-text" >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-json" data-lang = "json" > < span class = "line" > < span class = "cl" > < span class = "p" > {< / span >
2024-03-02 10:05:50 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nt" > " mermaidInitialize" < / span > < span class = "p" > :< / span > < span class = "s2" > " { \" theme\" : \" dark\" }" < / span > < span class = "p" > ,< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nt" > " mermaidZoom" < / span > < span class = "p" > :< / span > < span class = "kc" > true< / span >
2024-09-05 18:03:19 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span > < / span > < / span > < / code > < / pre > < / div >
< / div >
2024-03-02 10:05:50 +00:00
< / div >
< / div >
< / div >
< h2 id = "examples" > Examples< / h2 >
2023-06-09 19:48:05 +00:00
< h3 id = "flowchart-with-yaml-title" > Flowchart wit' YAML-Title< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-06-09 19:48:05 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > ---< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "p" > :< / span > < span class = "nx" > Example< / span > < span class = "nx" > Diagram< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > ---< / span >
2022-04-02 13:30:16 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > graph< / span > < span class = "nx" > LR< / span > < span class = "p" > ;< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > A< / span > < span class = "p" > [< / span > < span class = "nx" > Hard< / span > < span class = "nx" > edge< / span > < span class = "p" > ]< / span > < span class = "o" > --< / span > < span class = "p" > > |< / span > < span class = "nx" > Link< / span > < span class = "nx" > text< / span > < span class = "p" > |< / span > < span class = "nf" > B< / span > < span class = "p" > (< / span > < span class = "nx" > Round< / span > < span class = "nx" > edge< / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > B< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > C< / span > < span class = "p" > {< < / span > < span class = "nx" > strong< / span > < span class = "p" > > < / span > < span class = "nx" > Decision< / span > < span class = "p" > < < / span > < span class = "o" > /< / span > < span class = "nx" > strong< / span > < span class = "p" > > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > C< / span > < span class = "o" > --< / span > < span class = "p" > > |< / span > < span class = "nx" > One< / span > < span class = "p" > |< / span > < span class = "nx" > D< / span > < span class = "p" > [< / span > < span class = "nx" > Result< / span > < span class = "nx" > one< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > C< / span > < span class = "o" > --< / span > < span class = "p" > > |< / span > < span class = "nx" > Two< / span > < span class = "p" > |< / span > < span class = "nx" > E< / span > < span class = "p" > [< / span > < span class = "nx" > Result< / span > < span class = "nx" > two< / span > < span class = "p" > ]< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-06-09 19:48:05 +00:00
---
title: Example Diagram
---
2022-06-05 17:32:37 +00:00
graph LR;
2022-10-07 18:46:19 +00:00
A[Hard edge] --> |Link text| B(Round edge)
B --> C{< strong> Decision< /strong> }
C --> |One| D[Result one]
C --> |Two| E[Result two]
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-18 23:02:20 +00:00
< h3 id = "sequence-diagram-with-configuration-directive" > Sequence Diagram wit' Configurat'n Directive< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > %%< / span > < span class = "p" > {< / span > < span class = "nx" > init< / span > < span class = "p" > :{< / span > < span class = "s" > " fontFamily" < / span > < span class = "p" > :< / span > < span class = "s" > " monospace" < / span > < span class = "p" > ,< / span > < span class = "s" > " sequence" < / span > < span class = "p" > :{< / span > < span class = "s" > " showSequenceNumbers" < / span > < span class = "p" > :< / span > < span class = "kc" > true< / span > < span class = "p" > }}}< / span > < span class = "o" > %%< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > sequenceDiagram< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Alice< / span > < span class = "o" > -> > < / span > < span class = "nx" > John< / span > < span class = "p" > :< / span > < span class = "nx" > Hello< / span > < span class = "nx" > John< / span > < span class = "p" > ,< / span > < span class = "nx" > how< / span > < span class = "nx" > be< / span > < span class = "nx" > ye< / span > < span class = "err" > ?< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > loop< / span > < span class = "nx" > Healthcheck< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > John< / span > < span class = "o" > -> > < / span > < span class = "nx" > John< / span > < span class = "p" > :< / span > < span class = "nx" > Fight< / span > < span class = "nx" > against< / span > < span class = "nx" > hypochondria< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > end< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Avast< / span > < span class = "nx" > right< / span > < span class = "nx" > o'< / span > < span class = "nx" > John< / span > < span class = "p" > :< / span > < span class = "nx" > Rational< / span > < span class = "nx" > thoughts< / span > < span class = "p" > !< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > John< / span > < span class = "o" > --> > < / span > < span class = "nx" > Alice< / span > < span class = "p" > :< / span > < span class = "nx" > Great< / span > < span class = "p" > !< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > John< / span > < span class = "o" > -> > < / span > < span class = "nx" > Bob< / span > < span class = "p" > :< / span > < span class = "nx" > How< / span > < span class = "nx" > about< / span > < span class = "nx" > ye< / span > < span class = "err" > ?< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Bob< / span > < span class = "o" > --> > < / span > < span class = "nx" > John< / span > < span class = "p" > :< / span > < span class = "nx" > Jolly< / span > < span class = "nx" > bloody< / span > < span class = "p" > !< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-11-18 23:02:20 +00:00
%%{init:{" fontFamily" :" monospace" , " sequence" :{" showSequenceNumbers" :true}}}%%
sequenceDiagram
Alice-> > John: Hello John, how be ye?
loop Healthcheck
John-> > John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John--> > Alice: Great!
John-> > Bob: How about ye?
Bob--> > John: Jolly bloody!
2023-09-30 19:51:47 +00:00
< / pre >
2024-08-13 11:44:38 +00:00
< h3 id = "class-diagram-with-markdown-codefence-syntax" > Class Diagram wit' Marrrkdown Codefence Rules< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "s" > ```mermaid
2022-11-17 22:36:34 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > classDiagram
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal < |-- Duck
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal < |-- Fish
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal < |-- Zebra
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal : +int age
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal : +Str'n gender
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal: +isMammal()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > Animal: +mate()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > class Duck{
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > +Str'n beakColor
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > +swim()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > +quack()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > }
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > class Fish{
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > -int sizeInFeet
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > -canEat()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > }
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > class Zebra{
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > +bool is_wild
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > +run()
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > }
2023-06-21 23:23:13 +00:00
< / span > < / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > ```< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" > classDiagram
2022-11-17 22:36:34 +00:00
Animal < |-- Duck
Animal < |-- Fish
Animal < |-- Zebra
Animal : + int age
Animal : + Str'n gender
Animal: + isMammal()
Animal: + mate()
class Duck{
+ Str'n beakColor
+ swim()
+ quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+ bool is_wild
+ run()
2024-09-05 18:03:19 +00:00
}< / pre >
< h3 id = "state-diagram-aligned-to-the-right" > State Diagram Aligned t' th' Right< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "nx" > align< / span > < span class = "p" > =< / span > < span class = "s" > " right" < / span > < span class = "p" > > }}< / span >
2022-11-17 22:36:34 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > stateDiagram< / span > < span class = "o" > -< / span > < span class = "nx" > v2< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > open< / span > < span class = "p" > :< / span > < span class = "nx" > Open< / span > < span class = "nx" > Door< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > closed< / span > < span class = "p" > :< / span > < span class = "nx" > Closed< / span > < span class = "nx" > Door< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > locked< / span > < span class = "p" > :< / span > < span class = "nx" > Locked< / span > < span class = "nx" > Door< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > open< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > closed< / span > < span class = "p" > :< / span > < span class = "nx" > Close< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > closed< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > locked< / span > < span class = "p" > :< / span > < span class = "nx" > Lock< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > locked< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > closed< / span > < span class = "p" > :< / span > < span class = "nx" > Unlock< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > closed< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > open< / span > < span class = "p" > :< / span > < span class = "nx" > Open< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-right zoomable" >
2022-11-17 22:36:34 +00:00
stateDiagram-v2
open: Open Door
closed: Closed Door
locked: Locked Door
open --> closed: Close
closed --> locked: Lock
locked --> closed: Unlock
closed --> open: Open
2023-09-30 19:51:47 +00:00
< / pre >
2023-06-09 19:48:05 +00:00
< h3 id = "entity-relationship-model-with-non-default-mermaid-theme" > Entity Relationship Model wit' Non-Default Merrrmaid Theme< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-06-09 19:48:05 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > %%< / span > < span class = "p" > {< / span > < span class = "nx" > init< / span > < span class = "p" > :{< / span > < span class = "s" > " theme" < / span > < span class = "p" > :< / span > < span class = "s" > " forest" < / span > < span class = "p" > }}< / span > < span class = "o" > %%< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > erDiagram< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > CUSTOMER< / span > < span class = "p" > }|..|{< / span > < span class = "nx" > DELIVERY< / span > < span class = "o" > -< / span > < span class = "nx" > ADDRESS< / span > < span class = "p" > :< / span > < span class = "nx" > has< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > CUSTOMER< / span > < span class = "o" > ||--< / span > < span class = "nx" > o< / span > < span class = "p" > {< / span > < span class = "nx" > ORDER< / span > < span class = "p" > :< / span > < span class = "nx" > places< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > CUSTOMER< / span > < span class = "o" > ||--< / span > < span class = "nx" > o< / span > < span class = "p" > {< / span > < span class = "nx" > INVOICE< / span > < span class = "p" > :< / span > < span class = "s" > " li'ble for" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > DELIVERY< / span > < span class = "o" > -< / span > < span class = "nx" > ADDRESS< / span > < span class = "o" > ||--< / span > < span class = "nx" > o< / span > < span class = "p" > {< / span > < span class = "nx" > ORDER< / span > < span class = "p" > :< / span > < span class = "nx" > receives< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > INVOICE< / span > < span class = "o" > ||--< / span > < span class = "p" > |{< / span > < span class = "nx" > ORDER< / span > < span class = "p" > :< / span > < span class = "nx" > covers< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > ORDER< / span > < span class = "o" > ||--< / span > < span class = "p" > |{< / span > < span class = "nx" > ORDER< / span > < span class = "o" > -< / span > < span class = "nx" > ITEM< / span > < span class = "p" > :< / span > < span class = "nx" > includes< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > PRODUCT< / span > < span class = "o" > -< / span > < span class = "nx" > CATEGORY< / span > < span class = "o" > ||--< / span > < span class = "p" > |{< / span > < span class = "nx" > PRODUCT< / span > < span class = "p" > :< / span > < span class = "nx" > contains< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > PRODUCT< / span > < span class = "o" > ||--< / span > < span class = "nx" > o< / span > < span class = "p" > {< / span > < span class = "nx" > ORDER< / span > < span class = "o" > -< / span > < span class = "nx" > ITEM< / span > < span class = "p" > :< / span > < span class = "s" > " ordered in" < / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-06-09 19:48:05 +00:00
%%{init:{" theme" :" forest" }}%%
2022-11-18 23:02:20 +00:00
erDiagram
CUSTOMER }|..|{ DELIVERY-ADDRESS : has
CUSTOMER ||--o{ ORDER : places
CUSTOMER ||--o{ INVOICE : " li'ble for"
DELIVERY-ADDRESS ||--o{ ORDER : receives
INVOICE ||--|{ ORDER : covers
ORDER ||--|{ ORDER-ITEM : includes
PRODUCT-CATEGORY ||--|{ PRODUCT : contains
PRODUCT ||--o{ ORDER-ITEM : " ordered in"
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-18 23:02:20 +00:00
< h3 id = "user-journey" > User Journey< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > journey< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "nx" > My< / span > < span class = "nx" > work'n< / span > < span class = "nx" > day< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > section< / span > < span class = "nx" > Go< / span > < span class = "nx" > t'< / span > < span class = "nx" > work< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Make< / span > < span class = "nx" > tea< / span > < span class = "p" > :< / span > < span class = "mi" > 5< / span > < span class = "p" > :< / span > < span class = "nx" > Me< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Go< / span > < span class = "nx" > upstairs< / span > < span class = "p" > :< / span > < span class = "mi" > 3< / span > < span class = "p" > :< / span > < span class = "nx" > Me< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Do< / span > < span class = "nx" > work< / span > < span class = "p" > :< / span > < span class = "mi" > 1< / span > < span class = "p" > :< / span > < span class = "nx" > Me< / span > < span class = "p" > ,< / span > < span class = "nx" > Cat< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > section< / span > < span class = "nx" > Go< / span > < span class = "nx" > home< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Go< / span > < span class = "nx" > downstairs< / span > < span class = "p" > :< / span > < span class = "mi" > 5< / span > < span class = "p" > :< / span > < span class = "nx" > Me< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Sit< / span > < span class = "nx" > down< / span > < span class = "p" > :< / span > < span class = "mi" > 3< / span > < span class = "p" > :< / span > < span class = "nx" > Me< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-11-18 23:02:20 +00:00
journey
title My work'n day
section Go t' work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 3: Me
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-17 22:36:34 +00:00
< h3 id = "gantt-chart" > GANTT Chart< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-04-02 13:30:16 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > gantt< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > dateFormat< / span > < span class = "nx" > YYYY< / span > < span class = "o" > -< / span > < span class = "nx" > MM< / span > < span class = "o" > -< / span > < span class = "nx" > DD< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "nx" > Add'n< / span > < span class = "nx" > GANTT< / span > < span class = "nx" > diagram< / span > < span class = "nx" > functionality< / span > < span class = "nx" > t'< / span > < span class = "nx" > Merrrmaid< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > section< / span > < span class = "nx" > A< / span > < span class = "nx" > section< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Completed< / span > < span class = "nx" > task< / span > < span class = "p" > :< / span > < span class = "nx" > done< / span > < span class = "p" > ,< / span > < span class = "nx" > des1< / span > < span class = "p" > ,< / span > < span class = "mi" > 2014< / span > < span class = "o" > -< / span > < span class = "mo" > 01< / span > < span class = "o" > -< / span > < span class = "mo" > 06< / span > < span class = "p" > ,< / span > < span class = "mi" > 2014< / span > < span class = "o" > -< / span > < span class = "mo" > 01< / span > < span class = "o" > -< / span > < span class = "mi" > 08< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Active< / span > < span class = "nx" > task< / span > < span class = "p" > :< / span > < span class = "nx" > active< / span > < span class = "p" > ,< / span > < span class = "nx" > des2< / span > < span class = "p" > ,< / span > < span class = "mi" > 2014< / span > < span class = "o" > -< / span > < span class = "mo" > 01< / span > < span class = "o" > -< / span > < span class = "mi" > 09< / span > < span class = "p" > ,< / span > < span class = "mi" > 3< / span > < span class = "nx" > d< / span >
2023-07-27 15:06:14 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Future< / span > < span class = "nx" > task< / span > < span class = "p" > :< / span > < span class = "nx" > des3< / span > < span class = "p" > ,< / span > < span class = "nx" > after< / span > < span class = "nx" > des2< / span > < span class = "p" > ,< / span > < span class = "mi" > 5< / span > < span class = "nx" > d< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Future< / span > < span class = "nx" > task2< / span > < span class = "p" > :< / span > < span class = "nx" > des4< / span > < span class = "p" > ,< / span > < span class = "nx" > after< / span > < span class = "nx" > des3< / span > < span class = "p" > ,< / span > < span class = "mi" > 5< / span > < span class = "nx" > d< / span >
2022-04-02 13:30:16 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > section< / span > < span class = "nx" > Critical< / span > < span class = "nx" > tasks< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Completed< / span > < span class = "nx" > task< / span > < span class = "nx" > 'n< / span > < span class = "nx" > th'< / span > < span class = "nx" > critical< / span > < span class = "nx" > line< / span > < span class = "p" > :< / span > < span class = "nx" > crit< / span > < span class = "p" > ,< / span > < span class = "nx" > done< / span > < span class = "p" > ,< / span > < span class = "mi" > 2014< / span > < span class = "o" > -< / span > < span class = "mo" > 01< / span > < span class = "o" > -< / span > < span class = "mo" > 06< / span > < span class = "p" > ,< / span > < span class = "mi" > 24< / span > < span class = "nx" > h< / span >
2023-07-27 15:06:14 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Implement< / span > < span class = "nx" > parser< / span > < span class = "nx" > an'< / span > < span class = "nx" > jison< / span > < span class = "p" > :< / span > < span class = "nx" > crit< / span > < span class = "p" > ,< / span > < span class = "nx" > done< / span > < span class = "p" > ,< / span > < span class = "nx" > after< / span > < span class = "nx" > des1< / span > < span class = "p" > ,< / span > < span class = "mi" > 2< / span > < span class = "nx" > d< / span >
2022-04-02 13:30:16 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Create< / span > < span class = "nx" > tests< / span > < span class = "k" > fer< / span > < span class = "nx" > parser< / span > < span class = "p" > :< / span > < span class = "nx" > crit< / span > < span class = "p" > ,< / span > < span class = "nx" > active< / span > < span class = "p" > ,< / span > < span class = "mi" > 3< / span > < span class = "nx" > d< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Future< / span > < span class = "nx" > task< / span > < span class = "nx" > 'n< / span > < span class = "nx" > critical< / span > < span class = "nx" > line< / span > < span class = "p" > :< / span > < span class = "nx" > crit< / span > < span class = "p" > ,< / span > < span class = "mi" > 5< / span > < span class = "nx" > d< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Create< / span > < span class = "nx" > tests< / span > < span class = "k" > fer< / span > < span class = "nx" > renderer< / span > < span class = "p" > :< / span > < span class = "mi" > 2< / span > < span class = "nx" > d< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Add< / span > < span class = "nx" > t'< / span > < span class = "nx" > Merrrmaid< / span > < span class = "p" > :< / span > < span class = "mi" > 1< / span > < span class = "nx" > d< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-06-05 17:32:37 +00:00
gantt
dateFormat YYYY-MM-DD
title Add'n GANTT diagram functionality t' Merrrmaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
2023-07-27 15:06:14 +00:00
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
2022-06-05 17:32:37 +00:00
section Critical tasks
Completed task 'n th' critical line :crit, done, 2014-01-06,24h
2023-07-27 15:06:14 +00:00
Implement parser an' jison :crit, done, after des1, 2d
2022-06-05 17:32:37 +00:00
Create tests fer parser :crit, active, 3d
Future task 'n critical line :crit, 5d
Create tests fer renderer :2d
Add t' Merrrmaid :1d
2023-09-30 19:51:47 +00:00
< / pre >
2023-02-05 10:13:50 +00:00
< h3 id = "pie-chart-without-zoom" > Pie Chart without Zoom< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "nx" > zoom< / span > < span class = "p" > =< / span > < span class = "s" > " false" < / span > < span class = "p" > > }}< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > pie< / span > < span class = "nx" > title< / span > < span class = "nx" > Pets< / span > < span class = "nx" > adopted< / span > < span class = "nx" > by< / span > < span class = "nx" > volunteers< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " Dogs" < / span > < span class = "p" > :< / span > < span class = "mi" > 386< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " Cats" < / span > < span class = "p" > :< / span > < span class = "mi" > 85< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "s" > " Rats" < / span > < span class = "p" > :< / span > < span class = "mi" > 15< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2024-03-11 20:44:09 +00:00
< pre class = "mermaid align-center " >
2022-11-18 23:02:20 +00:00
pie title Pets adopted by volunteers
" Dogs" : 386
" Cats" : 85
" Rats" : 15
2023-09-30 19:51:47 +00:00
< / pre >
2023-08-11 17:57:56 +00:00
< h3 id = "quadrant-chart" > Quadrant Chart< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-08-11 17:57:56 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > pie< / span > < span class = "nx" > title< / span > < span class = "nx" > Pets< / span > < span class = "nx" > adopted< / span > < span class = "nx" > by< / span > < span class = "nx" > volunteers< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "nx" > Reach< / span > < span class = "nx" > an'< / span > < span class = "nx" > engagement< / span > < span class = "nx" > o'< / span > < span class = "nx" > campaigns< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > x< / span > < span class = "o" > -< / span > < span class = "nx" > axis< / span > < span class = "nx" > Low< / span > < span class = "nx" > Reach< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > High< / span > < span class = "nx" > Reach< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > y< / span > < span class = "o" > -< / span > < span class = "nx" > axis< / span > < span class = "nx" > Low< / span > < span class = "nx" > Engagement< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > High< / span > < span class = "nx" > Engagement< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > quadrant< / span > < span class = "o" > -< / span > < span class = "mi" > 1< / span > < span class = "nx" > We< / span > < span class = "nx" > should< / span > < span class = "nx" > expand< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > quadrant< / span > < span class = "o" > -< / span > < span class = "mi" > 2< / span > < span class = "nx" > Need< / span > < span class = "nx" > t'< / span > < span class = "nx" > promote< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > quadrant< / span > < span class = "o" > -< / span > < span class = "mi" > 3< / span > < span class = "nx" > Re< / span > < span class = "o" > -< / span > < span class = "nx" > evaluate< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > quadrant< / span > < span class = "o" > -< / span > < span class = "mi" > 4< / span > < span class = "nx" > May< / span > < span class = "nx" > be< / span > < span class = "nx" > improved< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > A< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.3< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.6< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > B< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.45< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.23< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > C< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.57< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.69< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > D< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.78< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.34< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > E< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.40< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.34< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Campaign< / span > < span class = "nx" > F< / span > < span class = "p" > :< / span > < span class = "p" > [< / span > < span class = "mf" > 0.35< / span > < span class = "p" > ,< / span > < span class = "mf" > 0.78< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-08-11 17:57:56 +00:00
quadrantChart
title Reach an' engagement o' campaigns
x-axis Low Reach --> High Reach
y-axis Low Engagement --> High Engagement
quadrant-1 We should expand
quadrant-2 Need t' promote
quadrant-3 Re-evaluate
quadrant-4 May be improved
Campaign A: [0.3, 0.6]
Campaign B: [0.45, 0.23]
Campaign C: [0.57, 0.69]
Campaign D: [0.78, 0.34]
Campaign E: [0.40, 0.34]
Campaign F: [0.35, 0.78]
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-18 23:02:20 +00:00
< h3 id = "requirement-diagram" > Requirement Diagram< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > requirementDiagram< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > requirement< / span > < span class = "nx" > test_req< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > id< / span > < span class = "p" > :< / span > < span class = "mi" > 1< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > text< / span > < span class = "p" > :< / span > < span class = "nx" > th'< / span > < span class = "nx" > test< / span > < span class = "nx" > text< / span > < span class = "p" > .< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > risk< / span > < span class = "p" > :< / span > < span class = "nx" > high< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > verifymethod< / span > < span class = "p" > :< / span > < span class = "nx" > test< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > element< / span > < span class = "nx" > test_entity< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "kd" > type< / span > < span class = "p" > :< / span > < span class = "nx" > simulat'n< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > test_entity< / span > < span class = "o" > -< / span > < span class = "nx" > satisfies< / span > < span class = "o" > -< / span > < span class = "p" > > < / span > < span class = "nx" > test_req< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-11-18 23:02:20 +00:00
requirementDiagram
requirement test_req {
id: 1
text: th' test text.
risk: high
verifymethod: test
}
element test_entity {
type: simulat'n
}
test_entity - satisfies -> test_req
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-17 22:36:34 +00:00
< h3 id = "git-graph" > Git Graph< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-11-17 22:36:34 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > gitGraph< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > branch< / span > < span class = "nx" > develop< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > checkout< / span > < span class = "nx" > develop< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > checkout< / span > < span class = "nx" > main< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > merge< / span > < span class = "nx" > develop< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > commit< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-11-17 22:36:34 +00:00
gitGraph
commit
commit
branch develop
checkout develop
commit
commit
checkout main
merge develop
commit
commit
2023-09-30 19:51:47 +00:00
< / pre >
2022-11-18 23:02:20 +00:00
< h3 id = "c4-diagrams" > C4 Diagrams< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2022-11-18 23:02:20 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > C4Context< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "nx" > System< / span > < span class = "nx" > Context< / span > < span class = "nx" > diagram< / span > < span class = "k" > fer< / span > < span class = "nx" > Internet< / span > < span class = "nx" > Bank'n< / span > < span class = "nx" > System< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Enterprise_Boundary< / span > < span class = "p" > (< / span > < span class = "nx" > b0< / span > < span class = "p" > ,< / span > < span class = "s" > " BankBoundary0" < / span > < span class = "p" > )< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Person< / span > < span class = "p" > (< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n Customer A" < / span > < span class = "p" > ,< / span > < span class = "s" > " A customer o' th' bank, wit' personal bank accounts." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Person< / span > < span class = "p" > (< / span > < span class = "nx" > customerB< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n Customer B" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Person_Ext< / span > < span class = "p" > (< / span > < span class = "nx" > customerC< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n Customer C" < / span > < span class = "p" > ,< / span > < span class = "s" > " desc" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Person< / span > < span class = "p" > (< / span > < span class = "nx" > customerD< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n Customer D" < / span > < span class = "p" > ,< / span > < span class = "s" > " A customer o' th' bank, < br/> wit' personal bank accounts." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > System< / span > < span class = "p" > (< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "s" > " Internet Bank'n System" < / span > < span class = "p" > ,< / span > < span class = "s" > " Allows customers t' view informat'n about their bank accounts, an' make payments." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Enterprise_Boundary< / span > < span class = "p" > (< / span > < span class = "nx" > b1< / span > < span class = "p" > ,< / span > < span class = "s" > " BankBoundary" < / span > < span class = "p" > )< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > SystemDb_Ext< / span > < span class = "p" > (< / span > < span class = "nx" > SystemE< / span > < span class = "p" > ,< / span > < span class = "s" > " Mainframe Bank'n System" < / span > < span class = "p" > ,< / span > < span class = "s" > " Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > System_Boundary< / span > < span class = "p" > (< / span > < span class = "nx" > b2< / span > < span class = "p" > ,< / span > < span class = "s" > " BankBoundary2" < / span > < span class = "p" > )< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > System< / span > < span class = "p" > (< / span > < span class = "nx" > SystemA< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n System A" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > System< / span > < span class = "p" > (< / span > < span class = "nx" > SystemB< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n System B" < / span > < span class = "p" > ,< / span > < span class = "s" > " A system o' th' bank, wit' personal bank accounts. next line." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > System_Ext< / span > < span class = "p" > (< / span > < span class = "nx" > SystemC< / span > < span class = "p" > ,< / span > < span class = "s" > " E-mail system" < / span > < span class = "p" > ,< / span > < span class = "s" > " The internal Microsoft Exchange e-mail system." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > SystemDb< / span > < span class = "p" > (< / span > < span class = "nx" > SystemD< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n System D Database" < / span > < span class = "p" > ,< / span > < span class = "s" > " A system o' th' bank, wit' personal bank accounts." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Boundary< / span > < span class = "p" > (< / span > < span class = "nx" > b3< / span > < span class = "p" > ,< / span > < span class = "s" > " BankBoundary3" < / span > < span class = "p" > ,< / span > < span class = "s" > " boundary" < / span > < span class = "p" > )< / span > < span class = "p" > {< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > SystemQueue< / span > < span class = "p" > (< / span > < span class = "nx" > SystemF< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n System F Queue" < / span > < span class = "p" > ,< / span > < span class = "s" > " A system o' th' bank." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > SystemQueue_Ext< / span > < span class = "p" > (< / span > < span class = "nx" > SystemG< / span > < span class = "p" > ,< / span > < span class = "s" > " Bank'n System G Queue" < / span > < span class = "p" > ,< / span > < span class = "s" > " A system o' th' bank, wit' personal bank accounts." < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > }< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > BiRel< / span > < span class = "p" > (< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "s" > " Uses" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > BiRel< / span > < span class = "p" > (< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemE< / span > < span class = "p" > ,< / span > < span class = "s" > " Uses" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Rel< / span > < span class = "p" > (< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemC< / span > < span class = "p" > ,< / span > < span class = "s" > " Sends e-mails" < / span > < span class = "p" > ,< / span > < span class = "s" > " SMTP" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > Rel< / span > < span class = "p" > (< / span > < span class = "nx" > SystemC< / span > < span class = "p" > ,< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "s" > " Sends e-mails to" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateElementStyle< / span > < span class = "p" > (< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > fontColor< / span > < span class = "p" > =< / span > < span class = "s" > " red" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > bgColor< / span > < span class = "p" > =< / span > < span class = "s" > " grey" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > borderColor< / span > < span class = "p" > =< / span > < span class = "s" > " red" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateRelStyle< / span > < span class = "p" > (< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > textColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > lineColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetX< / span > < span class = "p" > =< / span > < span class = "s" > " 5" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateRelStyle< / span > < span class = "p" > (< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemE< / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > textColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > lineColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetY< / span > < span class = "p" > =< / span > < span class = "s" > " -10" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateRelStyle< / span > < span class = "p" > (< / span > < span class = "nx" > SystemAA< / span > < span class = "p" > ,< / span > < span class = "nx" > SystemC< / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > textColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > lineColor< / span > < span class = "p" > =< / span > < span class = "s" > " blue" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetY< / span > < span class = "p" > =< / span > < span class = "s" > " -40" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetX< / span > < span class = "p" > =< / span > < span class = "s" > " -50" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateRelStyle< / span > < span class = "p" > (< / span > < span class = "nx" > SystemC< / span > < span class = "p" > ,< / span > < span class = "nx" > customerA< / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > textColor< / span > < span class = "p" > =< / span > < span class = "s" > " red" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > lineColor< / span > < span class = "p" > =< / span > < span class = "s" > " red" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetX< / span > < span class = "p" > =< / span > < span class = "s" > " -50" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > offsetY< / span > < span class = "p" > =< / span > < span class = "s" > " 20" < / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > UpdateLayoutConfig< / span > < span class = "p" > (< / span > < span class = "err" > $< / span > < span class = "nx" > c4ShapeInRow< / span > < span class = "p" > =< / span > < span class = "s" > " 3" < / span > < span class = "p" > ,< / span > < span class = "err" > $< / span > < span class = "nx" > c4BoundaryInRow< / span > < span class = "p" > =< / span > < span class = "s" > " 1" < / span > < span class = "p" > )< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2022-11-18 23:02:20 +00:00
C4Context
title System Context diagram fer Internet Bank'n System
Enterprise_Boundary(b0, " BankBoundary0" ) {
Person(customerA, " Bank'n Customer A" , " A customer o' th' bank, wit' personal bank accounts." )
Person(customerB, " Bank'n Customer B" )
Person_Ext(customerC, " Bank'n Customer C" , " desc" )
Person(customerD, " Bank'n Customer D" , " A customer o' th' bank, < br/> wit' personal bank accounts." )
System(SystemAA, " Internet Bank'n System" , " Allows customers t' view informat'n about their bank accounts, an' make payments." )
Enterprise_Boundary(b1, " BankBoundary" ) {
SystemDb_Ext(SystemE, " Mainframe Bank'n System" , " Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc." )
System_Boundary(b2, " BankBoundary2" ) {
System(SystemA, " Bank'n System A" )
System(SystemB, " Bank'n System B" , " A system o' th' bank, wit' personal bank accounts. next line." )
}
System_Ext(SystemC, " E-mail system" , " The internal Microsoft Exchange e-mail system." )
SystemDb(SystemD, " Bank'n System D Database" , " A system o' th' bank, wit' personal bank accounts." )
Boundary(b3, " BankBoundary3" , " boundary" ) {
SystemQueue(SystemF, " Bank'n System F Queue" , " A system o' th' bank." )
SystemQueue_Ext(SystemG, " Bank'n System G Queue" , " A system o' th' bank, wit' personal bank accounts." )
}
}
}
BiRel(customerA, SystemAA, " Uses" )
BiRel(SystemAA, SystemE, " Uses" )
Rel(SystemAA, SystemC, " Sends e-mails" , " SMTP" )
Rel(SystemC, customerA, " Sends e-mails to" )
UpdateElementStyle(customerA, $fontColor=" red" , $bgColor=" grey" , $borderColor=" red" )
UpdateRelStyle(customerA, SystemAA, $textColor=" blue" , $lineColor=" blue" , $offsetX=" 5" )
UpdateRelStyle(SystemAA, SystemE, $textColor=" blue" , $lineColor=" blue" , $offsetY=" -10" )
UpdateRelStyle(SystemAA, SystemC, $textColor=" blue" , $lineColor=" blue" , $offsetY=" -40" , $offsetX=" -50" )
UpdateRelStyle(SystemC, customerA, $textColor=" red" , $lineColor=" red" , $offsetX=" -50" , $offsetY=" 20" )
UpdateLayoutConfig($c4ShapeInRow=" 3" , $c4BoundaryInRow=" 1" )
2023-09-30 19:51:47 +00:00
< / pre >
2023-05-25 10:46:07 +00:00
< h3 id = "mindmaps" > Mindmaps< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-05-25 10:46:07 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > mindmap< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > root< / span > < span class = "p" > ((< / span > < span class = "nx" > mindmap< / span > < span class = "p" > ))< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Origins< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Long< / span > < span class = "nx" > history< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > ::< / span > < span class = "nf" > ay'con< / span > < span class = "p" > (< / span > < span class = "nx" > fa< / span > < span class = "nx" > fa< / span > < span class = "o" > -< / span > < span class = "nx" > book< / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Popularisat'n< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > British< / span > < span class = "nx" > popular< / span > < span class = "nx" > psychology< / span > < span class = "nx" > author< / span > < span class = "nx" > Tony< / span > < span class = "nx" > Buzan< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Research< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > On< / span > < span class = "nx" > effectiveness< / span > < span class = "p" > < < / span > < span class = "nx" > br< / span > < span class = "o" > /< / span > < span class = "p" > > < / span > < span class = "nx" > an'< / span > < span class = "nx" > features< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > On< / span > < span class = "nx" > Automatic< / span > < span class = "nx" > creat'n< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Uses< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Creative< / span > < span class = "nx" > techniques< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Strategic< / span > < span class = "nx" > plann'n< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Argument< / span > < span class = "nx" > mapp'n< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Tools< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Pen< / span > < span class = "nx" > an'< / span > < span class = "nx" > paper< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Merrrmaid< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-05-25 10:46:07 +00:00
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisat'n
British popular psychology author Tony Buzan
Research
On effectiveness< br/> and features
On Automatic creat'n
Uses
Creative techniques
Strategic plann'n
Argument mapp'n
Tools
Pen an' paper
Merrrmaid
2023-09-30 19:51:47 +00:00
< / pre >
2023-05-25 10:46:07 +00:00
< h3 id = "timeline" > Timeline< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-05-25 10:46:07 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > timeline< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "nx" > History< / span > < span class = "nx" > o'< / span > < span class = "nx" > Social< / span > < span class = "nx" > Media< / span > < span class = "nx" > Platform< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 2002< / span > < span class = "p" > :< / span > < span class = "nx" > LinkedIn< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 2004< / span > < span class = "p" > :< / span > < span class = "nx" > Facebook< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > :< / span > < span class = "nx" > Google< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 2005< / span > < span class = "p" > :< / span > < span class = "nx" > Youtube< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 2006< / span > < span class = "p" > :< / span > < span class = "nx" > Twitter< / span >
2023-06-21 23:23:13 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-05-25 10:46:07 +00:00
timeline
title History o' Social Media Platform
2002 : LinkedIn
2004 : Facebook
: Google
2005 : Youtube
2006 : Twitter
2023-09-30 19:51:47 +00:00
< / pre >
2023-08-05 12:37:25 +00:00
< h3 id = "sankey" > Sankey< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-08-05 12:37:25 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > sankey< / span > < span class = "o" > -< / span > < span class = "nx" > beta< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > %%< / span > < span class = "nx" > source< / span > < span class = "p" > ,< / span > < span class = "nx" > target< / span > < span class = "p" > ,< / span > < span class = "nx" > value< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Electricity< / span > < span class = "nx" > grid< / span > < span class = "p" > ,< / span > < span class = "nx" > Over< / span > < span class = "nx" > generat'n< / span > < span class = "o" > /< / span > < span class = "nx" > exports< / span > < span class = "p" > ,< / span > < span class = "mf" > 104.453< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Electricity< / span > < span class = "nx" > grid< / span > < span class = "p" > ,< / span > < span class = "nx" > Heat'n< / span > < span class = "nx" > an'< / span > < span class = "nx" > cool'n< / span > < span class = "o" > -< / span > < span class = "nx" > homes< / span > < span class = "p" > ,< / span > < span class = "mf" > 113.726< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > Electricity< / span > < span class = "nx" > grid< / span > < span class = "p" > ,< / span > < span class = "nx" > H2< / span > < span class = "nx" > conversion< / span > < span class = "p" > ,< / span > < span class = "mf" > 27.14< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-08-05 12:37:25 +00:00
sankey-beta
%% source,target,value
Electricity grid,Over generat'n / exports,104.453
Electricity grid,Heat'n an' cool'n - homes,113.726
Electricity grid,H2 conversion,27.14
2023-09-30 19:51:47 +00:00
< / pre >
2024-03-11 21:31:01 +00:00
< h3 id = "xychart" > XYChart< / h3 >
2024-03-11 20:44:09 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
2023-10-29 17:51:28 +00:00
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > xychart< / span > < span class = "o" > -< / span > < span class = "nx" > beta< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "s" > " Sales Revenue" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > x< / span > < span class = "o" > -< / span > < span class = "nx" > axis< / span > < span class = "p" > [< / span > < span class = "nx" > jan< / span > < span class = "p" > ,< / span > < span class = "nx" > feb< / span > < span class = "p" > ,< / span > < span class = "nx" > mar< / span > < span class = "p" > ,< / span > < span class = "nx" > apr< / span > < span class = "p" > ,< / span > < span class = "nx" > may< / span > < span class = "p" > ,< / span > < span class = "nx" > jun< / span > < span class = "p" > ,< / span > < span class = "nx" > jul< / span > < span class = "p" > ,< / span > < span class = "nx" > aug< / span > < span class = "p" > ,< / span > < span class = "nx" > sep< / span > < span class = "p" > ,< / span > < span class = "nx" > oct< / span > < span class = "p" > ,< / span > < span class = "nx" > nov< / span > < span class = "p" > ,< / span > < span class = "nx" > dec< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > y< / span > < span class = "o" > -< / span > < span class = "nx" > axis< / span > < span class = "s" > " Revenue (in $)" < / span > < span class = "mi" > 4000< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "mi" > 11000< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > bar< / span > < span class = "p" > [< / span > < span class = "mi" > 5000< / span > < span class = "p" > ,< / span > < span class = "mi" > 6000< / span > < span class = "p" > ,< / span > < span class = "mi" > 7500< / span > < span class = "p" > ,< / span > < span class = "mi" > 8200< / span > < span class = "p" > ,< / span > < span class = "mi" > 9500< / span > < span class = "p" > ,< / span > < span class = "mi" > 10500< / span > < span class = "p" > ,< / span > < span class = "mi" > 11000< / span > < span class = "p" > ,< / span > < span class = "mi" > 10200< / span > < span class = "p" > ,< / span > < span class = "mi" > 9200< / span > < span class = "p" > ,< / span > < span class = "mi" > 8500< / span > < span class = "p" > ,< / span > < span class = "mi" > 7000< / span > < span class = "p" > ,< / span > < span class = "mi" > 6000< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > line< / span > < span class = "p" > [< / span > < span class = "mi" > 5000< / span > < span class = "p" > ,< / span > < span class = "mi" > 6000< / span > < span class = "p" > ,< / span > < span class = "mi" > 7500< / span > < span class = "p" > ,< / span > < span class = "mi" > 8200< / span > < span class = "p" > ,< / span > < span class = "mi" > 9500< / span > < span class = "p" > ,< / span > < span class = "mi" > 10500< / span > < span class = "p" > ,< / span > < span class = "mi" > 11000< / span > < span class = "p" > ,< / span > < span class = "mi" > 10200< / span > < span class = "p" > ,< / span > < span class = "mi" > 9200< / span > < span class = "p" > ,< / span > < span class = "mi" > 8500< / span > < span class = "p" > ,< / span > < span class = "mi" > 7000< / span > < span class = "p" > ,< / span > < span class = "mi" > 6000< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
2023-11-18 22:20:02 +00:00
< pre class = "mermaid align-center zoomable" >
2023-10-29 17:51:28 +00:00
xychart-beta
title " Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
y-axis " Revenue (in $)" 4000 --> 11000
bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
< / pre >
2024-03-11 21:31:01 +00:00
< h3 id = "block-diagram" > Block Diagram< / h3 >
2024-03-11 20:57:03 +00:00
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > block< / span > < span class = "o" > -< / span > < span class = "nx" > beta< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > columns< / span > < span class = "mi" > 1< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nf" > db< / span > < span class = "p" > ((< / span > < span class = "s" > " DB" < / span > < span class = "p" > ))< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > blockArrowId6< / span > < span class = "p" > < [< / span > < span class = "s" > " & nbsp;& nbsp;& nbsp;" < / span > < span class = "p" > ]> (< / span > < span class = "nx" > down< / span > < span class = "p" > )< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > block< / span > < span class = "p" > :< / span > < span class = "nx" > ID< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > A< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > B< / span > < span class = "p" > [< / span > < span class = "s" > " A wide one 'n th' middle" < / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > C< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > end< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > space< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > D< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > ID< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > D< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > C< / span > < span class = "o" > --< / span > < span class = "p" > > < / span > < span class = "nx" > D< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > style< / span > < span class = "nx" > B< / span > < span class = "nx" > fill< / span > < span class = "p" > :< / span > < span class = "err" > #< / span > < span class = "mi" > 969< / span > < span class = "p" > ,< / span > < span class = "nx" > stroke< / span > < span class = "p" > :< / span > < span class = "err" > #< / span > < span class = "mi" > 333< / span > < span class = "p" > ,< / span > < span class = "nx" > stroke< / span > < span class = "o" > -< / span > < span class = "nx" > width< / span > < span class = "p" > :< / span > < span class = "mi" > 4< / span > < span class = "nx" > px< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
< pre class = "mermaid align-center zoomable" >
block-beta
columns 1
db((" DB" ))
blockArrowId6< [" & nbsp;& nbsp;& nbsp;" ]> (down)
block:ID
A
B[" A wide one 'n th' middle" ]
C
end
space
D
ID --> D
C --> D
style B fill:#969,stroke:#333,stroke-width:4px
< / pre >
2024-09-02 15:49:58 +00:00
< h3 id = "packet" > Packet< / h3 >
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > ---< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > title< / span > < span class = "p" > :< / span > < span class = "s" > " TCP Packet" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "o" > ---< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > packet< / span > < span class = "o" > -< / span > < span class = "nx" > beta< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 0< / span > < span class = "o" > -< / span > < span class = "mi" > 15< / span > < span class = "p" > :< / span > < span class = "s" > " Source Port" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 16< / span > < span class = "o" > -< / span > < span class = "mi" > 31< / span > < span class = "p" > :< / span > < span class = "s" > " Destinat'n Port" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 32< / span > < span class = "o" > -< / span > < span class = "mi" > 63< / span > < span class = "p" > :< / span > < span class = "s" > " Sequence Number" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 64< / span > < span class = "o" > -< / span > < span class = "mi" > 95< / span > < span class = "p" > :< / span > < span class = "s" > " Acknowledgment Number" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 96< / span > < span class = "o" > -< / span > < span class = "mi" > 99< / span > < span class = "p" > :< / span > < span class = "s" > " Data Offset" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 100< / span > < span class = "o" > -< / span > < span class = "mi" > 105< / span > < span class = "p" > :< / span > < span class = "s" > " Reserved" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 106< / span > < span class = "p" > :< / span > < span class = "s" > " URG" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 107< / span > < span class = "p" > :< / span > < span class = "s" > " ACK" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 108< / span > < span class = "p" > :< / span > < span class = "s" > " PSH" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 109< / span > < span class = "p" > :< / span > < span class = "s" > " RST" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 110< / span > < span class = "p" > :< / span > < span class = "s" > " SYN" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 111< / span > < span class = "p" > :< / span > < span class = "s" > " FIN" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 112< / span > < span class = "o" > -< / span > < span class = "mi" > 127< / span > < span class = "p" > :< / span > < span class = "s" > " Window" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 128< / span > < span class = "o" > -< / span > < span class = "mi" > 143< / span > < span class = "p" > :< / span > < span class = "s" > " Checksum" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 144< / span > < span class = "o" > -< / span > < span class = "mi" > 159< / span > < span class = "p" > :< / span > < span class = "s" > " Urgent Pointer" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 160< / span > < span class = "o" > -< / span > < span class = "mi" > 191< / span > < span class = "p" > :< / span > < span class = "s" > " (Opt'ns an' Padding)" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "mi" > 192< / span > < span class = "o" > -< / span > < span class = "mi" > 255< / span > < span class = "p" > :< / span > < span class = "s" > " Data (vari'ble length)" < / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
< pre class = "mermaid align-center zoomable" >
---
title: " TCP Packet"
---
packet-beta
0-15: " Source Port"
16-31: " Destinat'n Port"
32-63: " Sequence Number"
64-95: " Acknowledgment Number"
96-99: " Data Offset"
100-105: " Reserved"
106: " URG"
107: " ACK"
108: " PSH"
109: " RST"
110: " SYN"
111: " FIN"
112-127: " Window"
128-143: " Checksum"
144-159: " Urgent Pointer"
160-191: " (Opt'ns an' Padding)"
192-255: " Data (vari'ble length)"
< / pre >
< h3 id = "architecture" > Architecture< / h3 >
< div class = "highlight wrap-code" > < pre tabindex = "0" class = "chroma" > < code class = "language-go" data-lang = "go" > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > architecture< / span > < span class = "o" > -< / span > < span class = "nx" > beta< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > group< / span > < span class = "nf" > api< / span > < span class = "p" > (< / span > < span class = "nx" > cloud< / span > < span class = "p" > )[< / span > < span class = "nx" > API< / span > < span class = "p" > ]< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > service< / span > < span class = "nf" > db< / span > < span class = "p" > (< / span > < span class = "nx" > database< / span > < span class = "p" > )[< / span > < span class = "nx" > Database< / span > < span class = "p" > ]< / span > < span class = "nx" > 'n< / span > < span class = "nx" > api< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > service< / span > < span class = "nf" > disk1< / span > < span class = "p" > (< / span > < span class = "nx" > disk< / span > < span class = "p" > )[< / span > < span class = "nx" > Storage< / span > < span class = "p" > ]< / span > < span class = "nx" > 'n< / span > < span class = "nx" > api< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > service< / span > < span class = "nf" > disk2< / span > < span class = "p" > (< / span > < span class = "nx" > disk< / span > < span class = "p" > )[< / span > < span class = "nx" > Storage< / span > < span class = "p" > ]< / span > < span class = "nx" > 'n< / span > < span class = "nx" > api< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > service< / span > < span class = "nf" > server< / span > < span class = "p" > (< / span > < span class = "nx" > server< / span > < span class = "p" > )[< / span > < span class = "nx" > Server< / span > < span class = "p" > ]< / span > < span class = "nx" > 'n< / span > < span class = "nx" > api< / span >
< / span > < / span > < span class = "line" > < span class = "cl" >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > db< / span > < span class = "p" > :< / span > < span class = "nx" > L< / span > < span class = "o" > --< / span > < span class = "nx" > R< / span > < span class = "p" > :< / span > < span class = "nx" > server< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > disk1< / span > < span class = "p" > :< / span > < span class = "nx" > T< / span > < span class = "o" > --< / span > < span class = "nx" > B< / span > < span class = "p" > :< / span > < span class = "nx" > server< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "nx" > disk2< / span > < span class = "p" > :< / span > < span class = "nx" > T< / span > < span class = "o" > --< / span > < span class = "nx" > B< / span > < span class = "p" > :< / span > < span class = "nx" > db< / span >
< / span > < / span > < span class = "line" > < span class = "cl" > < span class = "p" > {{< < / span > < span class = "o" > /< / span > < span class = "nx" > mermaid< / span > < span class = "p" > > }}< / span > < / span > < / span > < / code > < / pre > < / div >
< pre class = "mermaid align-center zoomable" >
architecture-beta
group api(cloud)[API]
service db(database)[Database] 'n api
service disk1(disk)[Storage] 'n api
service disk2(disk)[Storage] 'n api
service server(server)[Server] 'n api
db:L -- R:server
disk1:T -- B:server
disk2:T -- B:db
< / pre >
2024-04-24 21:05:57 +00:00
2022-04-02 13:30:16 +00:00
< footer class = "footline" >
< / footer >
< / article >
2023-05-17 22:13:41 +00:00
2022-04-02 13:30:16 +00:00
< / div >
< / main >
< / div >
2024-09-12 20:18:08 +00:00
< script src = "/hugo-theme-relearn/js/clipboard.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/perfect-scrollbar.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-color.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-drag.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-ease.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-selection.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-timer.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-transition.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/d3/d3-zoom.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/js-yaml.min.js?1726172282" defer > < / script >
< script src = "/hugo-theme-relearn/js/mermaid.min.js?1726172282" defer > < / script >
2023-07-27 15:06:14 +00:00
< script >
2023-10-26 09:28:29 +00:00
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
2023-07-27 15:06:14 +00:00
< / script >
2024-09-12 20:18:08 +00:00
< script src = "/hugo-theme-relearn/js/theme.js?1726172282" defer > < / script >
2022-04-02 13:30:16 +00:00
< / body >
< / html >
