diff options
author | Tavian Barnes <tavianator@tavianator.com> | 2020-12-08 13:21:39 -0500 |
---|---|---|
committer | Tavian Barnes <tavianator@tavianator.com> | 2020-12-08 13:24:24 -0500 |
commit | 84ca635631ae1f7361cab9f724937f7e92f118e6 (patch) | |
tree | 0eee46833723e38ec75e859e662de3080e0e3f93 | |
parent | 164dbe66355a45b1ac8744b728cd0ebe1320904f (diff) | |
download | bfs-84ca635631ae1f7361cab9f724937f7e92f118e6.tar.xz |
animation: Make the background match GitHub dark
-rw-r--r-- | animation.svg | 4 | ||||
-rw-r--r-- | animation_template.svg | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/animation.svg b/animation.svg index 9ad791d..ed0384e 100644 --- a/animation.svg +++ b/animation.svg @@ -70,7 +70,7 @@ </style> <style type="text/css" id="user-style"> .foreground { fill: #b2b2b2; } - .background { fill: #181818; } + .background { fill: #0d1117; } .color0 { fill: #181818; } .color1 { fill: #b21818; } .color2 { fill: #18b218; } @@ -89,7 +89,7 @@ .color15 { fill: #ffffff; } </style> </defs> - <rect x="0" y="0" width="100%" height="100%" fill="#181818" stroke="#343434" stroke-width="1px"/> + <rect x="0" y="0" width="100%" height="100%" fill="#0d1117" stroke="#30363d" stroke-width="1px"/> <svg x="3" y="3" id="screen" width="768" viewBox="0 0 768 257" preserveAspectRatio="xMidYMin meet"> <rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="56" class="foreground">Usage: </text><text x="56" textLength="24" font-weight="bold" class="color10">bfs</text><text x="80" textLength="16" class="foreground"> [</text><text x="96" textLength="40" font-weight="bold" class="color14">flags</text><text x="136" textLength="48" class="foreground">...] [</text><text x="184" textLength="40" font-weight="bold" class="color13">paths</text><text x="224" textLength="48" class="foreground">...] [</text><text x="272" textLength="80" font-weight="bold" class="color12">expression</text><text x="352" textLength="32" class="foreground">...]</text></g><g id="g2"><text x="0" textLength="24" font-weight="bold" class="color10">bfs</text><text x="24" textLength="160" class="foreground"> is compatible with </text><text x="184" textLength="32" font-weight="bold" class="color10">find</text><text x="216" textLength="192" class="foreground">, with some extensions. </text><text x="408" textLength="40" font-weight="bold" class="color14">Flags</text><text x="448" textLength="16" class="foreground"> (</text><text x="464" textLength="16" font-weight="bold" class="color14">-H</text><text x="480" textLength="8" class="foreground">/</text><text x="488" textLength="16" font-weight="bold" class="color14">-L</text><text x="504" textLength="8" class="foreground">/</text><text x="512" textLength="16" font-weight="bold" class="color14">-P</text><text x="528" textLength="64" class="foreground"> etc.), </text><text x="592" textLength="40" font-weight="bold" class="color13">paths</text><text x="632" textLength="8" class="foreground">,</text></g><g id="g3"><text x="0" textLength="32" class="foreground">and </text><text x="32" textLength="88" font-weight="bold" class="color12">expressions</text><text x="120" textLength="272" class="foreground"> may be freely mixed in any order.</text></g><g id="g4"><text x="0" textLength="48" font-weight="bold" class="color15">Flags:</text></g><g id="g5"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="16" font-weight="bold" class="color14">-H</text></g><g id="g6"><text x="0" textLength="576" class="foreground"> Follow symbolic links on the command line, but not while searching</text></g><g id="g7"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="16" font-weight="bold" class="color14">-L</text></g><g id="g8"><text x="0" textLength="248" class="foreground"> Follow all symbolic links</text></g><g id="g9"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="16" font-weight="bold" class="color14">-P</text></g><g id="g10"><text x="0" textLength="376" class="foreground"> Never follow symbolic links (the default)</text></g><g id="g11"><text x="0" textLength="16" class="foreground"> </text><text x="16" textLength="16" font-weight="bold" class="color14">-E</text></g><g id="g12"><text x="0" textLength="8" class="foreground">:</text><text x="8" textLength="8" class="background"> </text><text x="16" textLength="752" class="foreground"> </text></g><g id="g13"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="8" class="background"> </text><text x="24" textLength="744" class="foreground"> </text></g><g id="g14"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="16" class="foreground"> b</text><text x="24" textLength="8" class="background"> </text><text x="32" textLength="736" class="foreground"> </text></g><g id="g15"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="24" class="foreground"> bf</text><text x="32" textLength="8" class="background"> </text><text x="40" textLength="728" class="foreground"> </text></g><g id="g16"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="background"> </text><text x="48" textLength="720" class="foreground"> </text></g><g id="g17"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="728" class="foreground"> </text></g><g id="g18"><text x="0" textLength="8" font-weight="bold" class="color12">.</text></g><g id="g19"><text x="0" textLength="16" font-weight="bold" class="color12">./</text><text x="16" textLength="32" class="foreground">file</text></g><g id="g20"><text x="0" textLength="16" font-weight="bold" class="color12">./</text><text x="16" textLength="32" font-weight="bold" class="color14">link</text></g><g id="g21"><text x="0" textLength="16" font-weight="bold" class="color12">./</text><text x="16" textLength="88" font-weight="bold" class="color9">archive.zip</text></g><g id="g22"><text x="0" textLength="40" font-weight="bold" class="color12">./bin</text></g><g id="g23"><text x="0" textLength="56" font-weight="bold" class="color12">./songs</text></g><g id="g24"><text x="0" textLength="64" font-weight="bold" class="color12">./videos</text></g><g id="g25"><text x="0" textLength="48" font-weight="bold" class="color12">./bin/</text><text x="48" textLength="56" font-weight="bold" class="color10">program</text></g><g id="g26"><text x="0" textLength="48" font-weight="bold" class="color12">./bin/</text><text x="48" textLength="72" font-weight="bold" class="color10">script.sh</text></g><g id="g27"><text x="0" textLength="64" font-weight="bold" class="color12">./songs/</text><text x="64" textLength="64" class="color6">song.mp3</text></g><g id="g28"><text x="0" textLength="64" font-weight="bold" class="color12">./songs/</text><text x="64" textLength="72" class="color6">song.flac</text></g><g id="g29"><text x="0" textLength="72" font-weight="bold" class="color12">./videos/</text><text x="72" textLength="72" font-weight="bold" class="color13">video.mp4</text></g><g id="g30"><text x="0" textLength="72" font-weight="bold" class="color12">./videos/</text><text x="72" textLength="72" font-weight="bold" class="color13">video.mkv</text></g><g id="g31"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="8" class="background"> </text></g><g id="g32"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="16" class="foreground"> b</text><text x="24" textLength="8" class="background"> </text></g><g id="g33"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="24" class="foreground"> bf</text><text x="32" textLength="8" class="background"> </text></g><g id="g34"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="background"> </text></g><g id="g35"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="8" class="background"> </text></g><g id="g36"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="8" font-weight="bold" class="color13">-</text><text x="56" textLength="8" class="background"> </text></g><g id="g37"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="24" class="foreground"> -n</text><text x="64" textLength="8" class="background"> </text></g><g id="g38"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="32" class="foreground"> -no</text><text x="72" textLength="8" class="background"> </text></g><g id="g39"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="background"> </text></g><g id="g40"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="8" class="background"> </text></g><g id="g41"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="8" font-weight="bold" class="color13">-</text><text x="96" textLength="8" class="background"> </text></g><g id="g42"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="24" class="foreground"> -t</text><text x="104" textLength="8" class="background"> </text></g><g id="g43"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="32" class="foreground"> -ty</text><text x="112" textLength="8" class="background"> </text></g><g id="g44"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="40" class="foreground"> -typ</text><text x="120" textLength="8" class="background"> </text></g><g id="g45"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="background"> </text></g><g id="g46"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" class="background"> </text></g><g id="g47"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="8" class="background"> </text></g><g id="g48"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="8" class="foreground"> </text><text x="152" textLength="8" class="background"> </text></g><g id="g49"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="8" class="foreground"> </text><text x="152" textLength="8" font-weight="bold" class="color13">-</text><text x="160" textLength="8" class="background"> </text></g><g id="g50"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="24" class="foreground"> -l</text><text x="168" textLength="8" class="background"> </text></g><g id="g51"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="8" class="foreground"> </text><text x="152" textLength="24" font-weight="bold" class="color12">-ls</text><text x="176" textLength="8" class="background"> </text></g><g id="g52"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="32" font-weight="bold" class="color9">-not</text><text x="80" textLength="8" class="foreground"> </text><text x="88" textLength="40" font-weight="bold" class="color12">-type</text><text x="128" textLength="8" class="foreground"> </text><text x="136" textLength="8" font-weight="bold" class="color15">d</text><text x="144" textLength="8" class="foreground"> </text><text x="152" textLength="24" font-weight="bold" class="color12">-ls</text></g><g id="g53"><text x="0" textLength="600" class="foreground"> 26037588 4 -rw-r----- 1 tavianator users 1337 Mar 2 20:28 </text><text x="600" textLength="16" font-weight="bold" class="color12">./</text><text x="616" textLength="32" class="foreground">file</text></g><g id="g54"><text x="0" textLength="600" class="foreground"> 26037589 4 lrwxrwxrwx 1 tavianator users 9 Mar 2 20:28 </text><text x="600" textLength="16" font-weight="bold" class="color12">./</text><text x="616" textLength="32" font-weight="bold" class="color14">link</text><text x="648" textLength="32" class="foreground"> -> </text><text x="680" textLength="40" font-weight="bold" class="color12">/dev/</text><text x="720" textLength="32" font-weight="bold" class="color11">null</text></g><g id="g55"><text x="0" textLength="600" class="foreground"> 26037590 72 -rw-r----- 1 tavianator users 70568 Mar 2 20:28 </text><text x="600" textLength="16" font-weight="bold" class="color12">./</text><text x="616" textLength="88" font-weight="bold" class="color9">archive.zip</text></g><g id="g56"><text x="0" textLength="600" class="foreground"> 26037594 156 -rwxr-x--- 1 tavianator users 158296 Mar 2 20:28 </text><text x="600" textLength="48" font-weight="bold" class="color12">./bin/</text><text x="648" textLength="56" font-weight="bold" class="color10">program</text></g><g id="g57"><text x="0" textLength="600" class="foreground"> 26037595 56 -rwxr-x--- 1 tavianator users 53753 Mar 2 20:28 </text><text x="600" textLength="48" font-weight="bold" class="color12">./bin/</text><text x="648" textLength="72" font-weight="bold" class="color10">script.sh</text></g><g id="g58"><text x="0" textLength="600" class="foreground"> 26037596 4992 -rw-r----- 1 tavianator users 5111174 Mar 2 20:28 </text><text x="600" textLength="64" font-weight="bold" class="color12">./songs/</text><text x="664" textLength="64" class="color6">song.mp3</text></g><g id="g59"><text x="0" textLength="600" class="foreground"> 26037597 25452 -rw-r----- 1 tavianator users 26061823 Mar 2 20:28 </text><text x="600" textLength="64" font-weight="bold" class="color12">./songs/</text><text x="664" textLength="72" class="color6">song.flac</text></g><g id="g60"><text x="0" textLength="600" class="foreground"> 26037598 83676 -rw-r----- 1 tavianator users 85680223 Mar 2 20:28 </text><text x="600" textLength="72" font-weight="bold" class="color12">./videos/</text><text x="672" textLength="72" font-weight="bold" class="color13">video.mp4</text></g><g id="g61"><text x="0" textLength="600" class="foreground"> 26037599 94900 -rw-r----- 1 tavianator users 97175783 Mar 2 20:28 </text><text x="600" textLength="72" font-weight="bold" class="color12">./videos/</text><text x="672" textLength="72" font-weight="bold" class="color13">video.mkv</text></g><g id="g62"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="32" class="foreground"> -he</text><text x="72" textLength="8" class="background"> </text></g><g id="g63"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="40" class="foreground"> -hel</text><text x="80" textLength="8" class="background"> </text></g><g id="g64"><text x="0" textLength="8" font-weight="bold" class="color15">$</text><text x="8" textLength="8" class="foreground"> </text><text x="16" textLength="24" font-weight="bold" class="color10">bfs</text><text x="40" textLength="8" class="foreground"> </text><text x="48" textLength="40" font-weight="bold" class="color12">-help</text><text x="88" textLength="8" class="background"> </text></g></defs><g id="screen_view"><g><use xlink:href="#g1" y="0"/><use xlink:href="#g2" y="34"/><use xlink:href="#g3" y="51"/><use xlink:href="#g4" y="85"/><use xlink:href="#g5" y="119"/><use xlink:href="#g6" y="136"/><use xlink:href="#g7" y="153"/><use xlink:href="#g8" y="170"/><use xlink:href="#g9" y="187"/><use xlink:href="#g10" y="204"/><use xlink:href="#g11" y="221"/><rect x="8" y="238" width="8" height="17" class="foreground"/><use xlink:href="#g12" y="238"/></g><g><use xlink:href="#g1" y="272"/><use xlink:href="#g2" y="306"/><use xlink:href="#g3" y="323"/><use xlink:href="#g4" y="357"/><use xlink:href="#g5" y="391"/><use xlink:href="#g6" y="408"/><use xlink:href="#g7" y="425"/><use xlink:href="#g8" y="442"/><use xlink:href="#g9" y="459"/><use xlink:href="#g10" y="476"/><use xlink:href="#g11" y="493"/><rect x="16" y="510" width="8" height="17" class="foreground"/><use xlink:href="#g13" y="510"/></g><g><use xlink:href="#g1" y="544"/><use xlink:href="#g2" y="578"/><use xlink:href="#g3" y="595"/><use xlink:href="#g4" y="629"/><use xlink:href="#g5" y="663"/><use xlink:href="#g6" y="680"/><use xlink:href="#g7" y="697"/><use xlink:href="#g8" y="714"/><use xlink:href="#g9" y="731"/><use xlink:href="#g10" y="748"/><use xlink:href="#g11" y="765"/><rect x="24" y="782" width="8" height="17" class="foreground"/><use xlink:href="#g14" y="782"/></g><g><use xlink:href="#g1" y="816"/><use xlink:href="#g2" y="850"/><use xlink:href="#g3" y="867"/><use xlink:href="#g4" y="901"/><use xlink:href="#g5" y="935"/><use xlink:href="#g6" y="952"/><use xlink:href="#g7" y="969"/><use xlink:href="#g8" y="986"/><use xlink:href="#g9" y="1003"/><use xlink:href="#g10" y="1020"/><use xlink:href="#g11" y="1037"/><rect x="32" y="1054" width="8" height="17" class="foreground"/><use xlink:href="#g15" y="1054"/></g><g><use xlink:href="#g1" y="1088"/><use xlink:href="#g2" y="1122"/><use xlink:href="#g3" y="1139"/><use xlink:href="#g4" y="1173"/><use xlink:href="#g5" y="1207"/><use xlink:href="#g6" y="1224"/><use xlink:href="#g7" y="1241"/><use xlink:href="#g8" y="1258"/><use xlink:href="#g9" y="1275"/><use xlink:href="#g10" y="1292"/><use xlink:href="#g11" y="1309"/><rect x="40" y="1326" width="8" height="17" class="foreground"/><use xlink:href="#g16" y="1326"/></g><g><use xlink:href="#g17" y="1360"/><use xlink:href="#g18" y="1377"/><use xlink:href="#g19" y="1394"/><use xlink:href="#g20" y="1411"/><use xlink:href="#g21" y="1428"/><use xlink:href="#g22" y="1445"/><use xlink:href="#g23" y="1462"/><use xlink:href="#g24" y="1479"/><use xlink:href="#g25" y="1496"/><use xlink:href="#g26" y="1513"/><use xlink:href="#g27" y="1530"/><use xlink:href="#g28" y="1547"/><use xlink:href="#g29" y="1564"/><use xlink:href="#g30" y="1581"/><rect x="16" y="1598" width="8" height="17" class="foreground"/><use xlink:href="#g31" y="1598"/></g><g><use xlink:href="#g17" y="1632"/><use xlink:href="#g18" y="1649"/><use xlink:href="#g19" y="1666"/><use xlink:href="#g20" y="1683"/><use xlink:href="#g21" y="1700"/><use xlink:href="#g22" y="1717"/><use xlink:href="#g23" y="1734"/><use xlink:href="#g24" y="1751"/><use xlink:href="#g25" y="1768"/><use xlink:href="#g26" y="1785"/><use xlink:href="#g27" y="1802"/><use xlink:href="#g28" y="1819"/><use xlink:href="#g29" y="1836"/><use xlink:href="#g30" y="1853"/><rect x="24" y="1870" width="8" height="17" class="foreground"/><use xlink:href="#g32" y="1870"/></g><g><use xlink:href="#g17" y="1904"/><use xlink:href="#g18" y="1921"/><use xlink:href="#g19" y="1938"/><use xlink:href="#g20" y="1955"/><use xlink:href="#g21" y="1972"/><use xlink:href="#g22" y="1989"/><use xlink:href="#g23" y="2006"/><use xlink:href="#g24" y="2023"/><use xlink:href="#g25" y="2040"/><use xlink:href="#g26" y="2057"/><use xlink:href="#g27" y="2074"/><use xlink:href="#g28" y="2091"/><use xlink:href="#g29" y="2108"/><use xlink:href="#g30" y="2125"/><rect x="32" y="2142" width="8" height="17" class="foreground"/><use xlink:href="#g33" y="2142"/></g><g><use xlink:href="#g17" y="2176"/><use xlink:href="#g18" y="2193"/><use xlink:href="#g19" y="2210"/><use xlink:href="#g20" y="2227"/><use xlink:href="#g21" y="2244"/><use xlink:href="#g22" y="2261"/><use xlink:href="#g23" y="2278"/><use xlink:href="#g24" y="2295"/><use xlink:href="#g25" y="2312"/><use xlink:href="#g26" y="2329"/><use xlink:href="#g27" y="2346"/><use xlink:href="#g28" y="2363"/><use xlink:href="#g29" y="2380"/><use xlink:href="#g30" y="2397"/><rect x="40" y="2414" width="8" height="17" class="foreground"/><use xlink:href="#g34" y="2414"/></g><g><use xlink:href="#g17" y="2448"/><use xlink:href="#g18" y="2465"/><use xlink:href="#g19" y="2482"/><use xlink:href="#g20" y="2499"/><use xlink:href="#g21" y="2516"/><use xlink:href="#g22" y="2533"/><use xlink:href="#g23" y="2550"/><use xlink:href="#g24" y="2567"/><use xlink:href="#g25" y="2584"/><use xlink:href="#g26" y="2601"/><use xlink:href="#g27" y="2618"/><use xlink:href="#g28" y="2635"/><use xlink:href="#g29" y="2652"/><use xlink:href="#g30" y="2669"/><rect x="48" y="2686" width="8" height="17" class="foreground"/><use xlink:href="#g35" y="2686"/></g><g><use xlink:href="#g17" y="2720"/><use xlink:href="#g18" y="2737"/><use xlink:href="#g19" y="2754"/><use xlink:href="#g20" y="2771"/><use xlink:href="#g21" y="2788"/><use xlink:href="#g22" y="2805"/><use xlink:href="#g23" y="2822"/><use xlink:href="#g24" y="2839"/><use xlink:href="#g25" y="2856"/><use xlink:href="#g26" y="2873"/><use xlink:href="#g27" y="2890"/><use xlink:href="#g28" y="2907"/><use xlink:href="#g29" y="2924"/><use xlink:href="#g30" y="2941"/><rect x="56" y="2958" width="8" height="17" class="foreground"/><use xlink:href="#g36" y="2958"/></g><g><use xlink:href="#g17" y="2992"/><use xlink:href="#g18" y="3009"/><use xlink:href="#g19" y="3026"/><use xlink:href="#g20" y="3043"/><use xlink:href="#g21" y="3060"/><use xlink:href="#g22" y="3077"/><use xlink:href="#g23" y="3094"/><use xlink:href="#g24" y="3111"/><use xlink:href="#g25" y="3128"/><use xlink:href="#g26" y="3145"/><use xlink:href="#g27" y="3162"/><use xlink:href="#g28" y="3179"/><use xlink:href="#g29" y="3196"/><use xlink:href="#g30" y="3213"/><rect x="64" y="3230" width="8" height="17" class="foreground"/><use xlink:href="#g37" y="3230"/></g><g><use xlink:href="#g17" y="3264"/><use xlink:href="#g18" y="3281"/><use xlink:href="#g19" y="3298"/><use xlink:href="#g20" y="3315"/><use xlink:href="#g21" y="3332"/><use xlink:href="#g22" y="3349"/><use xlink:href="#g23" y="3366"/><use xlink:href="#g24" y="3383"/><use xlink:href="#g25" y="3400"/><use xlink:href="#g26" y="3417"/><use xlink:href="#g27" y="3434"/><use xlink:href="#g28" y="3451"/><use xlink:href="#g29" y="3468"/><use xlink:href="#g30" y="3485"/><rect x="72" y="3502" width="8" height="17" class="foreground"/><use xlink:href="#g38" y="3502"/></g><g><use xlink:href="#g17" y="3536"/><use xlink:href="#g18" y="3553"/><use xlink:href="#g19" y="3570"/><use xlink:href="#g20" y="3587"/><use xlink:href="#g21" y="3604"/><use xlink:href="#g22" y="3621"/><use xlink:href="#g23" y="3638"/><use xlink:href="#g24" y="3655"/><use xlink:href="#g25" y="3672"/><use xlink:href="#g26" y="3689"/><use xlink:href="#g27" y="3706"/><use xlink:href="#g28" y="3723"/><use xlink:href="#g29" y="3740"/><use xlink:href="#g30" y="3757"/><rect x="80" y="3774" width="8" height="17" class="foreground"/><use xlink:href="#g39" y="3774"/></g><g><use xlink:href="#g17" y="3808"/><use xlink:href="#g18" y="3825"/><use xlink:href="#g19" y="3842"/><use xlink:href="#g20" y="3859"/><use xlink:href="#g21" y="3876"/><use xlink:href="#g22" y="3893"/><use xlink:href="#g23" y="3910"/><use xlink:href="#g24" y="3927"/><use xlink:href="#g25" y="3944"/><use xlink:href="#g26" y="3961"/><use xlink:href="#g27" y="3978"/><use xlink:href="#g28" y="3995"/><use xlink:href="#g29" y="4012"/><use xlink:href="#g30" y="4029"/><rect x="88" y="4046" width="8" height="17" class="foreground"/><use xlink:href="#g40" y="4046"/></g><g><use xlink:href="#g17" y="4080"/><use xlink:href="#g18" y="4097"/><use xlink:href="#g19" y="4114"/><use xlink:href="#g20" y="4131"/><use xlink:href="#g21" y="4148"/><use xlink:href="#g22" y="4165"/><use xlink:href="#g23" y="4182"/><use xlink:href="#g24" y="4199"/><use xlink:href="#g25" y="4216"/><use xlink:href="#g26" y="4233"/><use xlink:href="#g27" y="4250"/><use xlink:href="#g28" y="4267"/><use xlink:href="#g29" y="4284"/><use xlink:href="#g30" y="4301"/><rect x="96" y="4318" width="8" height="17" class="foreground"/><use xlink:href="#g41" y="4318"/></g><g><use xlink:href="#g17" y="4352"/><use xlink:href="#g18" y="4369"/><use xlink:href="#g19" y="4386"/><use xlink:href="#g20" y="4403"/><use xlink:href="#g21" y="4420"/><use xlink:href="#g22" y="4437"/><use xlink:href="#g23" y="4454"/><use xlink:href="#g24" y="4471"/><use xlink:href="#g25" y="4488"/><use xlink:href="#g26" y="4505"/><use xlink:href="#g27" y="4522"/><use xlink:href="#g28" y="4539"/><use xlink:href="#g29" y="4556"/><use xlink:href="#g30" y="4573"/><rect x="104" y="4590" width="8" height="17" class="foreground"/><use xlink:href="#g42" y="4590"/></g><g><use xlink:href="#g17" y="4624"/><use xlink:href="#g18" y="4641"/><use xlink:href="#g19" y="4658"/><use xlink:href="#g20" y="4675"/><use xlink:href="#g21" y="4692"/><use xlink:href="#g22" y="4709"/><use xlink:href="#g23" y="4726"/><use xlink:href="#g24" y="4743"/><use xlink:href="#g25" y="4760"/><use xlink:href="#g26" y="4777"/><use xlink:href="#g27" y="4794"/><use xlink:href="#g28" y="4811"/><use xlink:href="#g29" y="4828"/><use xlink:href="#g30" y="4845"/><rect x="112" y="4862" width="8" height="17" class="foreground"/><use xlink:href="#g43" y="4862"/></g><g><use xlink:href="#g17" y="4896"/><use xlink:href="#g18" y="4913"/><use xlink:href="#g19" y="4930"/><use xlink:href="#g20" y="4947"/><use xlink:href="#g21" y="4964"/><use xlink:href="#g22" y="4981"/><use xlink:href="#g23" y="4998"/><use xlink:href="#g24" y="5015"/><use xlink:href="#g25" y="5032"/><use xlink:href="#g26" y="5049"/><use xlink:href="#g27" y="5066"/><use xlink:href="#g28" y="5083"/><use xlink:href="#g29" y="5100"/><use xlink:href="#g30" y="5117"/><rect x="120" y="5134" width="8" height="17" class="foreground"/><use xlink:href="#g44" y="5134"/></g><g><use xlink:href="#g17" y="5168"/><use xlink:href="#g18" y="5185"/><use xlink:href="#g19" y="5202"/><use xlink:href="#g20" y="5219"/><use xlink:href="#g21" y="5236"/><use xlink:href="#g22" y="5253"/><use xlink:href="#g23" y="5270"/><use xlink:href="#g24" y="5287"/><use xlink:href="#g25" y="5304"/><use xlink:href="#g26" y="5321"/><use xlink:href="#g27" y="5338"/><use xlink:href="#g28" y="5355"/><use xlink:href="#g29" y="5372"/><use xlink:href="#g30" y="5389"/><rect x="128" y="5406" width="8" height="17" class="foreground"/><use xlink:href="#g45" y="5406"/></g><g><use xlink:href="#g17" y="5440"/><use xlink:href="#g18" y="5457"/><use xlink:href="#g19" y="5474"/><use xlink:href="#g20" y="5491"/><use xlink:href="#g21" y="5508"/><use xlink:href="#g22" y="5525"/><use xlink:href="#g23" y="5542"/><use xlink:href="#g24" y="5559"/><use xlink:href="#g25" y="5576"/><use xlink:href="#g26" y="5593"/><use xlink:href="#g27" y="5610"/><use xlink:href="#g28" y="5627"/><use xlink:href="#g29" y="5644"/><use xlink:href="#g30" y="5661"/><rect x="136" y="5678" width="8" height="17" class="foreground"/><use xlink:href="#g46" y="5678"/></g><g><use xlink:href="#g17" y="5712"/><use xlink:href="#g18" y="5729"/><use xlink:href="#g19" y="5746"/><use xlink:href="#g20" y="5763"/><use xlink:href="#g21" y="5780"/><use xlink:href="#g22" y="5797"/><use xlink:href="#g23" y="5814"/><use xlink:href="#g24" y="5831"/><use xlink:href="#g25" y="5848"/><use xlink:href="#g26" y="5865"/><use xlink:href="#g27" y="5882"/><use xlink:href="#g28" y="5899"/><use xlink:href="#g29" y="5916"/><use xlink:href="#g30" y="5933"/><rect x="144" y="5950" width="8" height="17" class="foreground"/><use xlink:href="#g47" y="5950"/></g><g><use xlink:href="#g17" y="5984"/><use xlink:href="#g18" y="6001"/><use xlink:href="#g19" y="6018"/><use xlink:href="#g20" y="6035"/><use xlink:href="#g21" y="6052"/><use xlink:href="#g22" y="6069"/><use xlink:href="#g23" y="6086"/><use xlink:href="#g24" y="6103"/><use xlink:href="#g25" y="6120"/><use xlink:href="#g26" y="6137"/><use xlink:href="#g27" y="6154"/><use xlink:href="#g28" y="6171"/><use xlink:href="#g29" y="6188"/><use xlink:href="#g30" y="6205"/><rect x="152" y="6222" width="8" height="17" class="foreground"/><use xlink:href="#g48" y="6222"/></g><g><use xlink:href="#g17" y="6256"/><use xlink:href="#g18" y="6273"/><use xlink:href="#g19" y="6290"/><use xlink:href="#g20" y="6307"/><use xlink:href="#g21" y="6324"/><use xlink:href="#g22" y="6341"/><use xlink:href="#g23" y="6358"/><use xlink:href="#g24" y="6375"/><use xlink:href="#g25" y="6392"/><use xlink:href="#g26" y="6409"/><use xlink:href="#g27" y="6426"/><use xlink:href="#g28" y="6443"/><use xlink:href="#g29" y="6460"/><use xlink:href="#g30" y="6477"/><rect x="160" y="6494" width="8" height="17" class="foreground"/><use xlink:href="#g49" y="6494"/></g><g><use xlink:href="#g17" y="6528"/><use xlink:href="#g18" y="6545"/><use xlink:href="#g19" y="6562"/><use xlink:href="#g20" y="6579"/><use xlink:href="#g21" y="6596"/><use xlink:href="#g22" y="6613"/><use xlink:href="#g23" y="6630"/><use xlink:href="#g24" y="6647"/><use xlink:href="#g25" y="6664"/><use xlink:href="#g26" y="6681"/><use xlink:href="#g27" y="6698"/><use xlink:href="#g28" y="6715"/><use xlink:href="#g29" y="6732"/><use xlink:href="#g30" y="6749"/><rect x="168" y="6766" width="8" height="17" class="foreground"/><use xlink:href="#g50" y="6766"/></g><g><use xlink:href="#g17" y="6800"/><use xlink:href="#g18" y="6817"/><use xlink:href="#g19" y="6834"/><use xlink:href="#g20" y="6851"/><use xlink:href="#g21" y="6868"/><use xlink:href="#g22" y="6885"/><use xlink:href="#g23" y="6902"/><use xlink:href="#g24" y="6919"/><use xlink:href="#g25" y="6936"/><use xlink:href="#g26" y="6953"/><use xlink:href="#g27" y="6970"/><use xlink:href="#g28" y="6987"/><use xlink:href="#g29" y="7004"/><use xlink:href="#g30" y="7021"/><rect x="176" y="7038" width="8" height="17" class="foreground"/><use xlink:href="#g51" y="7038"/></g><g><use xlink:href="#g27" y="7072"/><use xlink:href="#g28" y="7089"/><use xlink:href="#g29" y="7106"/><use xlink:href="#g30" y="7123"/><use xlink:href="#g52" y="7140"/><use xlink:href="#g53" y="7157"/><rect x="720" y="7174" width="32" height="17" class="color0"/><use xlink:href="#g54" y="7174"/><use xlink:href="#g55" y="7191"/><use xlink:href="#g56" y="7208"/><use xlink:href="#g57" y="7225"/><use xlink:href="#g58" y="7242"/><use xlink:href="#g59" y="7259"/><use xlink:href="#g60" y="7276"/><use xlink:href="#g61" y="7293"/><rect x="16" y="7310" width="8" height="17" class="foreground"/><use xlink:href="#g31" y="7310"/></g><g><use xlink:href="#g27" y="7344"/><use xlink:href="#g28" y="7361"/><use xlink:href="#g29" y="7378"/><use xlink:href="#g30" y="7395"/><use xlink:href="#g52" y="7412"/><use xlink:href="#g53" y="7429"/><rect x="720" y="7446" width="32" height="17" class="color0"/><use xlink:href="#g54" y="7446"/><use xlink:href="#g55" y="7463"/><use xlink:href="#g56" y="7480"/><use xlink:href="#g57" y="7497"/><use xlink:href="#g58" y="7514"/><use xlink:href="#g59" y="7531"/><use xlink:href="#g60" y="7548"/><use xlink:href="#g61" y="7565"/><rect x="24" y="7582" width="8" height="17" class="foreground"/><use xlink:href="#g32" y="7582"/></g><g><use xlink:href="#g27" y="7616"/><use xlink:href="#g28" y="7633"/><use xlink:href="#g29" y="7650"/><use xlink:href="#g30" y="7667"/><use xlink:href="#g52" y="7684"/><use xlink:href="#g53" y="7701"/><rect x="720" y="7718" width="32" height="17" class="color0"/><use xlink:href="#g54" y="7718"/><use xlink:href="#g55" y="7735"/><use xlink:href="#g56" y="7752"/><use xlink:href="#g57" y="7769"/><use xlink:href="#g58" y="7786"/><use xlink:href="#g59" y="7803"/><use xlink:href="#g60" y="7820"/><use xlink:href="#g61" y="7837"/><rect x="32" y="7854" width="8" height="17" class="foreground"/><use xlink:href="#g33" y="7854"/></g><g><use xlink:href="#g27" y="7888"/><use xlink:href="#g28" y="7905"/><use xlink:href="#g29" y="7922"/><use xlink:href="#g30" y="7939"/><use xlink:href="#g52" y="7956"/><use xlink:href="#g53" y="7973"/><rect x="720" y="7990" width="32" height="17" class="color0"/><use xlink:href="#g54" y="7990"/><use xlink:href="#g55" y="8007"/><use xlink:href="#g56" y="8024"/><use xlink:href="#g57" y="8041"/><use xlink:href="#g58" y="8058"/><use xlink:href="#g59" y="8075"/><use xlink:href="#g60" y="8092"/><use xlink:href="#g61" y="8109"/><rect x="40" y="8126" width="8" height="17" class="foreground"/><use xlink:href="#g34" y="8126"/></g><g><use xlink:href="#g27" y="8160"/><use xlink:href="#g28" y="8177"/><use xlink:href="#g29" y="8194"/><use xlink:href="#g30" y="8211"/><use xlink:href="#g52" y="8228"/><use xlink:href="#g53" y="8245"/><rect x="720" y="8262" width="32" height="17" class="color0"/><use xlink:href="#g54" y="8262"/><use xlink:href="#g55" y="8279"/><use xlink:href="#g56" y="8296"/><use xlink:href="#g57" y="8313"/><use xlink:href="#g58" y="8330"/><use xlink:href="#g59" y="8347"/><use xlink:href="#g60" y="8364"/><use xlink:href="#g61" y="8381"/><rect x="48" y="8398" width="8" height="17" class="foreground"/><use xlink:href="#g35" y="8398"/></g><g><use xlink:href="#g27" y="8432"/><use xlink:href="#g28" y="8449"/><use xlink:href="#g29" y="8466"/><use xlink:href="#g30" y="8483"/><use xlink:href="#g52" y="8500"/><use xlink:href="#g53" y="8517"/><rect x="720" y="8534" width="32" height="17" class="color0"/><use xlink:href="#g54" y="8534"/><use xlink:href="#g55" y="8551"/><use xlink:href="#g56" y="8568"/><use xlink:href="#g57" y="8585"/><use xlink:href="#g58" y="8602"/><use xlink:href="#g59" y="8619"/><use xlink:href="#g60" y="8636"/><use xlink:href="#g61" y="8653"/><rect x="56" y="8670" width="8" height="17" class="foreground"/><use xlink:href="#g36" y="8670"/></g><g><use xlink:href="#g27" y="8704"/><use xlink:href="#g28" y="8721"/><use xlink:href="#g29" y="8738"/><use xlink:href="#g30" y="8755"/><use xlink:href="#g52" y="8772"/><use xlink:href="#g53" y="8789"/><rect x="720" y="8806" width="32" height="17" class="color0"/><use xlink:href="#g54" y="8806"/><use xlink:href="#g55" y="8823"/><use xlink:href="#g56" y="8840"/><use xlink:href="#g57" y="8857"/><use xlink:href="#g58" y="8874"/><use xlink:href="#g59" y="8891"/><use xlink:href="#g60" y="8908"/><use xlink:href="#g61" y="8925"/><rect x="72" y="8942" width="8" height="17" class="foreground"/><use xlink:href="#g62" y="8942"/></g><g><use xlink:href="#g27" y="8976"/><use xlink:href="#g28" y="8993"/><use xlink:href="#g29" y="9010"/><use xlink:href="#g30" y="9027"/><use xlink:href="#g52" y="9044"/><use xlink:href="#g53" y="9061"/><rect x="720" y="9078" width="32" height="17" class="color0"/><use xlink:href="#g54" y="9078"/><use xlink:href="#g55" y="9095"/><use xlink:href="#g56" y="9112"/><use xlink:href="#g57" y="9129"/><use xlink:href="#g58" y="9146"/><use xlink:href="#g59" y="9163"/><use xlink:href="#g60" y="9180"/><use xlink:href="#g61" y="9197"/><rect x="80" y="9214" width="8" height="17" class="foreground"/><use xlink:href="#g63" y="9214"/></g><g><use xlink:href="#g27" y="9248"/><use xlink:href="#g28" y="9265"/><use xlink:href="#g29" y="9282"/><use xlink:href="#g30" y="9299"/><use xlink:href="#g52" y="9316"/><use xlink:href="#g53" y="9333"/><rect x="720" y="9350" width="32" height="17" class="color0"/><use xlink:href="#g54" y="9350"/><use xlink:href="#g55" y="9367"/><use xlink:href="#g56" y="9384"/><use xlink:href="#g57" y="9401"/><use xlink:href="#g58" y="9418"/><use xlink:href="#g59" y="9435"/><use xlink:href="#g60" y="9452"/><use xlink:href="#g61" y="9469"/><rect x="88" y="9486" width="8" height="17" class="foreground"/><use xlink:href="#g64" y="9486"/></g><g><use xlink:href="#g1" y="9520"/><use xlink:href="#g2" y="9554"/><use xlink:href="#g3" y="9571"/><use xlink:href="#g4" y="9605"/><use xlink:href="#g5" y="9639"/><use xlink:href="#g6" y="9656"/><use xlink:href="#g7" y="9673"/><use xlink:href="#g8" y="9690"/><use xlink:href="#g9" y="9707"/><use xlink:href="#g10" y="9724"/><use xlink:href="#g11" y="9741"/><rect x="8" y="9758" width="8" height="17" class="foreground"/><use xlink:href="#g12" y="9758"/></g></g></svg> </svg>
\ No newline at end of file diff --git a/animation_template.svg b/animation_template.svg index 54d0ea8..fe62da9 100644 --- a/animation_template.svg +++ b/animation_template.svg @@ -11,7 +11,7 @@ </style> <style type="text/css" id="user-style"> .foreground { fill: #b2b2b2; } - .background { fill: #181818; } + .background { fill: #0d1117; } .color0 { fill: #181818; } .color1 { fill: #b21818; } .color2 { fill: #18b218; } @@ -30,7 +30,7 @@ .color15 { fill: #ffffff; } </style> </defs> - <rect x="0" y="0" width="100%" height="100%" fill="#181818" stroke="#343434" stroke-width="1px" /> + <rect x="0" y="0" width="100%" height="100%" fill="#0d1117" stroke="#30363d" stroke-width="1px" /> <svg x="3" y="3" id="screen" width="768" viewBox="0 0 768 257" preserveAspectRatio="xMidYMin meet"> <!-- [snip!] --> </svg> |