erik/warp-themes
erik/warp-themes
1
0
Fork 0
mirror of https://github.com/ethauvin/warp-themes.git synced 2025-04-26 01:27:11 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

lint: trunk - svgo

Browse source
This commit is contained in:
elvis kahoro 2022-10-23 22:53:02 -04:00
parent 892e438bd4
commit 26ccf5d015
295 changed files with 7670 additions and 19175 deletions
Download patch file Download diff file Expand all files Collapse all files

91
holiday/previews/holiday_thanksgiving.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282828" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282828" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee"/>
<!-- second command -->
<text x="15" y="55" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#73cef4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#73cef4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eeeeee" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1d1d1d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1d1d1d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#dc9656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#dc9656" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#383838" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#383838" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#484848" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#484848" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#b8b8b8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#b8b8b8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e8e8e8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e8e8e8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#a16946" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#a16946" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee" />
<!-- prompt -->
<text x="15" y="110" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#b3deef" />
</svg>
</text><path stroke="#b3deef" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
holiday/previews/holiday_winter.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#fafafa" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fafafa" class="Dynamic" rx="5"/><text x="15" y="15" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#5e646f"/>
<!-- second command -->
<text x="15" y="55" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5e646f" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#fafafa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#fafafa" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#509c93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#509c93" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#509c93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#509c93" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#5e646f" />
<!-- prompt -->
<text x="15" y="110" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5e646f" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#6587bf" />
</svg>
</text><path stroke="#6587bf" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
holiday/previews/pride.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#73cef4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#73cef4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1d1d1d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1d1d1d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#dc9656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#dc9656" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#383838" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#383838" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#484848" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#484848" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#b8b8b8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#b8b8b8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e8e8e8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e8e8e8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#a16946" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#a16946" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ffffff" />
</svg>
</text><path stroke="#fff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
holiday/previews/thanksgiving.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282828" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282828" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee"/>
<!-- second command -->
<text x="15" y="55" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#73cef4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#73cef4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eeeeee" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1d1d1d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1d1d1d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#dc9656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#dc9656" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#383838" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#383838" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#484848" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#484848" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#b8b8b8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#b8b8b8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e8e8e8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e8e8e8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#a16946" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#a16946" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee" />
<!-- prompt -->
<text x="15" y="110" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#b3deef" />
</svg>
</text><path stroke="#b3deef" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
holiday/previews/winter.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#fafafa" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fafafa" class="Dynamic" rx="5"/><text x="15" y="15" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#5e646f"/>
<!-- second command -->
<text x="15" y="55" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5e646f" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#fafafa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#fafafa" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#509c93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#509c93" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#db7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#db7070" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6587bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6587bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#509c93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#509c93" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#5e646f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#5e646f" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#5e646f" />
<!-- prompt -->
<text x="15" y="110" fill="#b870ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5e646f" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b870ce" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d69822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d69822" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#7c9f4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#7c9f4b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#6587bf" />
</svg>
</text><path stroke="#6587bf" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After