Skip to content

Commit

Permalink
fix diagramm
Browse files Browse the repository at this point in the history
  • Loading branch information
@martrapp
martrapp committed Nov 12, 2024
1 parent 9aacba4 commit 96a9f96
Showing 1 changed file with 65 additions and 58 deletions.
123 changes: 65 additions & 58 deletions src/content/docs/tools/element-crossing.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ head:
- tag: meta
attrs:
property: "og:image"
content: "https://vtbag.dev/crossing-og.png"
content: "/crossing-og.png"
---

import { Steps } from "@astrojs/starlight/components";
Expand Down Expand Up @@ -128,63 +128,70 @@ data-vtbag-x ::= "id:" identifier ( space+ "prop:" name | space+ "class:" name |
rect.terminal {fill: #FFDB4D; stroke: #332900; stroke-width: 1;}
rect.nonterminal {fill: #FFEC9E; stroke: #332900; stroke-width: 1;}
`}
</style>
</defs>
<polygon points="9 49 1 45 1 53" />
<polygon points="17 49 9 45 9 53" />
<rect x="31" y="35" width="38" height="32" rx="10" />
<rect x="29" y="33" width="38" height="32" class="terminal" rx="10" />
<text class="terminal" x="39" y="53">
id:
</text>
<g>
<rect x="89" y="35" width="76" height="32" />
<rect x="87" y="33" width="76" height="32" class="nonterminal" />
<text class="nonterminal" x="97" y="53">
identifier
</text>
</g>
<g>
<rect x="245" y="35" width="56" height="32" />
<rect x="243" y="33" width="56" height="32" class="nonterminal" />
<text class="nonterminal" x="253" y="53">
space
</text>
</g>
<rect x="361" y="35" width="56" height="32" rx="10" />
<rect x="359" y="33" width="56" height="32" class="terminal" rx="10" />
<text class="terminal" x="369" y="53">
prop:
</text>
<rect x="361" y="79" width="58" height="32" rx="10" />
<rect x="359" y="77" width="58" height="32" class="terminal" rx="10" />
<text class="terminal" x="369" y="97">
class:
</text>
<rect x="361" y="123" width="58" height="32" rx="10" />
<rect x="359" y="121" width="58" height="32" class="terminal" rx="10" />
<text class="terminal" x="369" y="141">
style:
</text>
<rect x="361" y="167" width="52" height="32" rx="10" />
<rect x="359" y="165" width="52" height="32" class="terminal" rx="10" />
<text class="terminal" x="369" y="185">
anim:
</text>
<g>
<rect x="459" y="35" width="56" height="32" />
<rect x="457" y="33" width="56" height="32" class="nonterminal" />
<text class="nonterminal" x="467" y="53">
name
</text>
</g>
<path
class="line"
d="m17 49 h2 m0 0 h10 m38 0 h10 m0 0 h10 m76 0 h10 m60 0 h10 m56 0 h10 m-96 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m76 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-76 0 h10 m0 0 h66 m40 32 h10 m56 0 h10 m0 0 h2 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m52 0 h10 m0 0 h6 m20 -132 h10 m56 0 h10 m-330 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -28 q0 -10 10 -10 m310 48 l20 0 m-20 0 q10 0 10 -10 l0 -28 q0 -10 -10 -10 m-310 0 h10 m0 0 h300 m-350 48 h20 m350 0 h20 m-390 0 q10 0 10 10 m370 0 q0 -10 10 -10 m-380 10 v146 m370 0 v-146 m-370 146 q0 10 10 10 m350 0 q10 0 10 -10 m-360 10 h10 m0 0 h340 m23 -166 h-3"
/>
<polygon points="573 49 581 45 581 53" />
<polygon points="573 49 565 45 565 53" />
</svg>
</style>
</defs>
<polygon points="9 49 1 45 1 53"/>
<polygon points="17 49 9 45 9 53"/>
<rect x="31" y="35" width="38" height="32" rx="10"/>
<rect x="29"
y="33"
width="38"
height="32"
class="terminal"
rx="10"/>
<text class="terminal" x="39" y="53">id:</text>
<g>
<rect x="89" y="35" width="76" height="32"/>
<rect x="87" y="33" width="76" height="32" class="nonterminal"/>
<text class="nonterminal" x="97" y="53">identifier</text>
</g>
<g>
<rect x="245" y="35" width="56" height="32"/>
<rect x="243" y="33" width="56" height="32" class="nonterminal"/>
<text class="nonterminal" x="253" y="53">space</text>
</g>
<rect x="361" y="35" width="56" height="32" rx="10"/>
<rect x="359"
y="33"
width="56"
height="32"
class="terminal"
rx="10"/>
<text class="terminal" x="369" y="53">prop:</text>
<rect x="361" y="79" width="58" height="32" rx="10"/>
<rect x="359"
y="77"
width="58"
height="32"
class="terminal"
rx="10"/>
<text class="terminal" x="369" y="97">class:</text>
<rect x="361" y="123" width="58" height="32" rx="10"/>
<rect x="359"
y="121"
width="58"
height="32"
class="terminal"
rx="10"/>
<text class="terminal" x="369" y="141">style:</text>
<rect x="361" y="167" width="52" height="32" rx="10"/>
<rect x="359"
y="165"
width="52"
height="32"
class="terminal"
rx="10"/>
<text class="terminal" x="369" y="185">anim:</text>
<g>
<rect x="459" y="35" width="56" height="32"/>
<rect x="457" y="33" width="56" height="32" class="nonterminal"/>
<text class="nonterminal" x="467" y="53">name</text>
</g>
<path class="line"
d="m17 49 h2 m0 0 h10 m38 0 h10 m0 0 h10 m76 0 h10 m60 0 h10 m56 0 h10 m-96 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m76 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-76 0 h10 m0 0 h66 m40 32 h10 m56 0 h10 m0 0 h2 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m52 0 h10 m0 0 h6 m20 -132 h10 m56 0 h10 m-330 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -28 q0 -10 10 -10 m310 48 l20 0 m-20 0 q10 0 10 -10 l0 -28 q0 -10 -10 -10 m-310 0 h10 m0 0 h300 m-350 48 h20 m350 0 h20 m-390 0 q10 0 10 10 m370 0 q0 -10 10 -10 m-380 10 v146 m370 0 v-146 m-370 146 q0 10 10 10 m350 0 q10 0 10 -10 m-360 10 h10 m0 0 h340 m23 -166 h-3"/>
<polygon points="573 49 581 45 581 53"/>
<polygon points="573 49 565 45 565 53"/>
</svg>
</div>

#### id
Expand Down

0 comments on commit 96a9f96

Please sign in to comment.