diff options
author | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
---|---|---|
committer | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
commit | f24f2d15275961f1c0144e68fde75a60aeaaa165 (patch) | |
tree | 38be1626f3ade436fbd17eadb2753fa2f0effb37 /themes/even/exampleSite/content/post/js-flowchart-diagrams.md | |
parent | bf04383b34c4a4fdfe239de2805a30a051921002 (diff) | |
download | capotej.com-f24f2d15275961f1c0144e68fde75a60aeaaa165.tar.gz |
move to bear theme
Diffstat (limited to 'themes/even/exampleSite/content/post/js-flowchart-diagrams.md')
-rw-r--r-- | themes/even/exampleSite/content/post/js-flowchart-diagrams.md | 131 |
1 files changed, 0 insertions, 131 deletions
diff --git a/themes/even/exampleSite/content/post/js-flowchart-diagrams.md b/themes/even/exampleSite/content/post/js-flowchart-diagrams.md deleted file mode 100644 index 2111c52..0000000 --- a/themes/even/exampleSite/content/post/js-flowchart-diagrams.md +++ /dev/null @@ -1,131 +0,0 @@ ---- -title: "JS Flowchart Diagrams" -date: 2015-03-04T21:57:50+08:00 -draft: false - -flowchartDiagrams: - enable: true - options: "{ - 'x': 0, - 'y': 0, - 'line-width': 3, - 'line-length': 50, - 'text-margin': 10, - 'font-size': 14, - 'font-color': 'black', - 'line-color': 'black', - 'element-color': 'black', - 'fill': 'white', - 'yes-text': 'yes', - 'no-text': 'no', - 'arrow-end': 'block', - 'scale': 1, - 'i-am-a-comment-1': 'Do not use //!', - 'i-am-a-comment-2': 'style symbol types', - 'symbols': { - 'start': { - 'font-color': 'red', - 'element-color': 'green', - 'fill': 'yellow' - }, - 'end': { - 'class': 'end-element' - } - }, - 'i-am-a-comment-3': 'even flowstate support ;-)', - 'flowstate': { - 'request': {'fill': 'blue'} - } - }" ---- - -## Usage - -```flowchart -st=>start: Start|past:>http://www.google.com[blank] -e=>end: End:>http://www.google.com -op1=>operation: My Operation|past -op2=>operation: Stuff|current -sub1=>subroutine: My Subroutine|invalid -cond=>condition: Yes -or No?|approved:>http://www.google.com -c2=>condition: Good idea|rejected -io=>inputoutput: catch something...|request - -st->op1(right)->cond -cond(yes, right)->c2 -cond(no)->sub1(left)->op1 -c2(yes)->io->e -c2(no)->op2->e -``` - -<!--more--> - - ```flowchart - st=>start: Start|past:>http://www.google.com[blank] - e=>end: End:>http://www.google.com - op1=>operation: My Operation|past - op2=>operation: Stuff|current - sub1=>subroutine: My Subroutine|invalid - cond=>condition: Yes - or No?|approved:>http://www.google.com - c2=>condition: Good idea|rejected - io=>inputoutput: catch something...|request - - st->op1(right)->cond - cond(yes, right)->c2 - cond(no)->sub1(left)->op1 - c2(yes)->io->e - c2(no)->op2->e - ``` - -## Configuration - -Configure for all home and regular pages: - -```toml -[params.flowchartDiagrams] - enable = true - options = "" -``` - -Configure for a single post in the front matter (**Params in front matter have higher precedence**): - -```yml -flowchartDiagrams: - enable: true - options: "{ - 'x': 0, - 'y': 0, - 'line-width': 3, - 'line-length': 50, - 'text-margin': 10, - 'font-size': 14, - 'font-color': 'black', - 'line-color': 'black', - 'element-color': 'black', - 'fill': 'white', - 'yes-text': 'yes', - 'no-text': 'no', - 'arrow-end': 'block', - 'scale': 1, - 'i-am-a-comment-1': 'Do not use //!', - 'i-am-a-comment-2': 'style symbol types', - 'symbols': { - 'start': { - 'font-color': 'red', - 'element-color': 'green', - 'fill': 'yellow' - }, - 'end': { - 'class': 'end-element' - } - }, - 'i-am-a-comment-3': 'even flowstate support ;-)', - 'flowstate': { - 'request': {'fill': 'blue'} - } - }" -``` - -See more information from https://github.com/adrai/flowchart.js. |