Document slide content rendering and triggers (#188)
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,117 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 750 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #608ab1 }
|
||||||
|
.spieldocs-r4 { fill: #939393 }
|
||||||
|
.spieldocs-r5 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="731.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="748" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="374" y="27">Deck Name</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="147.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="343.1" width="378.2" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="732" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="341.6" y="166.4" textLength="36.6" clip-path="url(#spieldocs-line-6)">Foo</text><text class="spieldocs-r2" x="732" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="337.2" textLength="732" clip-path="url(#spieldocs-line-13)">────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="732" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="361.6" textLength="329.4" clip-path="url(#spieldocs-line-14)">Deck Name | First Slide    </text><text class="spieldocs-r4" x="353.8" y="361.6" textLength="378.2" clip-path="url(#spieldocs-line-14)">  2022-12-17 03:31 PM   [1 / 3]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 7.6 KiB |
@ -0,0 +1,117 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 750 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #cc555a }
|
||||||
|
.spieldocs-r4 { fill: #939393 }
|
||||||
|
.spieldocs-r5 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="731.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="748" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="374" y="27">Deck Name</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="147.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="343.1" width="366" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="732" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="341.6" y="166.4" textLength="36.6" clip-path="url(#spieldocs-line-6)">Bar</text><text class="spieldocs-r2" x="732" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="337.2" textLength="732" clip-path="url(#spieldocs-line-13)">────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="732" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="361.6" textLength="341.6" clip-path="url(#spieldocs-line-14)">Deck Name | Second Slide    </text><text class="spieldocs-r4" x="366" y="361.6" textLength="366" clip-path="url(#spieldocs-line-14)"> 2022-12-17 03:31 PM   [2 / 3]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 7.6 KiB |
@ -0,0 +1,117 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 750 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #98a84b }
|
||||||
|
.spieldocs-r4 { fill: #939393 }
|
||||||
|
.spieldocs-r5 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="731.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="748" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="374" y="27">Deck Name</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="341.6" y="147.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="343.1" width="378.2" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="732" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="341.6" y="166.4" textLength="36.6" clip-path="url(#spieldocs-line-6)">Baz</text><text class="spieldocs-r2" x="732" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="337.2" textLength="732" clip-path="url(#spieldocs-line-13)">────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="732" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r4" x="0" y="361.6" textLength="329.4" clip-path="url(#spieldocs-line-14)">Deck Name | Third Slide    </text><text class="spieldocs-r4" x="353.8" y="361.6" textLength="378.2" clip-path="url(#spieldocs-line-14)">  2022-12-17 03:31 PM   [3 / 3]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 7.6 KiB |
@ -0,0 +1,119 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 750 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #608ab1 }
|
||||||
|
.spieldocs-r4 { fill: #cc555a;text-decoration: underline; }
|
||||||
|
.spieldocs-r5 { fill: #98a84b;font-style: italic; }
|
||||||
|
.spieldocs-r6 { fill: #939393 }
|
||||||
|
.spieldocs-r7 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="731.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="732" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="748" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="374" y="27">Deck Name</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="463.6" y="147.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="343.1" width="378.2" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="732" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="256.2" y="166.4" textLength="48.8" clip-path="url(#spieldocs-line-6)">Your</text><text class="spieldocs-r4" x="317.2" y="166.4" textLength="85.4" clip-path="url(#spieldocs-line-6)">content</text><text class="spieldocs-r5" x="414.8" y="166.4" textLength="48.8" clip-path="url(#spieldocs-line-6)">here</text><text class="spieldocs-r1" x="463.6" y="166.4" textLength="268.4" clip-path="url(#spieldocs-line-6)">!                     </text><text class="spieldocs-r2" x="732" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="732" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r6" x="0" y="337.2" textLength="732" clip-path="url(#spieldocs-line-13)">────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="732" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r6" x="0" y="361.6" textLength="329.4" clip-path="url(#spieldocs-line-14)">Deck Name | Slide Title    </text><text class="spieldocs-r6" x="353.8" y="361.6" textLength="378.2" clip-path="url(#spieldocs-line-14)">  2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 8.5 KiB |
@ -0,0 +1,116 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #939393 }
|
||||||
|
.spieldocs-r4 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="117.6" textLength="854" clip-path="url(#spieldocs-line-4)">              spaces_before_bang=0 | spaces_after_bang=5              </text><text class="spieldocs-r2" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="142" textLength="854" clip-path="url(#spieldocs-line-5)">                              ╭────────╮                              </text><text class="spieldocs-r2" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="166.4" textLength="854" clip-path="url(#spieldocs-line-6)">                              │ !      │                              </text><text class="spieldocs-r2" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="190.8" textLength="854" clip-path="url(#spieldocs-line-7)">                              ╰────────╯                              </text><text class="spieldocs-r2" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Animating Content   </text><text class="spieldocs-r3" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,116 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #939393 }
|
||||||
|
.spieldocs-r4 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="117.6" textLength="854" clip-path="url(#spieldocs-line-4)">              spaces_before_bang=1 | spaces_after_bang=4              </text><text class="spieldocs-r2" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="142" textLength="854" clip-path="url(#spieldocs-line-5)">                              ╭────────╮                              </text><text class="spieldocs-r2" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="166.4" textLength="854" clip-path="url(#spieldocs-line-6)">                              │  !     │                              </text><text class="spieldocs-r2" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="190.8" textLength="854" clip-path="url(#spieldocs-line-7)">                              ╰────────╯                              </text><text class="spieldocs-r2" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Animating Content   </text><text class="spieldocs-r3" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,116 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #939393 }
|
||||||
|
.spieldocs-r4 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="117.6" textLength="854" clip-path="url(#spieldocs-line-4)">              spaces_before_bang=3 | spaces_after_bang=2              </text><text class="spieldocs-r2" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="142" textLength="854" clip-path="url(#spieldocs-line-5)">                              ╭────────╮                              </text><text class="spieldocs-r2" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="166.4" textLength="854" clip-path="url(#spieldocs-line-6)">                              │    !   │                              </text><text class="spieldocs-r2" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="190.8" textLength="854" clip-path="url(#spieldocs-line-7)">                              ╰────────╯                              </text><text class="spieldocs-r2" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Animating Content   </text><text class="spieldocs-r3" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,116 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r3 { fill: #939393 }
|
||||||
|
.spieldocs-r4 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r2" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="117.6" textLength="854" clip-path="url(#spieldocs-line-4)">              spaces_before_bang=5 | spaces_after_bang=0              </text><text class="spieldocs-r2" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="142" textLength="854" clip-path="url(#spieldocs-line-5)">                              ╭────────╮                              </text><text class="spieldocs-r2" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="166.4" textLength="854" clip-path="url(#spieldocs-line-6)">                              │      ! │                              </text><text class="spieldocs-r2" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r1" x="0" y="190.8" textLength="854" clip-path="url(#spieldocs-line-7)">                              ╰────────╯                              </text><text class="spieldocs-r2" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r2" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r2" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r3" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Animating Content   </text><text class="spieldocs-r3" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,118 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #d0b344 }
|
||||||
|
.spieldocs-r3 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r4 { fill: #cc555a }
|
||||||
|
.spieldocs-r5 { fill: #939393 }
|
||||||
|
.spieldocs-r6 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="561.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="1.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="50.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r1" x="0" y="20" textLength="561.2" clip-path="url(#spieldocs-line-0)">                This slide has been triggered </text><text class="spieldocs-r2" x="561.2" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">1</text><text class="spieldocs-r1" x="573.4" y="20" textLength="280.6" clip-path="url(#spieldocs-line-0)"> time.                 </text><text class="spieldocs-r3" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r4" x="353.8" y="68.8" textLength="134.2" clip-path="url(#spieldocs-line-2)">First line.</text><text class="spieldocs-r3" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r5" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r3" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r5" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Revealing Content   </text><text class="spieldocs-r5" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 8.4 KiB |
@ -0,0 +1,119 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #d0b344 }
|
||||||
|
.spieldocs-r3 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r4 { fill: #cc555a }
|
||||||
|
.spieldocs-r5 { fill: #608ab1 }
|
||||||
|
.spieldocs-r6 { fill: #939393 }
|
||||||
|
.spieldocs-r7 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="561.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="1.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="50.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r1" x="0" y="20" textLength="561.2" clip-path="url(#spieldocs-line-0)">                This slide has been triggered </text><text class="spieldocs-r2" x="561.2" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">2</text><text class="spieldocs-r1" x="573.4" y="20" textLength="280.6" clip-path="url(#spieldocs-line-0)"> times.                </text><text class="spieldocs-r3" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r4" x="353.8" y="68.8" textLength="134.2" clip-path="url(#spieldocs-line-2)">First line.</text><text class="spieldocs-r3" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r5" x="353.8" y="117.6" textLength="146.4" clip-path="url(#spieldocs-line-4)">Second line.</text><text class="spieldocs-r3" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r6" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r3" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r6" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Revealing Content   </text><text class="spieldocs-r6" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 8.8 KiB |
@ -0,0 +1,120 @@
|
|||||||
|
<svg class="rich-terminal" viewBox="0 0 872 416.0" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Generated with Rich https://www.textualize.io -->
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Regular"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fira Code";
|
||||||
|
src: local("FiraCode-Bold"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
|
||||||
|
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
|
||||||
|
font-style: bold;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-matrix {
|
||||||
|
font-family: Fira Code, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24.4px;
|
||||||
|
font-variant-east-asian: full-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: arial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieldocs-r1 { fill: #e1e1e1 }
|
||||||
|
.spieldocs-r2 { fill: #d0b344 }
|
||||||
|
.spieldocs-r3 { fill: #c5c8c6 }
|
||||||
|
.spieldocs-r4 { fill: #cc555a }
|
||||||
|
.spieldocs-r5 { fill: #608ab1 }
|
||||||
|
.spieldocs-r6 { fill: #98a84b }
|
||||||
|
.spieldocs-r7 { fill: #939393 }
|
||||||
|
.spieldocs-r8 { fill: #e1e1e1;font-weight: bold }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<defs>
|
||||||
|
<clipPath id="spieldocs-clip-terminal">
|
||||||
|
<rect x="0" y="0" width="853.0" height="365.0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-0">
|
||||||
|
<rect x="0" y="1.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-1">
|
||||||
|
<rect x="0" y="25.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-2">
|
||||||
|
<rect x="0" y="50.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-3">
|
||||||
|
<rect x="0" y="74.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-4">
|
||||||
|
<rect x="0" y="99.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-5">
|
||||||
|
<rect x="0" y="123.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-6">
|
||||||
|
<rect x="0" y="147.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-7">
|
||||||
|
<rect x="0" y="172.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-8">
|
||||||
|
<rect x="0" y="196.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-9">
|
||||||
|
<rect x="0" y="221.1" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-10">
|
||||||
|
<rect x="0" y="245.5" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-11">
|
||||||
|
<rect x="0" y="269.9" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-12">
|
||||||
|
<rect x="0" y="294.3" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="spieldocs-line-13">
|
||||||
|
<rect x="0" y="318.7" width="854" height="24.65"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="870" height="414" rx="8"/><text class="spieldocs-title" fill="#c5c8c6" text-anchor="middle" x="435" y="27">Trigger Examples</text>
|
||||||
|
<g transform="translate(26,22)">
|
||||||
|
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
|
||||||
|
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
|
||||||
|
<circle cx="44" cy="0" r="7" fill="#28c840"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g transform="translate(9, 41)" clip-path="url(#spieldocs-clip-terminal)">
|
||||||
|
<rect fill="#1e1e1e" x="0" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="561.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="1.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="50.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="147.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/>
|
||||||
|
<g class="spieldocs-matrix">
|
||||||
|
<text class="spieldocs-r1" x="0" y="20" textLength="561.2" clip-path="url(#spieldocs-line-0)">                This slide has been triggered </text><text class="spieldocs-r2" x="561.2" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">3</text><text class="spieldocs-r1" x="573.4" y="20" textLength="280.6" clip-path="url(#spieldocs-line-0)"> times.                </text><text class="spieldocs-r3" x="854" y="20" textLength="12.2" clip-path="url(#spieldocs-line-0)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="44.4" textLength="12.2" clip-path="url(#spieldocs-line-1)">
|
||||||
|
</text><text class="spieldocs-r4" x="353.8" y="68.8" textLength="134.2" clip-path="url(#spieldocs-line-2)">First line.</text><text class="spieldocs-r3" x="854" y="68.8" textLength="12.2" clip-path="url(#spieldocs-line-2)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="93.2" textLength="12.2" clip-path="url(#spieldocs-line-3)">
|
||||||
|
</text><text class="spieldocs-r5" x="353.8" y="117.6" textLength="146.4" clip-path="url(#spieldocs-line-4)">Second line.</text><text class="spieldocs-r3" x="854" y="117.6" textLength="12.2" clip-path="url(#spieldocs-line-4)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="142" textLength="12.2" clip-path="url(#spieldocs-line-5)">
|
||||||
|
</text><text class="spieldocs-r6" x="353.8" y="166.4" textLength="134.2" clip-path="url(#spieldocs-line-6)">Third line.</text><text class="spieldocs-r3" x="854" y="166.4" textLength="12.2" clip-path="url(#spieldocs-line-6)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="190.8" textLength="12.2" clip-path="url(#spieldocs-line-7)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="215.2" textLength="12.2" clip-path="url(#spieldocs-line-8)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="239.6" textLength="12.2" clip-path="url(#spieldocs-line-9)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="264" textLength="12.2" clip-path="url(#spieldocs-line-10)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="288.4" textLength="12.2" clip-path="url(#spieldocs-line-11)">
|
||||||
|
</text><text class="spieldocs-r3" x="854" y="312.8" textLength="12.2" clip-path="url(#spieldocs-line-12)">
|
||||||
|
</text><text class="spieldocs-r7" x="0" y="337.2" textLength="854" clip-path="url(#spieldocs-line-13)">──────────────────────────────────────────────────────────────────────</text><text class="spieldocs-r3" x="854" y="337.2" textLength="12.2" clip-path="url(#spieldocs-line-13)">
|
||||||
|
</text><text class="spieldocs-r7" x="0" y="361.6" textLength="475.8" clip-path="url(#spieldocs-line-14)">Trigger Examples | Revealing Content   </text><text class="spieldocs-r7" x="500.2" y="361.6" textLength="353.8" clip-path="url(#spieldocs-line-14)">2022-12-17 03:31 PM   [1 / 1]</text>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,25 @@
|
|||||||
|
from rich.align import Align
|
||||||
|
from rich.console import RenderableType
|
||||||
|
from rich.style import Style
|
||||||
|
from rich.text import Text
|
||||||
|
|
||||||
|
from spiel import Deck, Slide
|
||||||
|
|
||||||
|
deck = Deck(name="Deck Name")
|
||||||
|
|
||||||
|
|
||||||
|
def make_slide(
|
||||||
|
title_prefix: str,
|
||||||
|
text: Text,
|
||||||
|
) -> Slide:
|
||||||
|
def content() -> RenderableType:
|
||||||
|
return Align(text, align="center", vertical="middle")
|
||||||
|
|
||||||
|
return Slide(title=f"{title_prefix} Slide", content=content)
|
||||||
|
|
||||||
|
|
||||||
|
deck.add_slides(
|
||||||
|
make_slide(title_prefix="First", text=Text("Foo", style=Style(color="blue"))),
|
||||||
|
make_slide(title_prefix="Second", text=Text("Bar", style=Style(color="red"))),
|
||||||
|
make_slide(title_prefix="Third", text=Text("Baz", style=Style(color="green"))),
|
||||||
|
)
|
@ -0,0 +1,18 @@
|
|||||||
|
from rich.align import Align
|
||||||
|
from rich.console import RenderableType
|
||||||
|
from rich.text import Text
|
||||||
|
|
||||||
|
from spiel import Deck
|
||||||
|
|
||||||
|
deck = Deck(name="Deck Name")
|
||||||
|
|
||||||
|
|
||||||
|
@deck.slide(title="Slide Title")
|
||||||
|
def slide_content() -> RenderableType:
|
||||||
|
return Align(
|
||||||
|
Text.from_markup(
|
||||||
|
"[blue]Your[/blue] [red underline]content[/red underline] [green italic]here[/green italic]!"
|
||||||
|
),
|
||||||
|
align="center",
|
||||||
|
vertical="middle",
|
||||||
|
)
|
@ -0,0 +1,31 @@
|
|||||||
|
from math import floor
|
||||||
|
|
||||||
|
from rich.align import Align
|
||||||
|
from rich.console import Group, RenderableType
|
||||||
|
from rich.panel import Panel
|
||||||
|
from rich.text import Text
|
||||||
|
|
||||||
|
from spiel import Deck, Triggers
|
||||||
|
|
||||||
|
deck = Deck(name="Trigger Examples")
|
||||||
|
|
||||||
|
|
||||||
|
@deck.slide(title="Animating Content")
|
||||||
|
def animate(triggers: Triggers) -> RenderableType:
|
||||||
|
bang = "!"
|
||||||
|
space = " "
|
||||||
|
bar_length = 5
|
||||||
|
|
||||||
|
spaces_before_bang = min(floor(triggers.time_since_first_trigger), bar_length)
|
||||||
|
spaces_after_bang = bar_length - spaces_before_bang
|
||||||
|
|
||||||
|
bar = (space * spaces_before_bang) + bang + (space * spaces_after_bang)
|
||||||
|
|
||||||
|
return Align(
|
||||||
|
Group(
|
||||||
|
Align.center(Text(f"{spaces_before_bang=} | {spaces_after_bang=}")),
|
||||||
|
Align.center(Panel(Text(bar), expand=False, height=3)),
|
||||||
|
),
|
||||||
|
align="center",
|
||||||
|
vertical="middle",
|
||||||
|
)
|
@ -0,0 +1,25 @@
|
|||||||
|
from rich.align import Align
|
||||||
|
from rich.console import Group, RenderableType
|
||||||
|
from rich.padding import Padding
|
||||||
|
from rich.style import Style
|
||||||
|
from rich.text import Text
|
||||||
|
|
||||||
|
from spiel import Deck, Triggers
|
||||||
|
|
||||||
|
deck = Deck(name="Trigger Examples")
|
||||||
|
|
||||||
|
|
||||||
|
@deck.slide(title="Revealing Content")
|
||||||
|
def reveal(triggers: Triggers) -> RenderableType:
|
||||||
|
lines = [
|
||||||
|
Text.from_markup(
|
||||||
|
f"This slide has been triggered [yellow]{len(triggers)}[/yellow] time{'s' if len(triggers) > 1 else ''}."
|
||||||
|
),
|
||||||
|
Text("First line.", style=Style(color="red")) if len(triggers) >= 1 else None,
|
||||||
|
Text("Second line.", style=Style(color="blue")) if len(triggers) >= 2 else None,
|
||||||
|
Text("Third line.", style=Style(color="green")) if len(triggers) >= 3 else None,
|
||||||
|
]
|
||||||
|
|
||||||
|
return Group(
|
||||||
|
*(Padding(Align.center(line), pad=(0, 0, 1, 0)) for line in lines if line is not None)
|
||||||
|
)
|
@ -0,0 +1,155 @@
|
|||||||
|
# Making Slides
|
||||||
|
|
||||||
|
## Slide Content Functions
|
||||||
|
|
||||||
|
Each slide's content is rendered by calling a "content function" that returns a
|
||||||
|
[Rich `RenderableType`](https://rich.readthedocs.io/en/stable/console.html#printing).
|
||||||
|
|
||||||
|
There are two primary ways to define these content functions.
|
||||||
|
For unique slides you can use the [`Deck.slide`][spiel.Deck.slide] decorator:
|
||||||
|
|
||||||
|
```python
|
||||||
|
--8<-- "examples/slide_via_decorator.py"
|
||||||
|
```
|
||||||
|
![Slide content via decorator](./assets/slide_via_decorator.svg)
|
||||||
|
|
||||||
|
You might also find yourself wanting to create a set of slides programmatically
|
||||||
|
(well, even more programmatically).
|
||||||
|
You can use the [`Deck.add_slides`][spiel.Deck.add_slides] function to add
|
||||||
|
[`Slide`s][spiel.Slide] that you've created manually to your deck.
|
||||||
|
|
||||||
|
```python
|
||||||
|
--8<-- "examples/slide_loop.py"
|
||||||
|
```
|
||||||
|
|
||||||
|
![Slide content via loop 1](./assets/slide_loop_1.svg)
|
||||||
|
![Slide content via loop 2](./assets/slide_loop_2.svg)
|
||||||
|
![Slide content via loop 3](./assets/slide_loop_3.svg)
|
||||||
|
|
||||||
|
This pattern is useful when you have a generic "slide template"
|
||||||
|
that you want to feed multiple values into without copying a lot of code.
|
||||||
|
You have the full power of Python to define your slides,
|
||||||
|
so you can use as much (or as little) abstraction as you want.
|
||||||
|
|
||||||
|
!!! tip "Slides are added to the deck in execution order"
|
||||||
|
|
||||||
|
The slide order in the presentation is determined by the order
|
||||||
|
that the `Deck.slide` decorator and `Deck.add_slides` functions are used.
|
||||||
|
The two methods can be freely mixed;
|
||||||
|
just make sure to call them in the order you want the slides to
|
||||||
|
be presented in.
|
||||||
|
|
||||||
|
## When and how often are slide content functions called?
|
||||||
|
|
||||||
|
The slide content function is called for a wide variety of reasons
|
||||||
|
and it is not generally possible to predict how many times or exactly when
|
||||||
|
it will be called due a mix of time-interval-based and on-demand needs.
|
||||||
|
|
||||||
|
Here are some examples of when the content function will be called:
|
||||||
|
|
||||||
|
- When you move to the slide in Slide view.
|
||||||
|
- Sixty times per second while the slide is active in Slide view (see [Triggers](#triggers) below).
|
||||||
|
- When you switch to Deck view.
|
||||||
|
- The active slide's content function will be called if the deck is reloaded.
|
||||||
|
|
||||||
|
!!! tip
|
||||||
|
|
||||||
|
Because of how many times they will be called,
|
||||||
|
your content functions should be *fast* and *stateless*.
|
||||||
|
|
||||||
|
If your content function needs state,
|
||||||
|
it should store and use it via the [Fixtures](#fixtures) discussed below.
|
||||||
|
|
||||||
|
## Fixtures
|
||||||
|
|
||||||
|
The slide content function can take extra
|
||||||
|
[keyword arguments](https://docs.python.org/3/glossary.html#term-argument)
|
||||||
|
that provide additional information for advanced rendering techniques.
|
||||||
|
|
||||||
|
To have Spiel pass your content function one of these fixtures,
|
||||||
|
include a keyword argument with the corresponding fixture name in your content function's signature.
|
||||||
|
|
||||||
|
### Triggers
|
||||||
|
|
||||||
|
- Keyword: `triggers`
|
||||||
|
- Type: [`Triggers`][spiel.Triggers]
|
||||||
|
|
||||||
|
The `triggers` fixture is useful for making slides whose content depends either on
|
||||||
|
relative time (e.g., time since the slide started being displayed)
|
||||||
|
or where the content should change when the user "triggers" it
|
||||||
|
(similar to how a PowerPoint animation can be configured to run
|
||||||
|
[`On Click`](https://support.microsoft.com/en-us/office/animate-text-or-objects-305a1c94-83b1-4778-8df5-fcf7a9b7b7c6)).
|
||||||
|
|
||||||
|
To *trigger* a slide, press `t` in Slide view while displaying it.
|
||||||
|
Additionally, each slide is automatically triggered once when it starts being
|
||||||
|
displayed so that properties like
|
||||||
|
[`Triggers.time_since_last_trigger`][spiel.Triggers.time_since_last_trigger]
|
||||||
|
will always have usable values.
|
||||||
|
|
||||||
|
The `Triggers` object in any given call of the content function behaves like an immutable sequence of floats,
|
||||||
|
which represent relative times (in seconds) at which the slide has been triggered.
|
||||||
|
These relative times are comparable to each other, but are not comparable
|
||||||
|
to values generated by e.g. [`time.time`][time.time] (they are generated by [`time.monotonic`][time.monotonic]).
|
||||||
|
Over multiple calls of the content function,
|
||||||
|
the sequence of relative times is append-only:
|
||||||
|
any trigger time that has been added to the sequence will stay there until the
|
||||||
|
|
||||||
|
[`Triggers.now`][spiel.Triggers.now] is also available,
|
||||||
|
representing the relative time that the slide is being rendered at.
|
||||||
|
|
||||||
|
Triggers are reset when changing slides:
|
||||||
|
if you trigger a slide,
|
||||||
|
go to another slide,
|
||||||
|
then back to the initial slide,
|
||||||
|
the `triggers` from the first "instance"
|
||||||
|
of showing the slide *not* be remembered.
|
||||||
|
|
||||||
|
!!! info "`Trigger.now` resolution"
|
||||||
|
|
||||||
|
Your slide content function will be called every sixtieth of a second,
|
||||||
|
so the best time resolution you can get is about 16 milliseconds between
|
||||||
|
renders, and therefore between `Trigger.now` values.
|
||||||
|
|
||||||
|
#### Revealing Content using Triggers
|
||||||
|
|
||||||
|
A simple use case for `triggers` is to gradually reveal content.
|
||||||
|
We won't even use the "relative time" component for this:
|
||||||
|
we'll just track how many times the slide has been triggered.
|
||||||
|
|
||||||
|
```python
|
||||||
|
--8<-- "examples/triggers_reveal.py"
|
||||||
|
```
|
||||||
|
|
||||||
|
When first displayed, the slide will look like this:
|
||||||
|
|
||||||
|
![Triggers reveal 1](./assets/triggers_reveal_1.svg)
|
||||||
|
|
||||||
|
Note that the slide has already been triggered once,
|
||||||
|
even though we haven't pressed `t` yet!
|
||||||
|
As mentioned above, each slide is automatically triggered once
|
||||||
|
when it starts being displayed.
|
||||||
|
|
||||||
|
After pressing `t` to trigger the slide (really the second trigger):
|
||||||
|
|
||||||
|
![Triggers reveal 2](./assets/triggers_reveal_2.svg)
|
||||||
|
|
||||||
|
And after pressing `t` again (really the third trigger):
|
||||||
|
|
||||||
|
![Triggers reveal 3](./assets/triggers_reveal_3.svg)
|
||||||
|
|
||||||
|
#### Animating Content using Triggers
|
||||||
|
|
||||||
|
Let's build a simple animation that is driven by the time since the slide
|
||||||
|
started being displayed:
|
||||||
|
|
||||||
|
```python
|
||||||
|
--8<-- "examples/triggers_animation.py"
|
||||||
|
```
|
||||||
|
|
||||||
|
Here are some screenshots showing what the slide looks like at various times
|
||||||
|
after being displayed, with no additional key presses:
|
||||||
|
|
||||||
|
![Triggers animation 1](./assets/triggers_animation_1.svg)
|
||||||
|
![Triggers animation 2](./assets/triggers_animation_2.svg)
|
||||||
|
![Triggers animation 3](./assets/triggers_animation_3.svg)
|
||||||
|
![Triggers animation 4](./assets/triggers_animation_4.svg)
|