aboutsummaryrefslogtreecommitdiff
path: root/exampleSite
diff options
context:
space:
mode:
Diffstat (limited to 'exampleSite')
-rw-r--r--exampleSite/content/post/js-flowchart-diagrams.md42
1 files changed, 41 insertions, 1 deletions
diff --git a/exampleSite/content/post/js-flowchart-diagrams.md b/exampleSite/content/post/js-flowchart-diagrams.md
index 1851333..f6493d5 100644
--- a/exampleSite/content/post/js-flowchart-diagrams.md
+++ b/exampleSite/content/post/js-flowchart-diagrams.md
@@ -41,7 +41,7 @@ flowchartDiagrams:
## Usage
-```flowchart
+```flow
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
@@ -61,6 +61,46 @@ c2(no)->op2->e
<!--more-->
+{{< highlight "linenos=table" >}}
+```flow
+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
+```
+{{< / highlight >}}
+
+## Legacy 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
+```
+
```flowchart
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com