Theme tweaks (#5232)

* theme tweaks

* style tweaks

* snapshots

* demo tweaks

* projects tweaks
This commit is contained in:
Will McGugan
2024-11-13 17:38:46 +00:00
committed by GitHub
parent 365abe657e
commit 9f32476af2
101 changed files with 6293 additions and 6249 deletions

View File

@@ -27,7 +27,7 @@ Button {
column-span: 4;
padding: 0 1;
height: 100%;
background: $primary-lighten-2;
background: $panel;
color: $text;
content-align: center middle;
text-align: right;

View File

@@ -13,7 +13,7 @@ from rich.traceback import Traceback
from textual.app import App, ComposeResult
from textual.containers import Container, VerticalScroll
from textual.reactive import var
from textual.reactive import reactive, var
from textual.widgets import DirectoryTree, Footer, Header, Static
@@ -27,6 +27,7 @@ class CodeBrowser(App):
]
show_tree = var(True)
path: reactive[str | None] = reactive(None)
def watch_show_tree(self, show_tree: bool) -> None:
"""Called when show_tree is modified."""
@@ -45,19 +46,32 @@ class CodeBrowser(App):
def on_mount(self) -> None:
self.query_one(DirectoryTree).focus()
def theme_change(_signal) -> None:
"""Force the syntax to use a different theme."""
self.watch_path(self.path)
self.theme_changed_signal.subscribe(self, theme_change)
def on_directory_tree_file_selected(
self, event: DirectoryTree.FileSelected
) -> None:
"""Called when the user click a file in the directory tree."""
event.stop()
self.path = str(event.path)
def watch_path(self, path: str | None) -> None:
"""Called when path changes."""
code_view = self.query_one("#code", Static)
if path is None:
code_view.update("")
return
try:
syntax = Syntax.from_path(
str(event.path),
path,
line_numbers=True,
word_wrap=False,
indent_guides=True,
theme="github-dark",
theme="github-dark" if self.current_theme.dark else "github-light",
)
except Exception:
code_view.update(Traceback(theme="github-dark", width=None))
@@ -65,7 +79,7 @@ class CodeBrowser(App):
else:
code_view.update(syntax)
self.query_one("#code-view").scroll_home(animate=False)
self.sub_title = str(event.path)
self.sub_title = path
def action_toggle_files(self) -> None:
"""Called in response to key binding."""

View File

@@ -1,5 +1,4 @@
Screen {
background: $surface-darken-1;
&:inline {
height: 50vh;
}
@@ -23,7 +22,7 @@ CodeBrowser.-show-tree #tree-view {
#code-view {
overflow: auto scroll;
min-width: 100%;
hatch: right $primary;
hatch: right $panel;
}
#code {
width: auto;

View File

@@ -13,13 +13,13 @@ Input#dictionary-search {
}
#results-container {
background: $background 50%;
background: $surface;
margin: 0 0 1 0;
height: 100%;
overflow: hidden auto;
border: tall $background;
border: tall transparent;
}
#results-container:focus {
border: tall $accent;
border: tall $border;
}

View File

@@ -77,6 +77,9 @@ class Timer(Digits):
width: auto;
margin: 2 8;
color: $warning;
&:light {
color: $secondary;
}
}
"""
start_time = var(0.0)
@@ -115,7 +118,7 @@ class MerlinApp(App):
Grid {
width: auto;
height: auto;
border: thick $primary;
border: thick $border;
padding: 1 2;
grid-size: 3 3;
grid-rows: auto;
@@ -162,6 +165,7 @@ class MerlinApp(App):
if self.check_win():
self.query_one("Screen").add_class("-win")
self.query_one(Timer).running = False
self.notify("You win!", title="congratulations", severity="information")
def on_key(self, event: events.Key) -> None:
"""Maps switches to keys, so we can use the keyboard as well."""

View File

@@ -22,7 +22,9 @@ from textual.widgets import Footer, Header, Input, Markdown
try:
import llm
except ImportError:
raise ImportError("install the 'llm' package or run with 'uv run mother.py'")
raise ImportError(
"install the 'llm' package or run with 'uv run mother.py'"
) from None
# The system prompt
SYSTEM = """Formulate all responses as if you where the sentient AI named Mother from the Alien movies."""

View File

@@ -467,6 +467,7 @@ class CommandList(OptionList, can_focus=False):
CommandList > .option-list--option {
padding: 0 2;
color: $foreground;
text-style: bold;
}
"""
@@ -551,21 +552,15 @@ class CommandPalette(SystemModalScreen[None]):
}
}
CommandPalette > .command-palette--help-text {
color: auto 50%;
CommandPalette > .command-palette--help-text {
color: $text-muted;
background: transparent;
text-style: not bold;
}
CommandPalette:dark > .command-palette--highlight {
text-style: bold;
color: $warning;
text-style: not bold dim;
}
CommandPalette > .command-palette--highlight {
text-style: bold;
color: $warning-darken-2;
}
text-style: bold underline;
}
CommandPalette:nocolor > .command-palette--highlight {
text-style: underline;
@@ -806,7 +801,9 @@ class CommandPalette(SystemModalScreen[None]):
self.app.post_message(CommandPalette.Opened())
self._calling_screen = self.app.screen_stack[-2]
match_style = self.get_component_rich_style("command-palette--highlight")
match_style = self.get_component_rich_style(
"command-palette--highlight", partial=True
)
assert self._calling_screen is not None
self._providers = [

View File

@@ -142,7 +142,7 @@ class StarCount(Vertical):
layout: horizontal;
background: $boost;
padding: 0 1;
color: $warning;
color: $text-warning;
#stars { align: center top; }
#forks { align: right top; }
Label { text-style: bold; }

View File

@@ -137,10 +137,12 @@ class Project(Vertical, can_focus=True, can_focus_children=False):
padding: 0 1;
border: tall transparent;
box-sizing: border-box;
&:focus {
border: tall $accent;
background: $primary 40%;
opacity: 1.0;
&:focus {
border: tall $text-primary;
background: $primary 20%;
&.link {
color: red !important;
}
}
#title { text-style: bold; width: 1fr; }
#author { text-style: italic; }
@@ -152,7 +154,7 @@ class Project(Vertical, can_focus=True, can_focus_children=False):
}
.header { height: 1; }
.link {
color: $accent;
color: $text-accent;
text-style: underline;
}
.description { color: $text-muted; }
@@ -205,9 +207,9 @@ class ProjectsScreen(PageScreen):
height: auto;
grid-gutter: 1 1;
grid-rows: auto;
keyline:thin $foreground 50%;
keyline:thin $foreground 30%;
}
Markdown { margin: 0; padding: 0 2; max-width: 100;}
Markdown { margin: 0; padding: 0 2; max-width: 100; background: transparent; }
}
"""

View File

@@ -441,6 +441,9 @@ class WidgetsScreen(PageScreen):
CSS = """
WidgetsScreen {
align-horizontal: center;
Markdown {
background: transparent;
}
& > VerticalScroll {
scrollbar-gutter: stable;
&> * {

View File

@@ -264,9 +264,16 @@ class ColorSystem:
)
# The scrollbar colors
colors["scrollbar"] = get("scrollbar", panel.hex)
colors["scrollbar-hover"] = get("scrollbar-hover", colors["panel-lighten-1"])
colors["scrollbar-active"] = get("scrollbar-active", colors["panel-lighten-2"])
colors["scrollbar"] = get(
"scrollbar",
(Color.parse(colors["background-darken-1"]) + primary.with_alpha(0.4)).hex,
)
colors["scrollbar-hover"] = get(
"scrollbar-hover",
(Color.parse(colors["background-darken-1"]) + primary.with_alpha(0.5)).hex,
)
# colors["scrollbar-active"] = get("scrollbar-active", colors["panel-lighten-2"])
colors["scrollbar-active"] = get("scrollbar-active", primary.hex)
colors["scrollbar-background"] = get(
"scrollbar-background", colors["background-darken-1"]
)

View File

@@ -57,7 +57,12 @@ class Button(Widget, can_focus=True):
border-bottom: tall $surface-darken-1;
text-align: center;
content-align: center middle;
text-style: bold;
&:disabled {
text-style: not bold;
}
&:focus {
text-style: $button-focus-text-style;
background-tint: $foreground 5%;

View File

@@ -22,7 +22,6 @@ class CollapsibleTitle(Static, can_focus=True):
height: auto;
padding: 0 1 0 1;
text-style: $block-cursor-blurred-text-style;
background: $block-cursor-blurred-background;
color: $block-cursor-blurred-foreground;
&:hover {

View File

@@ -149,9 +149,7 @@ class OptionList(ScrollView, can_focus=True):
border: tall transparent;
padding: 0 1;
background: $surface;
&:ansi {
border: tall $border-blurred;
}
& > .option-list--option-highlighted {
color: $block-cursor-blurred-foreground;
background: $block-cursor-blurred-background;

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-943338637-matrix {
.terminal-1636454365-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-943338637-title {
.terminal-1636454365-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-943338637-r1 { fill: #646464 }
.terminal-943338637-r2 { fill: #c5c8c6 }
.terminal-943338637-r3 { fill: #0178d4 }
.terminal-943338637-r4 { fill: #e0e0e0 }
.terminal-943338637-r5 { fill: #00ff00 }
.terminal-943338637-r6 { fill: #000000 }
.terminal-943338637-r7 { fill: #121212 }
.terminal-943338637-r8 { fill: #fea62b;font-weight: bold }
.terminal-1636454365-r1 { fill: #646464 }
.terminal-1636454365-r2 { fill: #c5c8c6 }
.terminal-1636454365-r3 { fill: #0178d4 }
.terminal-1636454365-r4 { fill: #e0e0e0 }
.terminal-1636454365-r5 { fill: #00ff00 }
.terminal-1636454365-r6 { fill: #000000 }
.terminal-1636454365-r7 { fill: #121212 }
.terminal-1636454365-r8 { fill: #e0e0e0;font-weight: bold }
.terminal-1636454365-r9 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; }
</style>
<defs>
<clipPath id="terminal-943338637-clip-terminal">
<clipPath id="terminal-1636454365-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-943338637-line-0">
<clipPath id="terminal-1636454365-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-1">
<clipPath id="terminal-1636454365-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-2">
<clipPath id="terminal-1636454365-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-3">
<clipPath id="terminal-1636454365-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-4">
<clipPath id="terminal-1636454365-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-5">
<clipPath id="terminal-1636454365-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-6">
<clipPath id="terminal-1636454365-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-7">
<clipPath id="terminal-1636454365-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-8">
<clipPath id="terminal-1636454365-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-9">
<clipPath id="terminal-1636454365-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-10">
<clipPath id="terminal-1636454365-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-11">
<clipPath id="terminal-1636454365-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-12">
<clipPath id="terminal-1636454365-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-13">
<clipPath id="terminal-1636454365-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-14">
<clipPath id="terminal-1636454365-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-15">
<clipPath id="terminal-1636454365-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-16">
<clipPath id="terminal-1636454365-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-17">
<clipPath id="terminal-1636454365-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-18">
<clipPath id="terminal-1636454365-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-19">
<clipPath id="terminal-1636454365-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-20">
<clipPath id="terminal-1636454365-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-21">
<clipPath id="terminal-1636454365-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-943338637-line-22">
<clipPath id="terminal-1636454365-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-943338637-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SearchApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1636454365-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SearchApp</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(#terminal-943338637-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="99.1" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="61" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="73.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="85.4" y="123.5" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="147.9" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="36.6" y="196.7" width="939.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="36.6" y="221.1" width="939.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-943338637-matrix">
<text class="terminal-943338637-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-943338637-line-0)">Search&#160;Commands&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-943338637-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-943338637-line-0)">
</text><text class="terminal-943338637-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-943338637-line-1)">
</text><text class="terminal-943338637-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-943338637-line-2)">
</text><text class="terminal-943338637-r3" x="0" y="93.2" textLength="976" clip-path="url(#terminal-943338637-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-943338637-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-943338637-line-3)">
</text><text class="terminal-943338637-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-943338637-line-4)">
</text><text class="terminal-943338637-r6" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-943338637-line-5)">🔎</text><text class="terminal-943338637-r4" x="61" y="142" textLength="12.2" clip-path="url(#terminal-943338637-line-5)">b</text><text class="terminal-943338637-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-943338637-line-5)">
</text><text class="terminal-943338637-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-943338637-line-6)">
</text><text class="terminal-943338637-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-943338637-line-7)">
</text><text class="terminal-943338637-r8" x="24.4" y="215.2" textLength="12.2" clip-path="url(#terminal-943338637-line-8)">b</text><text class="terminal-943338637-r4" x="36.6" y="215.2" textLength="939.4" clip-path="url(#terminal-943338637-line-8)">ar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-943338637-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-943338637-line-8)">
</text><text class="terminal-943338637-r8" x="24.4" y="239.6" textLength="12.2" clip-path="url(#terminal-943338637-line-9)">b</text><text class="terminal-943338637-r4" x="36.6" y="239.6" textLength="939.4" clip-path="url(#terminal-943338637-line-9)">az&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-943338637-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-943338637-line-9)">
</text><text class="terminal-943338637-r3" x="0" y="264" textLength="976" clip-path="url(#terminal-943338637-line-10)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-943338637-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-943338637-line-10)">
</text><text class="terminal-943338637-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-943338637-line-11)">
</text><text class="terminal-943338637-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-943338637-line-12)">
</text><text class="terminal-943338637-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-943338637-line-13)">
</text><text class="terminal-943338637-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-943338637-line-14)">
</text><text class="terminal-943338637-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-943338637-line-15)">
</text><text class="terminal-943338637-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-943338637-line-16)">
</text><text class="terminal-943338637-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-943338637-line-17)">
</text><text class="terminal-943338637-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-943338637-line-18)">
</text><text class="terminal-943338637-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-943338637-line-19)">
</text><text class="terminal-943338637-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-943338637-line-20)">
</text><text class="terminal-943338637-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-943338637-line-21)">
</text><text class="terminal-943338637-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-943338637-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1636454365-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="99.1" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="61" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="73.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="85.4" y="123.5" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="147.9" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="36.6" y="196.7" width="939.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="36.6" y="221.1" width="939.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1636454365-matrix">
<text class="terminal-1636454365-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1636454365-line-0)">Search&#160;Commands&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1636454365-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1636454365-line-0)">
</text><text class="terminal-1636454365-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1636454365-line-1)">
</text><text class="terminal-1636454365-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1636454365-line-2)">
</text><text class="terminal-1636454365-r3" x="0" y="93.2" textLength="976" clip-path="url(#terminal-1636454365-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1636454365-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1636454365-line-3)">
</text><text class="terminal-1636454365-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1636454365-line-4)">
</text><text class="terminal-1636454365-r6" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-1636454365-line-5)">🔎</text><text class="terminal-1636454365-r4" x="61" y="142" textLength="12.2" clip-path="url(#terminal-1636454365-line-5)">b</text><text class="terminal-1636454365-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1636454365-line-5)">
</text><text class="terminal-1636454365-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1636454365-line-6)">
</text><text class="terminal-1636454365-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1636454365-line-7)">
</text><text class="terminal-1636454365-r9" x="24.4" y="215.2" textLength="12.2" clip-path="url(#terminal-1636454365-line-8)">b</text><text class="terminal-1636454365-r8" x="36.6" y="215.2" textLength="939.4" clip-path="url(#terminal-1636454365-line-8)">ar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1636454365-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1636454365-line-8)">
</text><text class="terminal-1636454365-r9" x="24.4" y="239.6" textLength="12.2" clip-path="url(#terminal-1636454365-line-9)">b</text><text class="terminal-1636454365-r8" x="36.6" y="239.6" textLength="939.4" clip-path="url(#terminal-1636454365-line-9)">az&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1636454365-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1636454365-line-9)">
</text><text class="terminal-1636454365-r3" x="0" y="264" textLength="976" clip-path="url(#terminal-1636454365-line-10)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1636454365-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1636454365-line-10)">
</text><text class="terminal-1636454365-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1636454365-line-11)">
</text><text class="terminal-1636454365-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1636454365-line-12)">
</text><text class="terminal-1636454365-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1636454365-line-13)">
</text><text class="terminal-1636454365-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1636454365-line-14)">
</text><text class="terminal-1636454365-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1636454365-line-15)">
</text><text class="terminal-1636454365-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1636454365-line-16)">
</text><text class="terminal-1636454365-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1636454365-line-17)">
</text><text class="terminal-1636454365-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1636454365-line-18)">
</text><text class="terminal-1636454365-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1636454365-line-19)">
</text><text class="terminal-1636454365-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1636454365-line-20)">
</text><text class="terminal-1636454365-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1636454365-line-21)">
</text><text class="terminal-1636454365-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1636454365-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -19,136 +19,136 @@
font-weight: 700;
}
.terminal-380961061-matrix {
.terminal-2688155709-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-380961061-title {
.terminal-2688155709-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-380961061-r1 { fill: #e0e0e0 }
.terminal-380961061-r2 { fill: #c5c8c6 }
.terminal-380961061-r3 { fill: #ffffff }
.terminal-380961061-r4 { fill: #e0e0e0;font-weight: bold }
.terminal-380961061-r5 { fill: #ddedf9;font-weight: bold }
.terminal-380961061-r6 { fill: #1e1e1e }
.terminal-380961061-r7 { fill: #242f38 }
.terminal-2688155709-r1 { fill: #e0e0e0 }
.terminal-2688155709-r2 { fill: #c5c8c6 }
.terminal-2688155709-r3 { fill: #ffffff }
.terminal-2688155709-r4 { fill: #e0e0e0;font-weight: bold }
.terminal-2688155709-r5 { fill: #ddedf9;font-weight: bold }
.terminal-2688155709-r6 { fill: #1e1e1e }
.terminal-2688155709-r7 { fill: #003054 }
</style>
<defs>
<clipPath id="terminal-380961061-clip-terminal">
<clipPath id="terminal-2688155709-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-380961061-line-0">
<clipPath id="terminal-2688155709-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-1">
<clipPath id="terminal-2688155709-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-2">
<clipPath id="terminal-2688155709-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-3">
<clipPath id="terminal-2688155709-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-4">
<clipPath id="terminal-2688155709-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-5">
<clipPath id="terminal-2688155709-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-6">
<clipPath id="terminal-2688155709-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-7">
<clipPath id="terminal-2688155709-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-8">
<clipPath id="terminal-2688155709-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-9">
<clipPath id="terminal-2688155709-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-10">
<clipPath id="terminal-2688155709-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-11">
<clipPath id="terminal-2688155709-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-12">
<clipPath id="terminal-2688155709-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-13">
<clipPath id="terminal-2688155709-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-14">
<clipPath id="terminal-2688155709-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-15">
<clipPath id="terminal-2688155709-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-16">
<clipPath id="terminal-2688155709-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-17">
<clipPath id="terminal-2688155709-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-18">
<clipPath id="terminal-2688155709-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-19">
<clipPath id="terminal-2688155709-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-20">
<clipPath id="terminal-2688155709-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-21">
<clipPath id="terminal-2688155709-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-380961061-line-22">
<clipPath id="terminal-2688155709-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-380961061-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2688155709-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</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(#terminal-380961061-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d3740" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="12.2" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="305" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="317.2" y="99.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="12.2" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="134.2" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#222a31" x="256.2" y="196.7" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="12.2" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="221.1" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-380961061-matrix">
<text class="terminal-380961061-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-380961061-line-0)">automatic&#160;scrollbar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-380961061-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-380961061-line-0)">
</text><text class="terminal-380961061-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-380961061-line-1)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-380961061-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-380961061-line-1)">
</text><text class="terminal-380961061-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-380961061-line-2)"></text><text class="terminal-380961061-r4" x="12.2" y="68.8" textLength="951.6" clip-path="url(#terminal-380961061-line-2)">&#160;Column&#160;1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-380961061-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-380961061-line-2)"></text><text class="terminal-380961061-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-380961061-line-2)">
</text><text class="terminal-380961061-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-380961061-line-3)"></text><text class="terminal-380961061-r5" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-380961061-line-3)">&#160;Lorem&#160;ipsum&#160;dolor&#160;sit&#160;amet,&#160;consectetur&#160;adipiscing&#160;elit,&#160;sed&#160;do&#160;eiusmod&#160;tempo</text><text class="terminal-380961061-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-380961061-line-3)"></text><text class="terminal-380961061-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-380961061-line-3)">
</text><text class="terminal-380961061-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-380961061-line-4)"></text><text class="terminal-380961061-r7" x="305" y="117.6" textLength="12.2" clip-path="url(#terminal-380961061-line-4)"></text><text class="terminal-380961061-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-380961061-line-4)"></text><text class="terminal-380961061-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-380961061-line-4)">
</text><text class="terminal-380961061-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-380961061-line-5)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-380961061-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-380961061-line-5)">
</text><text class="terminal-380961061-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-380961061-line-6)">no&#160;automatic&#160;scrollbar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-380961061-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-380961061-line-6)">
</text><text class="terminal-380961061-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-380961061-line-7)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-380961061-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-380961061-line-7)">
</text><text class="terminal-380961061-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-380961061-line-8)"></text><text class="terminal-380961061-r4" x="12.2" y="215.2" textLength="122" clip-path="url(#terminal-380961061-line-8)">&#160;Column&#160;1&#160;</text><text class="terminal-380961061-r4" x="134.2" y="215.2" textLength="122" clip-path="url(#terminal-380961061-line-8)">&#160;Column&#160;2&#160;</text><text class="terminal-380961061-r3" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-380961061-line-8)"></text><text class="terminal-380961061-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-380961061-line-8)">
</text><text class="terminal-380961061-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-380961061-line-9)"></text><text class="terminal-380961061-r1" x="12.2" y="239.6" textLength="122" clip-path="url(#terminal-380961061-line-9)">&#160;Paul&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-380961061-r1" x="134.2" y="239.6" textLength="122" clip-path="url(#terminal-380961061-line-9)">&#160;Jessica&#160;&#160;</text><text class="terminal-380961061-r3" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-380961061-line-9)"></text><text class="terminal-380961061-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-380961061-line-9)">
</text><text class="terminal-380961061-r3" x="0" y="264" textLength="976" clip-path="url(#terminal-380961061-line-10)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-380961061-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-380961061-line-10)">
</text><text class="terminal-380961061-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-380961061-line-11)">
</text><text class="terminal-380961061-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-380961061-line-12)">
</text><text class="terminal-380961061-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-380961061-line-13)">
</text><text class="terminal-380961061-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-380961061-line-14)">
</text><text class="terminal-380961061-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-380961061-line-15)">
</text><text class="terminal-380961061-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-380961061-line-16)">
</text><text class="terminal-380961061-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-380961061-line-17)">
</text><text class="terminal-380961061-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-380961061-line-18)">
</text><text class="terminal-380961061-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-380961061-line-19)">
</text><text class="terminal-380961061-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-380961061-line-20)">
</text><text class="terminal-380961061-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-380961061-line-21)">
</text><text class="terminal-380961061-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-380961061-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2688155709-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d3740" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="12.2" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="305" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="317.2" y="99.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="12.2" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="134.2" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#222a31" x="256.2" y="196.7" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="12.2" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="221.1" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2688155709-matrix">
<text class="terminal-2688155709-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-2688155709-line-0)">automatic&#160;scrollbar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2688155709-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2688155709-line-0)">
</text><text class="terminal-2688155709-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2688155709-line-1)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-2688155709-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2688155709-line-1)">
</text><text class="terminal-2688155709-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-2)"></text><text class="terminal-2688155709-r4" x="12.2" y="68.8" textLength="951.6" clip-path="url(#terminal-2688155709-line-2)">&#160;Column&#160;1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2688155709-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-2)"></text><text class="terminal-2688155709-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-2)">
</text><text class="terminal-2688155709-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-3)"></text><text class="terminal-2688155709-r5" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-2688155709-line-3)">&#160;Lorem&#160;ipsum&#160;dolor&#160;sit&#160;amet,&#160;consectetur&#160;adipiscing&#160;elit,&#160;sed&#160;do&#160;eiusmod&#160;tempo</text><text class="terminal-2688155709-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-3)"></text><text class="terminal-2688155709-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-3)">
</text><text class="terminal-2688155709-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-4)"></text><text class="terminal-2688155709-r7" x="305" y="117.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-4)"></text><text class="terminal-2688155709-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-4)"></text><text class="terminal-2688155709-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-4)">
</text><text class="terminal-2688155709-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-2688155709-line-5)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-2688155709-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2688155709-line-5)">
</text><text class="terminal-2688155709-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-2688155709-line-6)">no&#160;automatic&#160;scrollbar&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2688155709-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2688155709-line-6)">
</text><text class="terminal-2688155709-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-2688155709-line-7)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-2688155709-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-7)">
</text><text class="terminal-2688155709-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-8)"></text><text class="terminal-2688155709-r4" x="12.2" y="215.2" textLength="122" clip-path="url(#terminal-2688155709-line-8)">&#160;Column&#160;1&#160;</text><text class="terminal-2688155709-r4" x="134.2" y="215.2" textLength="122" clip-path="url(#terminal-2688155709-line-8)">&#160;Column&#160;2&#160;</text><text class="terminal-2688155709-r3" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-8)"></text><text class="terminal-2688155709-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-8)">
</text><text class="terminal-2688155709-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-9)"></text><text class="terminal-2688155709-r1" x="12.2" y="239.6" textLength="122" clip-path="url(#terminal-2688155709-line-9)">&#160;Paul&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2688155709-r1" x="134.2" y="239.6" textLength="122" clip-path="url(#terminal-2688155709-line-9)">&#160;Jessica&#160;&#160;</text><text class="terminal-2688155709-r3" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-9)"></text><text class="terminal-2688155709-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-9)">
</text><text class="terminal-2688155709-r3" x="0" y="264" textLength="976" clip-path="url(#terminal-2688155709-line-10)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-2688155709-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2688155709-line-10)">
</text><text class="terminal-2688155709-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2688155709-line-11)">
</text><text class="terminal-2688155709-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-12)">
</text><text class="terminal-2688155709-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-13)">
</text><text class="terminal-2688155709-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-14)">
</text><text class="terminal-2688155709-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2688155709-line-15)">
</text><text class="terminal-2688155709-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2688155709-line-16)">
</text><text class="terminal-2688155709-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-17)">
</text><text class="terminal-2688155709-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2688155709-line-18)">
</text><text class="terminal-2688155709-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2688155709-line-19)">
</text><text class="terminal-2688155709-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2688155709-line-20)">
</text><text class="terminal-2688155709-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2688155709-line-21)">
</text><text class="terminal-2688155709-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2688155709-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 120 KiB

View File

@@ -19,135 +19,135 @@
font-weight: 700;
}
.terminal-1397834151-matrix {
.terminal-2219269165-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1397834151-title {
.terminal-2219269165-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1397834151-r1 { fill: #2d2d2d }
.terminal-1397834151-r2 { fill: #e0e0e0 }
.terminal-1397834151-r3 { fill: #c5c8c6 }
.terminal-1397834151-r4 { fill: #e0e0e0;font-weight: bold }
.terminal-1397834151-r5 { fill: #272727;font-weight: bold }
.terminal-1397834151-r6 { fill: #0d0d0d }
.terminal-2219269165-r1 { fill: #2d2d2d }
.terminal-2219269165-r2 { fill: #e0e0e0 }
.terminal-2219269165-r3 { fill: #c5c8c6 }
.terminal-2219269165-r4 { fill: #e0e0e0;font-weight: bold }
.terminal-2219269165-r5 { fill: #272727;font-weight: bold }
.terminal-2219269165-r6 { fill: #0d0d0d }
</style>
<defs>
<clipPath id="terminal-1397834151-clip-terminal">
<clipPath id="terminal-2219269165-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1397834151-line-0">
<clipPath id="terminal-2219269165-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-1">
<clipPath id="terminal-2219269165-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-2">
<clipPath id="terminal-2219269165-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-3">
<clipPath id="terminal-2219269165-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-4">
<clipPath id="terminal-2219269165-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-5">
<clipPath id="terminal-2219269165-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-6">
<clipPath id="terminal-2219269165-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-7">
<clipPath id="terminal-2219269165-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-8">
<clipPath id="terminal-2219269165-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-9">
<clipPath id="terminal-2219269165-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-10">
<clipPath id="terminal-2219269165-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-11">
<clipPath id="terminal-2219269165-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-12">
<clipPath id="terminal-2219269165-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-13">
<clipPath id="terminal-2219269165-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-14">
<clipPath id="terminal-2219269165-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-15">
<clipPath id="terminal-2219269165-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-16">
<clipPath id="terminal-2219269165-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-17">
<clipPath id="terminal-2219269165-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-18">
<clipPath id="terminal-2219269165-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-19">
<clipPath id="terminal-2219269165-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-20">
<clipPath id="terminal-2219269165-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-21">
<clipPath id="terminal-2219269165-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1397834151-line-22">
<clipPath id="terminal-2219269165-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1397834151-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2219269165-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonApp</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(#terminal-1397834151-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2219269165-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="1.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="25.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="50.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="74.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="48.8" y="99.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="134.2" y="99.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="123.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="147.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="172.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="196.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="196.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="221.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="245.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="269.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="294.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="294.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="36.6" y="318.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="318.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="343.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="367.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="391.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="416.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1397834151-matrix">
<text class="terminal-1397834151-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-1397834151-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1397834151-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1397834151-line-0)">
</text><text class="terminal-1397834151-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1397834151-line-1)">
</text><text class="terminal-1397834151-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1397834151-line-2)">
</text><text class="terminal-1397834151-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1397834151-line-3)">
</text><text class="terminal-1397834151-r5" x="48.8" y="117.6" textLength="85.4" clip-path="url(#terminal-1397834151-line-4)">&#160;Hello&#160;</text><text class="terminal-1397834151-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1397834151-line-4)">
</text><text class="terminal-1397834151-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1397834151-line-5)">
</text><text class="terminal-1397834151-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1397834151-line-6)">
</text><text class="terminal-1397834151-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1397834151-line-7)">
</text><text class="terminal-1397834151-r6" x="0" y="215.2" textLength="195.2" clip-path="url(#terminal-1397834151-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1397834151-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1397834151-line-8)">
</text><text class="terminal-1397834151-r1" x="0" y="239.6" textLength="195.2" clip-path="url(#terminal-1397834151-line-9)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1397834151-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1397834151-line-9)">
</text><text class="terminal-1397834151-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1397834151-line-10)">
</text><text class="terminal-1397834151-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1397834151-line-11)">
</text><text class="terminal-1397834151-r2" x="48.8" y="312.8" textLength="85.4" clip-path="url(#terminal-1397834151-line-12)">&#160;Hello&#160;</text><text class="terminal-1397834151-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1397834151-line-12)">
</text><text class="terminal-1397834151-r2" x="36.6" y="337.2" textLength="122" clip-path="url(#terminal-1397834151-line-13)">&#160;World&#160;!!&#160;</text><text class="terminal-1397834151-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1397834151-line-13)">
</text><text class="terminal-1397834151-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1397834151-line-14)">
</text><text class="terminal-1397834151-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1397834151-line-15)">
</text><text class="terminal-1397834151-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1397834151-line-16)">
</text><text class="terminal-1397834151-r6" x="0" y="434.8" textLength="195.2" clip-path="url(#terminal-1397834151-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1397834151-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1397834151-line-17)">
</text><text class="terminal-1397834151-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1397834151-line-18)">
</text><text class="terminal-1397834151-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1397834151-line-19)">
</text><text class="terminal-1397834151-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1397834151-line-20)">
</text><text class="terminal-1397834151-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1397834151-line-21)">
</text><text class="terminal-1397834151-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1397834151-line-22)">
<g class="terminal-2219269165-matrix">
<text class="terminal-2219269165-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-2219269165-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2219269165-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2219269165-line-0)">
</text><text class="terminal-2219269165-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2219269165-line-1)">
</text><text class="terminal-2219269165-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2219269165-line-2)">
</text><text class="terminal-2219269165-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2219269165-line-3)">
</text><text class="terminal-2219269165-r5" x="48.8" y="117.6" textLength="85.4" clip-path="url(#terminal-2219269165-line-4)">&#160;Hello&#160;</text><text class="terminal-2219269165-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2219269165-line-4)">
</text><text class="terminal-2219269165-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2219269165-line-5)">
</text><text class="terminal-2219269165-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2219269165-line-6)">
</text><text class="terminal-2219269165-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2219269165-line-7)">
</text><text class="terminal-2219269165-r6" x="0" y="215.2" textLength="195.2" clip-path="url(#terminal-2219269165-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2219269165-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2219269165-line-8)">
</text><text class="terminal-2219269165-r1" x="0" y="239.6" textLength="195.2" clip-path="url(#terminal-2219269165-line-9)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2219269165-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2219269165-line-9)">
</text><text class="terminal-2219269165-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2219269165-line-10)">
</text><text class="terminal-2219269165-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2219269165-line-11)">
</text><text class="terminal-2219269165-r4" x="48.8" y="312.8" textLength="85.4" clip-path="url(#terminal-2219269165-line-12)">&#160;Hello&#160;</text><text class="terminal-2219269165-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2219269165-line-12)">
</text><text class="terminal-2219269165-r4" x="36.6" y="337.2" textLength="122" clip-path="url(#terminal-2219269165-line-13)">&#160;World&#160;!!&#160;</text><text class="terminal-2219269165-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2219269165-line-13)">
</text><text class="terminal-2219269165-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2219269165-line-14)">
</text><text class="terminal-2219269165-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2219269165-line-15)">
</text><text class="terminal-2219269165-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2219269165-line-16)">
</text><text class="terminal-2219269165-r6" x="0" y="434.8" textLength="195.2" clip-path="url(#terminal-2219269165-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2219269165-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2219269165-line-17)">
</text><text class="terminal-2219269165-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2219269165-line-18)">
</text><text class="terminal-2219269165-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2219269165-line-19)">
</text><text class="terminal-2219269165-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2219269165-line-20)">
</text><text class="terminal-2219269165-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2219269165-line-21)">
</text><text class="terminal-2219269165-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2219269165-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -19,132 +19,133 @@
font-weight: 700;
}
.terminal-1516358284-matrix {
.terminal-3074608726-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1516358284-title {
.terminal-3074608726-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1516358284-r1 { fill: #ffffff }
.terminal-1516358284-r2 { fill: #e0e0e0 }
.terminal-1516358284-r3 { fill: #c5c8c6 }
.terminal-3074608726-r1 { fill: #ffffff }
.terminal-3074608726-r2 { fill: #e0e0e0 }
.terminal-3074608726-r3 { fill: #c5c8c6 }
.terminal-3074608726-r4 { fill: #e0e0e0;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-1516358284-clip-terminal">
<clipPath id="terminal-3074608726-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1516358284-line-0">
<clipPath id="terminal-3074608726-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-1">
<clipPath id="terminal-3074608726-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-2">
<clipPath id="terminal-3074608726-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-3">
<clipPath id="terminal-3074608726-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-4">
<clipPath id="terminal-3074608726-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-5">
<clipPath id="terminal-3074608726-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-6">
<clipPath id="terminal-3074608726-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-7">
<clipPath id="terminal-3074608726-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-8">
<clipPath id="terminal-3074608726-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-9">
<clipPath id="terminal-3074608726-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-10">
<clipPath id="terminal-3074608726-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-11">
<clipPath id="terminal-3074608726-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-12">
<clipPath id="terminal-3074608726-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-13">
<clipPath id="terminal-3074608726-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-14">
<clipPath id="terminal-3074608726-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-15">
<clipPath id="terminal-3074608726-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-16">
<clipPath id="terminal-3074608726-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-17">
<clipPath id="terminal-3074608726-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-18">
<clipPath id="terminal-3074608726-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-19">
<clipPath id="terminal-3074608726-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-20">
<clipPath id="terminal-3074608726-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-21">
<clipPath id="terminal-3074608726-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1516358284-line-22">
<clipPath id="terminal-3074608726-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1516358284-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonIssue</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3074608726-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonIssue</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(#terminal-1516358284-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-3074608726-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="1.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="61" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="25.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="50.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1516358284-matrix">
<text class="terminal-1516358284-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-1516358284-line-0)">┌──────────────┐</text><text class="terminal-1516358284-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1516358284-line-0)">
</text><text class="terminal-1516358284-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-1)"></text><text class="terminal-1516358284-r2" x="61" y="44.4" textLength="73.2" clip-path="url(#terminal-1516358284-line-1)">&#160;Test&#160;</text><text class="terminal-1516358284-r1" x="183" y="44.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-1)"></text><text class="terminal-1516358284-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-1)">
</text><text class="terminal-1516358284-r1" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-1516358284-line-2)">└──────────────┘</text><text class="terminal-1516358284-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1516358284-line-2)">
</text><text class="terminal-1516358284-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1516358284-line-3)">
</text><text class="terminal-1516358284-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1516358284-line-4)">
</text><text class="terminal-1516358284-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1516358284-line-5)">
</text><text class="terminal-1516358284-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-6)">
</text><text class="terminal-1516358284-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1516358284-line-7)">
</text><text class="terminal-1516358284-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1516358284-line-8)">
</text><text class="terminal-1516358284-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1516358284-line-9)">
</text><text class="terminal-1516358284-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1516358284-line-10)">
</text><text class="terminal-1516358284-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-11)">
</text><text class="terminal-1516358284-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1516358284-line-12)">
</text><text class="terminal-1516358284-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1516358284-line-13)">
</text><text class="terminal-1516358284-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1516358284-line-14)">
</text><text class="terminal-1516358284-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1516358284-line-15)">
</text><text class="terminal-1516358284-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-16)">
</text><text class="terminal-1516358284-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1516358284-line-17)">
</text><text class="terminal-1516358284-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1516358284-line-18)">
</text><text class="terminal-1516358284-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1516358284-line-19)">
</text><text class="terminal-1516358284-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1516358284-line-20)">
</text><text class="terminal-1516358284-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1516358284-line-21)">
</text><text class="terminal-1516358284-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1516358284-line-22)">
<g class="terminal-3074608726-matrix">
<text class="terminal-3074608726-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-3074608726-line-0)">┌──────────────┐</text><text class="terminal-3074608726-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3074608726-line-0)">
</text><text class="terminal-3074608726-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-1)"></text><text class="terminal-3074608726-r4" x="61" y="44.4" textLength="73.2" clip-path="url(#terminal-3074608726-line-1)">&#160;Test&#160;</text><text class="terminal-3074608726-r1" x="183" y="44.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-1)"></text><text class="terminal-3074608726-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-1)">
</text><text class="terminal-3074608726-r1" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-3074608726-line-2)">└──────────────┘</text><text class="terminal-3074608726-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3074608726-line-2)">
</text><text class="terminal-3074608726-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3074608726-line-3)">
</text><text class="terminal-3074608726-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3074608726-line-4)">
</text><text class="terminal-3074608726-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3074608726-line-5)">
</text><text class="terminal-3074608726-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-6)">
</text><text class="terminal-3074608726-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3074608726-line-7)">
</text><text class="terminal-3074608726-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3074608726-line-8)">
</text><text class="terminal-3074608726-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3074608726-line-9)">
</text><text class="terminal-3074608726-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3074608726-line-10)">
</text><text class="terminal-3074608726-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-11)">
</text><text class="terminal-3074608726-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3074608726-line-12)">
</text><text class="terminal-3074608726-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3074608726-line-13)">
</text><text class="terminal-3074608726-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3074608726-line-14)">
</text><text class="terminal-3074608726-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3074608726-line-15)">
</text><text class="terminal-3074608726-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-16)">
</text><text class="terminal-3074608726-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3074608726-line-17)">
</text><text class="terminal-3074608726-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3074608726-line-18)">
</text><text class="terminal-3074608726-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3074608726-line-19)">
</text><text class="terminal-3074608726-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3074608726-line-20)">
</text><text class="terminal-3074608726-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3074608726-line-21)">
</text><text class="terminal-3074608726-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3074608726-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-4011087540-matrix {
.terminal-2132302462-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4011087540-title {
.terminal-2132302462-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4011087540-r1 { fill: #ff0000 }
.terminal-4011087540-r2 { fill: #e0e0e0 }
.terminal-4011087540-r3 { fill: #c5c8c6 }
.terminal-4011087540-r4 { fill: #2d2d2d }
.terminal-4011087540-r5 { fill: #272727;font-weight: bold }
.terminal-4011087540-r6 { fill: #0d0d0d }
.terminal-2132302462-r1 { fill: #ff0000 }
.terminal-2132302462-r2 { fill: #e0e0e0 }
.terminal-2132302462-r3 { fill: #c5c8c6 }
.terminal-2132302462-r4 { fill: #2d2d2d }
.terminal-2132302462-r5 { fill: #272727;font-weight: bold }
.terminal-2132302462-r6 { fill: #0d0d0d }
.terminal-2132302462-r7 { fill: #e0e0e0;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-4011087540-clip-terminal">
<clipPath id="terminal-2132302462-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4011087540-line-0">
<clipPath id="terminal-2132302462-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-1">
<clipPath id="terminal-2132302462-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-2">
<clipPath id="terminal-2132302462-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-3">
<clipPath id="terminal-2132302462-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-4">
<clipPath id="terminal-2132302462-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-5">
<clipPath id="terminal-2132302462-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-6">
<clipPath id="terminal-2132302462-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-7">
<clipPath id="terminal-2132302462-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-8">
<clipPath id="terminal-2132302462-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-9">
<clipPath id="terminal-2132302462-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-10">
<clipPath id="terminal-2132302462-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-11">
<clipPath id="terminal-2132302462-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-12">
<clipPath id="terminal-2132302462-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-13">
<clipPath id="terminal-2132302462-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-14">
<clipPath id="terminal-2132302462-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-15">
<clipPath id="terminal-2132302462-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-16">
<clipPath id="terminal-2132302462-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-17">
<clipPath id="terminal-2132302462-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-18">
<clipPath id="terminal-2132302462-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-19">
<clipPath id="terminal-2132302462-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-20">
<clipPath id="terminal-2132302462-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-21">
<clipPath id="terminal-2132302462-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4011087540-line-22">
<clipPath id="terminal-2132302462-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4011087540-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HorizontalWidthAutoApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2132302462-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HorizontalWidthAutoApp</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(#terminal-4011087540-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2132302462-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="366" y="1.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="12.2" y="25.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="353.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="366" y="25.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="12.2" y="50.3" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="353.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="366" y="50.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="12.2" y="74.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="353.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="366" y="74.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="366" y="99.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="707.6" y="123.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="695.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="707.6" y="147.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="172.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="695.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="707.6" y="172.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="196.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="695.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="707.6" y="196.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="707.6" y="221.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4011087540-matrix">
<text class="terminal-4011087540-r1" x="0" y="20" textLength="366" clip-path="url(#terminal-4011087540-line-0)">┌────────────────────────────┐</text><text class="terminal-4011087540-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4011087540-line-0)">
</text><text class="terminal-4011087540-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-1)"></text><text class="terminal-4011087540-r4" x="12.2" y="44.4" textLength="341.6" clip-path="url(#terminal-4011087540-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4011087540-r1" x="353.8" y="44.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-1)"></text><text class="terminal-4011087540-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-1)">
</text><text class="terminal-4011087540-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-2)"></text><text class="terminal-4011087540-r5" x="12.2" y="68.8" textLength="341.6" clip-path="url(#terminal-4011087540-line-2)">&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;</text><text class="terminal-4011087540-r1" x="353.8" y="68.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-2)"></text><text class="terminal-4011087540-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-2)">
</text><text class="terminal-4011087540-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-3)"></text><text class="terminal-4011087540-r6" x="12.2" y="93.2" textLength="341.6" clip-path="url(#terminal-4011087540-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4011087540-r1" x="353.8" y="93.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-3)"></text><text class="terminal-4011087540-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-3)">
</text><text class="terminal-4011087540-r1" x="0" y="117.6" textLength="366" clip-path="url(#terminal-4011087540-line-4)">└────────────────────────────┘</text><text class="terminal-4011087540-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4011087540-line-4)">
</text><text class="terminal-4011087540-r1" x="0" y="142" textLength="707.6" clip-path="url(#terminal-4011087540-line-5)">┌────────────────────────────────────────────────────────┐</text><text class="terminal-4011087540-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4011087540-line-5)">
</text><text class="terminal-4011087540-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-6)"></text><text class="terminal-4011087540-r4" x="12.2" y="166.4" textLength="683.2" clip-path="url(#terminal-4011087540-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4011087540-r1" x="695.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-6)"></text><text class="terminal-4011087540-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-6)">
</text><text class="terminal-4011087540-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-7)"></text><text class="terminal-4011087540-r2" x="12.2" y="190.8" textLength="683.2" clip-path="url(#terminal-4011087540-line-7)">&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;</text><text class="terminal-4011087540-r1" x="695.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-7)"></text><text class="terminal-4011087540-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-7)">
</text><text class="terminal-4011087540-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-8)"></text><text class="terminal-4011087540-r6" x="12.2" y="215.2" textLength="683.2" clip-path="url(#terminal-4011087540-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4011087540-r1" x="695.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-8)"></text><text class="terminal-4011087540-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-8)">
</text><text class="terminal-4011087540-r1" x="0" y="239.6" textLength="707.6" clip-path="url(#terminal-4011087540-line-9)">└────────────────────────────────────────────────────────┘</text><text class="terminal-4011087540-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4011087540-line-9)">
</text><text class="terminal-4011087540-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4011087540-line-10)">
</text><text class="terminal-4011087540-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-11)">
</text><text class="terminal-4011087540-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-12)">
</text><text class="terminal-4011087540-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-13)">
</text><text class="terminal-4011087540-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4011087540-line-14)">
</text><text class="terminal-4011087540-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4011087540-line-15)">
</text><text class="terminal-4011087540-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-16)">
</text><text class="terminal-4011087540-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-17)">
</text><text class="terminal-4011087540-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4011087540-line-18)">
</text><text class="terminal-4011087540-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4011087540-line-19)">
</text><text class="terminal-4011087540-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4011087540-line-20)">
</text><text class="terminal-4011087540-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4011087540-line-21)">
</text><text class="terminal-4011087540-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4011087540-line-22)">
<g class="terminal-2132302462-matrix">
<text class="terminal-2132302462-r1" x="0" y="20" textLength="366" clip-path="url(#terminal-2132302462-line-0)">┌────────────────────────────┐</text><text class="terminal-2132302462-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2132302462-line-0)">
</text><text class="terminal-2132302462-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-1)"></text><text class="terminal-2132302462-r4" x="12.2" y="44.4" textLength="341.6" clip-path="url(#terminal-2132302462-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2132302462-r1" x="353.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-1)"></text><text class="terminal-2132302462-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-1)">
</text><text class="terminal-2132302462-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-2)"></text><text class="terminal-2132302462-r5" x="12.2" y="68.8" textLength="341.6" clip-path="url(#terminal-2132302462-line-2)">&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;</text><text class="terminal-2132302462-r1" x="353.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-2)"></text><text class="terminal-2132302462-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-2)">
</text><text class="terminal-2132302462-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-3)"></text><text class="terminal-2132302462-r6" x="12.2" y="93.2" textLength="341.6" clip-path="url(#terminal-2132302462-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2132302462-r1" x="353.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-3)"></text><text class="terminal-2132302462-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-3)">
</text><text class="terminal-2132302462-r1" x="0" y="117.6" textLength="366" clip-path="url(#terminal-2132302462-line-4)">└────────────────────────────┘</text><text class="terminal-2132302462-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2132302462-line-4)">
</text><text class="terminal-2132302462-r1" x="0" y="142" textLength="707.6" clip-path="url(#terminal-2132302462-line-5)">┌────────────────────────────────────────────────────────┐</text><text class="terminal-2132302462-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2132302462-line-5)">
</text><text class="terminal-2132302462-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-6)"></text><text class="terminal-2132302462-r4" x="12.2" y="166.4" textLength="683.2" clip-path="url(#terminal-2132302462-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2132302462-r1" x="695.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-6)"></text><text class="terminal-2132302462-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-6)">
</text><text class="terminal-2132302462-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-7)"></text><text class="terminal-2132302462-r7" x="12.2" y="190.8" textLength="683.2" clip-path="url(#terminal-2132302462-line-7)">&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;&#160;This&#160;is&#160;a&#160;very&#160;wide&#160;button&#160;</text><text class="terminal-2132302462-r1" x="695.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-7)"></text><text class="terminal-2132302462-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-7)">
</text><text class="terminal-2132302462-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-8)"></text><text class="terminal-2132302462-r6" x="12.2" y="215.2" textLength="683.2" clip-path="url(#terminal-2132302462-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2132302462-r1" x="695.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-8)"></text><text class="terminal-2132302462-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-8)">
</text><text class="terminal-2132302462-r1" x="0" y="239.6" textLength="707.6" clip-path="url(#terminal-2132302462-line-9)">└────────────────────────────────────────────────────────┘</text><text class="terminal-2132302462-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2132302462-line-9)">
</text><text class="terminal-2132302462-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2132302462-line-10)">
</text><text class="terminal-2132302462-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-11)">
</text><text class="terminal-2132302462-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-12)">
</text><text class="terminal-2132302462-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-13)">
</text><text class="terminal-2132302462-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2132302462-line-14)">
</text><text class="terminal-2132302462-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2132302462-line-15)">
</text><text class="terminal-2132302462-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-16)">
</text><text class="terminal-2132302462-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-17)">
</text><text class="terminal-2132302462-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2132302462-line-18)">
</text><text class="terminal-2132302462-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2132302462-line-19)">
</text><text class="terminal-2132302462-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2132302462-line-20)">
</text><text class="terminal-2132302462-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2132302462-line-21)">
</text><text class="terminal-2132302462-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2132302462-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -19,140 +19,141 @@
font-weight: 700;
}
.terminal-1330038727-matrix {
.terminal-3330596708-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1330038727-title {
.terminal-3330596708-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1330038727-r1 { fill: #2d2d2d }
.terminal-1330038727-r2 { fill: #e0e0e0 }
.terminal-1330038727-r3 { fill: #c5c8c6 }
.terminal-1330038727-r4 { fill: #272727;font-weight: bold }
.terminal-1330038727-r5 { fill: #272727;font-weight: bold;font-style: italic; }
.terminal-1330038727-r6 { fill: #0d0d0d }
.terminal-1330038727-r7 { fill: #f4005f;font-style: italic; }
.terminal-1330038727-r8 { fill: #1e1e1e }
.terminal-1330038727-r9 { fill: #a2a2a2 }
.terminal-1330038727-r10 { fill: #5f0505;font-style: italic; }
.terminal-1330038727-r11 { fill: #0f0f0f }
.terminal-3330596708-r1 { fill: #2d2d2d }
.terminal-3330596708-r2 { fill: #e0e0e0 }
.terminal-3330596708-r3 { fill: #c5c8c6 }
.terminal-3330596708-r4 { fill: #272727;font-weight: bold }
.terminal-3330596708-r5 { fill: #272727;font-weight: bold;font-style: italic; }
.terminal-3330596708-r6 { fill: #0d0d0d }
.terminal-3330596708-r7 { fill: #e0e0e0;font-weight: bold }
.terminal-3330596708-r8 { fill: #f4005f;font-weight: bold;font-style: italic; }
.terminal-3330596708-r9 { fill: #1e1e1e }
.terminal-3330596708-r10 { fill: #a2a2a2 }
.terminal-3330596708-r11 { fill: #5f0505;font-style: italic; }
.terminal-3330596708-r12 { fill: #0f0f0f }
</style>
<defs>
<clipPath id="terminal-1330038727-clip-terminal">
<clipPath id="terminal-3330596708-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1330038727-line-0">
<clipPath id="terminal-3330596708-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-1">
<clipPath id="terminal-3330596708-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-2">
<clipPath id="terminal-3330596708-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-3">
<clipPath id="terminal-3330596708-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-4">
<clipPath id="terminal-3330596708-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-5">
<clipPath id="terminal-3330596708-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-6">
<clipPath id="terminal-3330596708-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-7">
<clipPath id="terminal-3330596708-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-8">
<clipPath id="terminal-3330596708-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-9">
<clipPath id="terminal-3330596708-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-10">
<clipPath id="terminal-3330596708-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-11">
<clipPath id="terminal-3330596708-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-12">
<clipPath id="terminal-3330596708-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-13">
<clipPath id="terminal-3330596708-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-14">
<clipPath id="terminal-3330596708-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-15">
<clipPath id="terminal-3330596708-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-16">
<clipPath id="terminal-3330596708-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-17">
<clipPath id="terminal-3330596708-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-18">
<clipPath id="terminal-3330596708-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-19">
<clipPath id="terminal-3330596708-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-20">
<clipPath id="terminal-3330596708-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-21">
<clipPath id="terminal-3330596708-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1330038727-line-22">
<clipPath id="terminal-3330596708-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1330038727-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonsWithMarkupApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3330596708-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ButtonsWithMarkupApp</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(#terminal-1330038727-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-3330596708-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="1.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f4005f" x="12.2" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="97.6" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="25.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="50.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="74.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="123.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="0" y="147.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="207.4" y="147.9" width="768.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="12.2" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="109.8" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="207.4" y="172.3" width="768.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="0" y="196.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="207.4" y="196.7" width="768.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1330038727-matrix">
<text class="terminal-1330038727-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-1330038727-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1330038727-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1330038727-line-0)">
</text><text class="terminal-1330038727-r5" x="12.2" y="44.4" textLength="85.4" clip-path="url(#terminal-1330038727-line-1)">Focused</text><text class="terminal-1330038727-r4" x="97.6" y="44.4" textLength="97.6" clip-path="url(#terminal-1330038727-line-1)">&#160;Button&#160;</text><text class="terminal-1330038727-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1330038727-line-1)">
</text><text class="terminal-1330038727-r6" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-1330038727-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1330038727-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1330038727-line-2)">
</text><text class="terminal-1330038727-r1" x="0" y="93.2" textLength="195.2" clip-path="url(#terminal-1330038727-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1330038727-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1330038727-line-3)">
</text><text class="terminal-1330038727-r7" x="12.2" y="117.6" textLength="85.4" clip-path="url(#terminal-1330038727-line-4)">Blurred</text><text class="terminal-1330038727-r2" x="97.6" y="117.6" textLength="97.6" clip-path="url(#terminal-1330038727-line-4)">&#160;Button&#160;</text><text class="terminal-1330038727-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1330038727-line-4)">
</text><text class="terminal-1330038727-r6" x="0" y="142" textLength="195.2" clip-path="url(#terminal-1330038727-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1330038727-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1330038727-line-5)">
</text><text class="terminal-1330038727-r8" x="0" y="166.4" textLength="207.4" clip-path="url(#terminal-1330038727-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1330038727-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1330038727-line-6)">
</text><text class="terminal-1330038727-r10" x="12.2" y="190.8" textLength="97.6" clip-path="url(#terminal-1330038727-line-7)">Disabled</text><text class="terminal-1330038727-r9" x="109.8" y="190.8" textLength="97.6" clip-path="url(#terminal-1330038727-line-7)">&#160;Button&#160;</text><text class="terminal-1330038727-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1330038727-line-7)">
</text><text class="terminal-1330038727-r11" x="0" y="215.2" textLength="207.4" clip-path="url(#terminal-1330038727-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1330038727-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1330038727-line-8)">
</text><text class="terminal-1330038727-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1330038727-line-9)">
</text><text class="terminal-1330038727-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1330038727-line-10)">
</text><text class="terminal-1330038727-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1330038727-line-11)">
</text><text class="terminal-1330038727-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1330038727-line-12)">
</text><text class="terminal-1330038727-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1330038727-line-13)">
</text><text class="terminal-1330038727-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1330038727-line-14)">
</text><text class="terminal-1330038727-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1330038727-line-15)">
</text><text class="terminal-1330038727-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1330038727-line-16)">
</text><text class="terminal-1330038727-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1330038727-line-17)">
</text><text class="terminal-1330038727-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1330038727-line-18)">
</text><text class="terminal-1330038727-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1330038727-line-19)">
</text><text class="terminal-1330038727-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1330038727-line-20)">
</text><text class="terminal-1330038727-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1330038727-line-21)">
</text><text class="terminal-1330038727-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1330038727-line-22)">
<g class="terminal-3330596708-matrix">
<text class="terminal-3330596708-r1" x="0" y="20" textLength="195.2" clip-path="url(#terminal-3330596708-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3330596708-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3330596708-line-0)">
</text><text class="terminal-3330596708-r5" x="12.2" y="44.4" textLength="85.4" clip-path="url(#terminal-3330596708-line-1)">Focused</text><text class="terminal-3330596708-r4" x="97.6" y="44.4" textLength="97.6" clip-path="url(#terminal-3330596708-line-1)">&#160;Button&#160;</text><text class="terminal-3330596708-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3330596708-line-1)">
</text><text class="terminal-3330596708-r6" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-3330596708-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3330596708-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3330596708-line-2)">
</text><text class="terminal-3330596708-r1" x="0" y="93.2" textLength="195.2" clip-path="url(#terminal-3330596708-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3330596708-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3330596708-line-3)">
</text><text class="terminal-3330596708-r8" x="12.2" y="117.6" textLength="85.4" clip-path="url(#terminal-3330596708-line-4)">Blurred</text><text class="terminal-3330596708-r7" x="97.6" y="117.6" textLength="97.6" clip-path="url(#terminal-3330596708-line-4)">&#160;Button&#160;</text><text class="terminal-3330596708-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3330596708-line-4)">
</text><text class="terminal-3330596708-r6" x="0" y="142" textLength="195.2" clip-path="url(#terminal-3330596708-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3330596708-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3330596708-line-5)">
</text><text class="terminal-3330596708-r9" x="0" y="166.4" textLength="207.4" clip-path="url(#terminal-3330596708-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3330596708-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3330596708-line-6)">
</text><text class="terminal-3330596708-r11" x="12.2" y="190.8" textLength="97.6" clip-path="url(#terminal-3330596708-line-7)">Disabled</text><text class="terminal-3330596708-r10" x="109.8" y="190.8" textLength="97.6" clip-path="url(#terminal-3330596708-line-7)">&#160;Button&#160;</text><text class="terminal-3330596708-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3330596708-line-7)">
</text><text class="terminal-3330596708-r12" x="0" y="215.2" textLength="207.4" clip-path="url(#terminal-3330596708-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3330596708-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3330596708-line-8)">
</text><text class="terminal-3330596708-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3330596708-line-9)">
</text><text class="terminal-3330596708-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3330596708-line-10)">
</text><text class="terminal-3330596708-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3330596708-line-11)">
</text><text class="terminal-3330596708-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3330596708-line-12)">
</text><text class="terminal-3330596708-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3330596708-line-13)">
</text><text class="terminal-3330596708-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3330596708-line-14)">
</text><text class="terminal-3330596708-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3330596708-line-15)">
</text><text class="terminal-3330596708-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3330596708-line-16)">
</text><text class="terminal-3330596708-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3330596708-line-17)">
</text><text class="terminal-3330596708-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3330596708-line-18)">
</text><text class="terminal-3330596708-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3330596708-line-19)">
</text><text class="terminal-3330596708-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3330596708-line-20)">
</text><text class="terminal-3330596708-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3330596708-line-21)">
</text><text class="terminal-3330596708-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3330596708-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

View File

@@ -19,136 +19,136 @@
font-weight: 700;
}
.terminal-1176130405-matrix {
.terminal-3792833681-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1176130405-title {
.terminal-3792833681-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1176130405-r1 { fill: #121212 }
.terminal-1176130405-r2 { fill: #c5c8c6 }
.terminal-1176130405-r3 { fill: #ddedf9;font-weight: bold }
.terminal-1176130405-r4 { fill: #e0e0e0 }
.terminal-1176130405-r5 { fill: #ffa62b;font-weight: bold }
.terminal-1176130405-r6 { fill: #495259 }
.terminal-3792833681-r1 { fill: #121212 }
.terminal-3792833681-r2 { fill: #c5c8c6 }
.terminal-3792833681-r3 { fill: #ddedf9;font-weight: bold }
.terminal-3792833681-r4 { fill: #e0e0e0 }
.terminal-3792833681-r5 { fill: #ffa62b;font-weight: bold }
.terminal-3792833681-r6 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-1176130405-clip-terminal">
<clipPath id="terminal-3792833681-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1176130405-line-0">
<clipPath id="terminal-3792833681-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-1">
<clipPath id="terminal-3792833681-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-2">
<clipPath id="terminal-3792833681-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-3">
<clipPath id="terminal-3792833681-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-4">
<clipPath id="terminal-3792833681-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-5">
<clipPath id="terminal-3792833681-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-6">
<clipPath id="terminal-3792833681-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-7">
<clipPath id="terminal-3792833681-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-8">
<clipPath id="terminal-3792833681-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-9">
<clipPath id="terminal-3792833681-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-10">
<clipPath id="terminal-3792833681-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-11">
<clipPath id="terminal-3792833681-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-12">
<clipPath id="terminal-3792833681-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-13">
<clipPath id="terminal-3792833681-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-14">
<clipPath id="terminal-3792833681-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-15">
<clipPath id="terminal-3792833681-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-16">
<clipPath id="terminal-3792833681-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-17">
<clipPath id="terminal-3792833681-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-18">
<clipPath id="terminal-3792833681-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-19">
<clipPath id="terminal-3792833681-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-20">
<clipPath id="terminal-3792833681-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-21">
<clipPath id="terminal-3792833681-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1176130405-line-22">
<clipPath id="terminal-3792833681-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1176130405-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3792833681-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</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(#terminal-1176130405-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="24.4" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="24.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="172.3" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="231.8" y="562.7" width="597.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1176130405-matrix">
<text class="terminal-1176130405-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1176130405-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1176130405-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1176130405-line-0)">
</text><text class="terminal-1176130405-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-1176130405-line-1)">&#160;Leto</text><text class="terminal-1176130405-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1176130405-line-1)">
</text><text class="terminal-1176130405-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1176130405-line-2)">
</text><text class="terminal-1176130405-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-1176130405-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1176130405-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1176130405-line-3)">
</text><text class="terminal-1176130405-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-1176130405-line-4)">&#160;Jessica</text><text class="terminal-1176130405-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1176130405-line-4)">
</text><text class="terminal-1176130405-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1176130405-line-5)">
</text><text class="terminal-1176130405-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-1176130405-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1176130405-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1176130405-line-6)">
</text><text class="terminal-1176130405-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-1176130405-line-7)">&#160;Paul</text><text class="terminal-1176130405-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1176130405-line-7)">
</text><text class="terminal-1176130405-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1176130405-line-8)">
</text><text class="terminal-1176130405-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1176130405-line-9)">
</text><text class="terminal-1176130405-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1176130405-line-10)">
</text><text class="terminal-1176130405-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1176130405-line-11)">
</text><text class="terminal-1176130405-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1176130405-line-12)">
</text><text class="terminal-1176130405-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1176130405-line-13)">
</text><text class="terminal-1176130405-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1176130405-line-14)">
</text><text class="terminal-1176130405-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1176130405-line-15)">
</text><text class="terminal-1176130405-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1176130405-line-16)">
</text><text class="terminal-1176130405-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1176130405-line-17)">
</text><text class="terminal-1176130405-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1176130405-line-18)">
</text><text class="terminal-1176130405-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1176130405-line-19)">
</text><text class="terminal-1176130405-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1176130405-line-20)">
</text><text class="terminal-1176130405-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1176130405-line-21)">
</text><text class="terminal-1176130405-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1176130405-line-22)">
</text><text class="terminal-1176130405-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1176130405-line-23)">&#160;c&#160;</text><text class="terminal-1176130405-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-1176130405-line-23)">Collapse&#160;All&#160;</text><text class="terminal-1176130405-r5" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1176130405-line-23)">&#160;e&#160;</text><text class="terminal-1176130405-r4" x="231.8" y="581.2" textLength="597.8" clip-path="url(#terminal-1176130405-line-23)">Expand&#160;All&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1176130405-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1176130405-line-23)"></text><text class="terminal-1176130405-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1176130405-line-23)">^p</text><text class="terminal-1176130405-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1176130405-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3792833681-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="172.3" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="231.8" y="562.7" width="597.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3792833681-matrix">
<text class="terminal-3792833681-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-3792833681-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3792833681-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3792833681-line-0)">
</text><text class="terminal-3792833681-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-3792833681-line-1)">&#160;Leto</text><text class="terminal-3792833681-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3792833681-line-1)">
</text><text class="terminal-3792833681-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3792833681-line-2)">
</text><text class="terminal-3792833681-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-3792833681-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3792833681-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3792833681-line-3)">
</text><text class="terminal-3792833681-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-3792833681-line-4)">&#160;Jessica</text><text class="terminal-3792833681-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3792833681-line-4)">
</text><text class="terminal-3792833681-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3792833681-line-5)">
</text><text class="terminal-3792833681-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-3792833681-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3792833681-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3792833681-line-6)">
</text><text class="terminal-3792833681-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-3792833681-line-7)">&#160;Paul</text><text class="terminal-3792833681-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3792833681-line-7)">
</text><text class="terminal-3792833681-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3792833681-line-8)">
</text><text class="terminal-3792833681-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3792833681-line-9)">
</text><text class="terminal-3792833681-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3792833681-line-10)">
</text><text class="terminal-3792833681-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3792833681-line-11)">
</text><text class="terminal-3792833681-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3792833681-line-12)">
</text><text class="terminal-3792833681-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3792833681-line-13)">
</text><text class="terminal-3792833681-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3792833681-line-14)">
</text><text class="terminal-3792833681-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3792833681-line-15)">
</text><text class="terminal-3792833681-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3792833681-line-16)">
</text><text class="terminal-3792833681-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3792833681-line-17)">
</text><text class="terminal-3792833681-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3792833681-line-18)">
</text><text class="terminal-3792833681-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3792833681-line-19)">
</text><text class="terminal-3792833681-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3792833681-line-20)">
</text><text class="terminal-3792833681-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3792833681-line-21)">
</text><text class="terminal-3792833681-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3792833681-line-22)">
</text><text class="terminal-3792833681-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3792833681-line-23)">&#160;c&#160;</text><text class="terminal-3792833681-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3792833681-line-23)">Collapse&#160;All&#160;</text><text class="terminal-3792833681-r5" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3792833681-line-23)">&#160;e&#160;</text><text class="terminal-3792833681-r4" x="231.8" y="581.2" textLength="597.8" clip-path="url(#terminal-3792833681-line-23)">Expand&#160;All&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3792833681-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3792833681-line-23)"></text><text class="terminal-3792833681-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3792833681-line-23)">^p</text><text class="terminal-3792833681-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3792833681-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -19,133 +19,133 @@
font-weight: 700;
}
.terminal-3897299688-matrix {
.terminal-128905071-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3897299688-title {
.terminal-128905071-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3897299688-r1 { fill: #121212 }
.terminal-3897299688-r2 { fill: #c5c8c6 }
.terminal-3897299688-r3 { fill: #ddedf9;font-weight: bold }
.terminal-3897299688-r4 { fill: #e0e0e0 }
.terminal-128905071-r1 { fill: #121212 }
.terminal-128905071-r2 { fill: #c5c8c6 }
.terminal-128905071-r3 { fill: #ddedf9;font-weight: bold }
.terminal-128905071-r4 { fill: #e0e0e0 }
</style>
<defs>
<clipPath id="terminal-3897299688-clip-terminal">
<clipPath id="terminal-128905071-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3897299688-line-0">
<clipPath id="terminal-128905071-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-1">
<clipPath id="terminal-128905071-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-2">
<clipPath id="terminal-128905071-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-3">
<clipPath id="terminal-128905071-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-4">
<clipPath id="terminal-128905071-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-5">
<clipPath id="terminal-128905071-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-6">
<clipPath id="terminal-128905071-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-7">
<clipPath id="terminal-128905071-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-8">
<clipPath id="terminal-128905071-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-9">
<clipPath id="terminal-128905071-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-10">
<clipPath id="terminal-128905071-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-11">
<clipPath id="terminal-128905071-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-12">
<clipPath id="terminal-128905071-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-13">
<clipPath id="terminal-128905071-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-14">
<clipPath id="terminal-128905071-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-15">
<clipPath id="terminal-128905071-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-16">
<clipPath id="terminal-128905071-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-17">
<clipPath id="terminal-128905071-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-18">
<clipPath id="terminal-128905071-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-19">
<clipPath id="terminal-128905071-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-20">
<clipPath id="terminal-128905071-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-21">
<clipPath id="terminal-128905071-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3897299688-line-22">
<clipPath id="terminal-128905071-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3897299688-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-128905071-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</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(#terminal-3897299688-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="158.6" y="25.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="500.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="512.4" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="610" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="25.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="536.8" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3897299688-matrix">
<text class="terminal-3897299688-r1" x="0" y="20" textLength="488" clip-path="url(#terminal-3897299688-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3897299688-r1" x="488" y="20" textLength="488" clip-path="url(#terminal-3897299688-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3897299688-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3897299688-line-0)">
</text><text class="terminal-3897299688-r3" x="24.4" y="44.4" textLength="122" clip-path="url(#terminal-3897299688-line-1)">&gt;&gt;&gt;&#160;Toggle</text><text class="terminal-3897299688-r4" x="512.4" y="44.4" textLength="97.6" clip-path="url(#terminal-3897299688-line-1)">v&#160;Toggle</text><text class="terminal-3897299688-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3897299688-line-1)">
</text><text class="terminal-3897299688-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3897299688-line-2)">
</text><text class="terminal-3897299688-r4" x="536.8" y="93.2" textLength="439.2" clip-path="url(#terminal-3897299688-line-3)">Hello,&#160;world.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3897299688-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3897299688-line-3)">
</text><text class="terminal-3897299688-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3897299688-line-4)">
</text><text class="terminal-3897299688-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3897299688-line-5)">
</text><text class="terminal-3897299688-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3897299688-line-6)">
</text><text class="terminal-3897299688-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3897299688-line-7)">
</text><text class="terminal-3897299688-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3897299688-line-8)">
</text><text class="terminal-3897299688-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3897299688-line-9)">
</text><text class="terminal-3897299688-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3897299688-line-10)">
</text><text class="terminal-3897299688-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3897299688-line-11)">
</text><text class="terminal-3897299688-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3897299688-line-12)">
</text><text class="terminal-3897299688-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3897299688-line-13)">
</text><text class="terminal-3897299688-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3897299688-line-14)">
</text><text class="terminal-3897299688-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3897299688-line-15)">
</text><text class="terminal-3897299688-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3897299688-line-16)">
</text><text class="terminal-3897299688-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3897299688-line-17)">
</text><text class="terminal-3897299688-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3897299688-line-18)">
</text><text class="terminal-3897299688-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3897299688-line-19)">
</text><text class="terminal-3897299688-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3897299688-line-20)">
</text><text class="terminal-3897299688-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3897299688-line-21)">
</text><text class="terminal-3897299688-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3897299688-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-128905071-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="158.6" y="25.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="25.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="536.8" y="74.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-128905071-matrix">
<text class="terminal-128905071-r1" x="0" y="20" textLength="488" clip-path="url(#terminal-128905071-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-128905071-r1" x="488" y="20" textLength="488" clip-path="url(#terminal-128905071-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-128905071-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-128905071-line-0)">
</text><text class="terminal-128905071-r3" x="24.4" y="44.4" textLength="122" clip-path="url(#terminal-128905071-line-1)">&gt;&gt;&gt;&#160;Toggle</text><text class="terminal-128905071-r4" x="512.4" y="44.4" textLength="97.6" clip-path="url(#terminal-128905071-line-1)">v&#160;Toggle</text><text class="terminal-128905071-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-128905071-line-1)">
</text><text class="terminal-128905071-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-128905071-line-2)">
</text><text class="terminal-128905071-r4" x="536.8" y="93.2" textLength="439.2" clip-path="url(#terminal-128905071-line-3)">Hello,&#160;world.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-128905071-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-128905071-line-3)">
</text><text class="terminal-128905071-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-128905071-line-4)">
</text><text class="terminal-128905071-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-128905071-line-5)">
</text><text class="terminal-128905071-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-128905071-line-6)">
</text><text class="terminal-128905071-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-128905071-line-7)">
</text><text class="terminal-128905071-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-128905071-line-8)">
</text><text class="terminal-128905071-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-128905071-line-9)">
</text><text class="terminal-128905071-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-128905071-line-10)">
</text><text class="terminal-128905071-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-128905071-line-11)">
</text><text class="terminal-128905071-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-128905071-line-12)">
</text><text class="terminal-128905071-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-128905071-line-13)">
</text><text class="terminal-128905071-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-128905071-line-14)">
</text><text class="terminal-128905071-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-128905071-line-15)">
</text><text class="terminal-128905071-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-128905071-line-16)">
</text><text class="terminal-128905071-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-128905071-line-17)">
</text><text class="terminal-128905071-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-128905071-line-18)">
</text><text class="terminal-128905071-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-128905071-line-19)">
</text><text class="terminal-128905071-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-128905071-line-20)">
</text><text class="terminal-128905071-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-128905071-line-21)">
</text><text class="terminal-128905071-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-128905071-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -19,133 +19,133 @@
font-weight: 700;
}
.terminal-1414761878-matrix {
.terminal-1308387884-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1414761878-title {
.terminal-1308387884-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1414761878-r1 { fill: #121212 }
.terminal-1414761878-r2 { fill: #c5c8c6 }
.terminal-1414761878-r3 { fill: #ddedf9;font-weight: bold }
.terminal-1414761878-r4 { fill: #e0e0e0 }
.terminal-1308387884-r1 { fill: #121212 }
.terminal-1308387884-r2 { fill: #c5c8c6 }
.terminal-1308387884-r3 { fill: #ddedf9;font-weight: bold }
.terminal-1308387884-r4 { fill: #e0e0e0 }
</style>
<defs>
<clipPath id="terminal-1414761878-clip-terminal">
<clipPath id="terminal-1308387884-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1414761878-line-0">
<clipPath id="terminal-1308387884-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-1">
<clipPath id="terminal-1308387884-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-2">
<clipPath id="terminal-1308387884-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-3">
<clipPath id="terminal-1308387884-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-4">
<clipPath id="terminal-1308387884-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-5">
<clipPath id="terminal-1308387884-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-6">
<clipPath id="terminal-1308387884-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-7">
<clipPath id="terminal-1308387884-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-8">
<clipPath id="terminal-1308387884-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-9">
<clipPath id="terminal-1308387884-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-10">
<clipPath id="terminal-1308387884-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-11">
<clipPath id="terminal-1308387884-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-12">
<clipPath id="terminal-1308387884-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-13">
<clipPath id="terminal-1308387884-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-14">
<clipPath id="terminal-1308387884-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-15">
<clipPath id="terminal-1308387884-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-16">
<clipPath id="terminal-1308387884-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-17">
<clipPath id="terminal-1308387884-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-18">
<clipPath id="terminal-1308387884-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-19">
<clipPath id="terminal-1308387884-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-20">
<clipPath id="terminal-1308387884-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-21">
<clipPath id="terminal-1308387884-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1414761878-line-22">
<clipPath id="terminal-1308387884-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1414761878-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1308387884-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</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(#terminal-1414761878-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="122" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="134.2" y="25.9" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="61" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="73.2" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#153854" x="170.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="99.1" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1414761878-matrix">
<text class="terminal-1414761878-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1414761878-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1414761878-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1414761878-line-0)">
</text><text class="terminal-1414761878-r3" x="24.4" y="44.4" textLength="97.6" clip-path="url(#terminal-1414761878-line-1)">&#160;Toggle</text><text class="terminal-1414761878-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1414761878-line-1)">
</text><text class="terminal-1414761878-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1414761878-line-2)">
</text><text class="terminal-1414761878-r1" x="48.8" y="93.2" textLength="927.2" clip-path="url(#terminal-1414761878-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1414761878-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1414761878-line-3)">
</text><text class="terminal-1414761878-r4" x="73.2" y="117.6" textLength="97.6" clip-path="url(#terminal-1414761878-line-4)">&#160;Toggle</text><text class="terminal-1414761878-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1414761878-line-4)">
</text><text class="terminal-1414761878-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1414761878-line-5)">
</text><text class="terminal-1414761878-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1414761878-line-6)">
</text><text class="terminal-1414761878-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1414761878-line-7)">
</text><text class="terminal-1414761878-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1414761878-line-8)">
</text><text class="terminal-1414761878-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1414761878-line-9)">
</text><text class="terminal-1414761878-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1414761878-line-10)">
</text><text class="terminal-1414761878-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1414761878-line-11)">
</text><text class="terminal-1414761878-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1414761878-line-12)">
</text><text class="terminal-1414761878-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1414761878-line-13)">
</text><text class="terminal-1414761878-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1414761878-line-14)">
</text><text class="terminal-1414761878-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1414761878-line-15)">
</text><text class="terminal-1414761878-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1414761878-line-16)">
</text><text class="terminal-1414761878-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1414761878-line-17)">
</text><text class="terminal-1414761878-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1414761878-line-18)">
</text><text class="terminal-1414761878-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1414761878-line-19)">
</text><text class="terminal-1414761878-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1414761878-line-20)">
</text><text class="terminal-1414761878-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1414761878-line-21)">
</text><text class="terminal-1414761878-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1414761878-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1308387884-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="122" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="134.2" y="25.9" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="99.1" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1308387884-matrix">
<text class="terminal-1308387884-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1308387884-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1308387884-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1308387884-line-0)">
</text><text class="terminal-1308387884-r3" x="24.4" y="44.4" textLength="97.6" clip-path="url(#terminal-1308387884-line-1)">&#160;Toggle</text><text class="terminal-1308387884-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1308387884-line-1)">
</text><text class="terminal-1308387884-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1308387884-line-2)">
</text><text class="terminal-1308387884-r1" x="48.8" y="93.2" textLength="927.2" clip-path="url(#terminal-1308387884-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1308387884-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1308387884-line-3)">
</text><text class="terminal-1308387884-r4" x="73.2" y="117.6" textLength="97.6" clip-path="url(#terminal-1308387884-line-4)">&#160;Toggle</text><text class="terminal-1308387884-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1308387884-line-4)">
</text><text class="terminal-1308387884-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1308387884-line-5)">
</text><text class="terminal-1308387884-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1308387884-line-6)">
</text><text class="terminal-1308387884-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1308387884-line-7)">
</text><text class="terminal-1308387884-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1308387884-line-8)">
</text><text class="terminal-1308387884-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1308387884-line-9)">
</text><text class="terminal-1308387884-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1308387884-line-10)">
</text><text class="terminal-1308387884-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1308387884-line-11)">
</text><text class="terminal-1308387884-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1308387884-line-12)">
</text><text class="terminal-1308387884-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1308387884-line-13)">
</text><text class="terminal-1308387884-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1308387884-line-14)">
</text><text class="terminal-1308387884-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1308387884-line-15)">
</text><text class="terminal-1308387884-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1308387884-line-16)">
</text><text class="terminal-1308387884-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1308387884-line-17)">
</text><text class="terminal-1308387884-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1308387884-line-18)">
</text><text class="terminal-1308387884-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1308387884-line-19)">
</text><text class="terminal-1308387884-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1308387884-line-20)">
</text><text class="terminal-1308387884-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1308387884-line-21)">
</text><text class="terminal-1308387884-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1308387884-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-24275324-matrix {
.terminal-1531744096-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-24275324-title {
.terminal-1531744096-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-24275324-r1 { fill: #646464 }
.terminal-24275324-r2 { fill: #c5c8c6 }
.terminal-24275324-r3 { fill: #0178d4 }
.terminal-24275324-r4 { fill: #e0e0e0 }
.terminal-24275324-r5 { fill: #00ff00 }
.terminal-24275324-r6 { fill: #000000 }
.terminal-24275324-r7 { fill: #121212 }
.terminal-24275324-r8 { fill: #6d7479 }
.terminal-1531744096-r1 { fill: #646464 }
.terminal-1531744096-r2 { fill: #c5c8c6 }
.terminal-1531744096-r3 { fill: #0178d4 }
.terminal-1531744096-r4 { fill: #e0e0e0 }
.terminal-1531744096-r5 { fill: #00ff00 }
.terminal-1531744096-r6 { fill: #000000 }
.terminal-1531744096-r7 { fill: #121212 }
.terminal-1531744096-r8 { fill: #6d7479 }
.terminal-1531744096-r9 { fill: #e0e0e0;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-24275324-clip-terminal">
<clipPath id="terminal-1531744096-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-24275324-line-0">
<clipPath id="terminal-1531744096-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-1">
<clipPath id="terminal-1531744096-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-2">
<clipPath id="terminal-1531744096-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-3">
<clipPath id="terminal-1531744096-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-4">
<clipPath id="terminal-1531744096-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-5">
<clipPath id="terminal-1531744096-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-6">
<clipPath id="terminal-1531744096-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-7">
<clipPath id="terminal-1531744096-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-8">
<clipPath id="terminal-1531744096-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-9">
<clipPath id="terminal-1531744096-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-10">
<clipPath id="terminal-1531744096-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-11">
<clipPath id="terminal-1531744096-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-12">
<clipPath id="terminal-1531744096-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-13">
<clipPath id="terminal-1531744096-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-14">
<clipPath id="terminal-1531744096-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-15">
<clipPath id="terminal-1531744096-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-16">
<clipPath id="terminal-1531744096-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-17">
<clipPath id="terminal-1531744096-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-18">
<clipPath id="terminal-1531744096-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-19">
<clipPath id="terminal-1531744096-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-20">
<clipPath id="terminal-1531744096-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-21">
<clipPath id="terminal-1531744096-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-24275324-line-22">
<clipPath id="terminal-1531744096-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-24275324-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CommandPaletteApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1531744096-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CommandPaletteApp</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(#terminal-24275324-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1531744096-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="99.1" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="61" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="73.2" y="123.5" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="305" y="123.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="147.9" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-24275324-matrix">
<text class="terminal-24275324-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-24275324-line-0)">
</text><text class="terminal-24275324-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-24275324-line-1)">
</text><text class="terminal-24275324-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-24275324-line-2)">
</text><text class="terminal-24275324-r3" x="0" y="93.2" textLength="976" clip-path="url(#terminal-24275324-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-24275324-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-24275324-line-3)">
</text><text class="terminal-24275324-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-24275324-line-4)">
</text><text class="terminal-24275324-r6" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-24275324-line-5)">🔎</text><text class="terminal-24275324-r7" x="61" y="142" textLength="12.2" clip-path="url(#terminal-24275324-line-5)">S</text><text class="terminal-24275324-r8" x="73.2" y="142" textLength="231.8" clip-path="url(#terminal-24275324-line-5)">earch&#160;for&#160;commands…</text><text class="terminal-24275324-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-24275324-line-5)">
</text><text class="terminal-24275324-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-24275324-line-6)">
</text><text class="terminal-24275324-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-24275324-line-7)">
</text><text class="terminal-24275324-r4" x="0" y="215.2" textLength="976" clip-path="url(#terminal-24275324-line-8)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-24275324-line-8)">
</text><text class="terminal-24275324-r4" x="0" y="239.6" textLength="976" clip-path="url(#terminal-24275324-line-9)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-24275324-line-9)">
</text><text class="terminal-24275324-r4" x="0" y="264" textLength="976" clip-path="url(#terminal-24275324-line-10)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-24275324-line-10)">
</text><text class="terminal-24275324-r4" x="0" y="288.4" textLength="976" clip-path="url(#terminal-24275324-line-11)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-24275324-line-11)">
</text><text class="terminal-24275324-r4" x="0" y="312.8" textLength="976" clip-path="url(#terminal-24275324-line-12)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-24275324-line-12)">
</text><text class="terminal-24275324-r4" x="0" y="337.2" textLength="976" clip-path="url(#terminal-24275324-line-13)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-24275324-line-13)">
</text><text class="terminal-24275324-r4" x="0" y="361.6" textLength="976" clip-path="url(#terminal-24275324-line-14)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-24275324-line-14)">
</text><text class="terminal-24275324-r4" x="0" y="386" textLength="976" clip-path="url(#terminal-24275324-line-15)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-24275324-line-15)">
</text><text class="terminal-24275324-r4" x="0" y="410.4" textLength="976" clip-path="url(#terminal-24275324-line-16)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-24275324-line-16)">
</text><text class="terminal-24275324-r4" x="0" y="434.8" textLength="976" clip-path="url(#terminal-24275324-line-17)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;9&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-24275324-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-24275324-line-17)">
</text><text class="terminal-24275324-r3" x="0" y="459.2" textLength="976" clip-path="url(#terminal-24275324-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-24275324-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-24275324-line-18)">
</text><text class="terminal-24275324-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-24275324-line-19)">
</text><text class="terminal-24275324-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-24275324-line-20)">
</text><text class="terminal-24275324-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-24275324-line-21)">
</text><text class="terminal-24275324-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-24275324-line-22)">
<g class="terminal-1531744096-matrix">
<text class="terminal-1531744096-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1531744096-line-0)">
</text><text class="terminal-1531744096-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1531744096-line-1)">
</text><text class="terminal-1531744096-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1531744096-line-2)">
</text><text class="terminal-1531744096-r3" x="0" y="93.2" textLength="976" clip-path="url(#terminal-1531744096-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1531744096-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1531744096-line-3)">
</text><text class="terminal-1531744096-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1531744096-line-4)">
</text><text class="terminal-1531744096-r6" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-1531744096-line-5)">🔎</text><text class="terminal-1531744096-r7" x="61" y="142" textLength="12.2" clip-path="url(#terminal-1531744096-line-5)">S</text><text class="terminal-1531744096-r8" x="73.2" y="142" textLength="231.8" clip-path="url(#terminal-1531744096-line-5)">earch&#160;for&#160;commands…</text><text class="terminal-1531744096-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1531744096-line-5)">
</text><text class="terminal-1531744096-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1531744096-line-6)">
</text><text class="terminal-1531744096-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1531744096-line-7)">
</text><text class="terminal-1531744096-r9" x="0" y="215.2" textLength="976" clip-path="url(#terminal-1531744096-line-8)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1531744096-line-8)">
</text><text class="terminal-1531744096-r9" x="0" y="239.6" textLength="976" clip-path="url(#terminal-1531744096-line-9)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1531744096-line-9)">
</text><text class="terminal-1531744096-r9" x="0" y="264" textLength="976" clip-path="url(#terminal-1531744096-line-10)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1531744096-line-10)">
</text><text class="terminal-1531744096-r9" x="0" y="288.4" textLength="976" clip-path="url(#terminal-1531744096-line-11)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1531744096-line-11)">
</text><text class="terminal-1531744096-r9" x="0" y="312.8" textLength="976" clip-path="url(#terminal-1531744096-line-12)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1531744096-line-12)">
</text><text class="terminal-1531744096-r9" x="0" y="337.2" textLength="976" clip-path="url(#terminal-1531744096-line-13)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1531744096-line-13)">
</text><text class="terminal-1531744096-r9" x="0" y="361.6" textLength="976" clip-path="url(#terminal-1531744096-line-14)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1531744096-line-14)">
</text><text class="terminal-1531744096-r9" x="0" y="386" textLength="976" clip-path="url(#terminal-1531744096-line-15)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1531744096-line-15)">
</text><text class="terminal-1531744096-r9" x="0" y="410.4" textLength="976" clip-path="url(#terminal-1531744096-line-16)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1531744096-line-16)">
</text><text class="terminal-1531744096-r9" x="0" y="434.8" textLength="976" clip-path="url(#terminal-1531744096-line-17)">&#160;&#160;This&#160;is&#160;a&#160;test&#160;of&#160;this&#160;code&#160;9&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1531744096-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1531744096-line-17)">
</text><text class="terminal-1531744096-r3" x="0" y="459.2" textLength="976" clip-path="url(#terminal-1531744096-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1531744096-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1531744096-line-18)">
</text><text class="terminal-1531744096-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1531744096-line-19)">
</text><text class="terminal-1531744096-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1531744096-line-20)">
</text><text class="terminal-1531744096-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1531744096-line-21)">
</text><text class="terminal-1531744096-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1531744096-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 75 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -19,136 +19,136 @@
font-weight: 700;
}
.terminal-666526888-matrix {
.terminal-2061132852-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-666526888-title {
.terminal-2061132852-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-666526888-r1 { fill: #e7e0e6 }
.terminal-666526888-r2 { fill: #e0e0e0 }
.terminal-666526888-r3 { fill: #c5c8c6 }
.terminal-666526888-r4 { fill: #eae2e4 }
.terminal-666526888-r5 { fill: #ece5e5 }
.terminal-666526888-r6 { fill: #eee8e3 }
.terminal-666526888-r7 { fill: #121212 }
.terminal-2061132852-r1 { fill: #e7e0e6 }
.terminal-2061132852-r2 { fill: #e0e0e0 }
.terminal-2061132852-r3 { fill: #c5c8c6 }
.terminal-2061132852-r4 { fill: #eae2e4 }
.terminal-2061132852-r5 { fill: #ece5e5 }
.terminal-2061132852-r6 { fill: #eee8e3 }
.terminal-2061132852-r7 { fill: #121212 }
</style>
<defs>
<clipPath id="terminal-666526888-clip-terminal">
<clipPath id="terminal-2061132852-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-666526888-line-0">
<clipPath id="terminal-2061132852-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-1">
<clipPath id="terminal-2061132852-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-2">
<clipPath id="terminal-2061132852-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-3">
<clipPath id="terminal-2061132852-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-4">
<clipPath id="terminal-2061132852-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-5">
<clipPath id="terminal-2061132852-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-6">
<clipPath id="terminal-2061132852-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-7">
<clipPath id="terminal-2061132852-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-8">
<clipPath id="terminal-2061132852-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-9">
<clipPath id="terminal-2061132852-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-10">
<clipPath id="terminal-2061132852-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-11">
<clipPath id="terminal-2061132852-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-12">
<clipPath id="terminal-2061132852-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-13">
<clipPath id="terminal-2061132852-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-14">
<clipPath id="terminal-2061132852-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-15">
<clipPath id="terminal-2061132852-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-16">
<clipPath id="terminal-2061132852-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-17">
<clipPath id="terminal-2061132852-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-18">
<clipPath id="terminal-2061132852-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-19">
<clipPath id="terminal-2061132852-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-20">
<clipPath id="terminal-2061132852-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-21">
<clipPath id="terminal-2061132852-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-666526888-line-22">
<clipPath id="terminal-2061132852-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-666526888-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MinWidthApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2061132852-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MinWidthApp</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(#terminal-666526888-clip-terminal)">
<rect fill="#4d1144" x="0" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="147.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="780.8" y="562.7" width="195.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-666526888-matrix">
<text class="terminal-666526888-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-666526888-line-0)">
</text><text class="terminal-666526888-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-666526888-line-1)">
</text><text class="terminal-666526888-r1" x="0" y="68.8" textLength="488" clip-path="url(#terminal-666526888-line-2)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;25%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-666526888-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-666526888-line-2)">
</text><text class="terminal-666526888-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-666526888-line-3)">
</text><text class="terminal-666526888-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-666526888-line-4)">
</text><text class="terminal-666526888-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-666526888-line-5)">
</text><text class="terminal-666526888-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-666526888-line-6)">
</text><text class="terminal-666526888-r4" x="0" y="190.8" textLength="732" clip-path="url(#terminal-666526888-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;75%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-666526888-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-666526888-line-7)">
</text><text class="terminal-666526888-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-666526888-line-8)">
</text><text class="terminal-666526888-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-666526888-line-9)">
</text><text class="terminal-666526888-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-666526888-line-10)">
</text><text class="terminal-666526888-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-666526888-line-11)">
</text><text class="terminal-666526888-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-666526888-line-12)">
</text><text class="terminal-666526888-r5" x="0" y="337.2" textLength="976" clip-path="url(#terminal-666526888-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;100&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-666526888-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-666526888-line-13)">
</text><text class="terminal-666526888-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-666526888-line-14)">
</text><text class="terminal-666526888-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-666526888-line-15)">
</text><text class="terminal-666526888-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-666526888-line-16)">
</text><text class="terminal-666526888-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-666526888-line-17)">
</text><text class="terminal-666526888-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-666526888-line-18)">
</text><text class="terminal-666526888-r6" x="0" y="483.6" textLength="976" clip-path="url(#terminal-666526888-line-19)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;400h&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-666526888-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-666526888-line-19)">
</text><text class="terminal-666526888-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-666526888-line-20)">
</text><text class="terminal-666526888-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-666526888-line-21)">
</text><text class="terminal-666526888-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-666526888-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2061132852-clip-terminal)">
<rect fill="#4d1144" x="0" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="1.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="25.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="50.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#4d1144" x="0" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="488" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="123.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="147.9" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="172.3" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="196.7" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="221.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#5e2233" x="0" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="732" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#6f3c3c" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#80552b" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="0" y="562.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="780.8" y="562.7" width="195.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2061132852-matrix">
<text class="terminal-2061132852-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2061132852-line-0)">
</text><text class="terminal-2061132852-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2061132852-line-1)">
</text><text class="terminal-2061132852-r1" x="0" y="68.8" textLength="488" clip-path="url(#terminal-2061132852-line-2)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;25%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2061132852-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2061132852-line-2)">
</text><text class="terminal-2061132852-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2061132852-line-3)">
</text><text class="terminal-2061132852-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2061132852-line-4)">
</text><text class="terminal-2061132852-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2061132852-line-5)">
</text><text class="terminal-2061132852-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2061132852-line-6)">
</text><text class="terminal-2061132852-r4" x="0" y="190.8" textLength="732" clip-path="url(#terminal-2061132852-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;75%&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2061132852-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2061132852-line-7)">
</text><text class="terminal-2061132852-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2061132852-line-8)">
</text><text class="terminal-2061132852-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2061132852-line-9)">
</text><text class="terminal-2061132852-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2061132852-line-10)">
</text><text class="terminal-2061132852-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2061132852-line-11)">
</text><text class="terminal-2061132852-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2061132852-line-12)">
</text><text class="terminal-2061132852-r5" x="0" y="337.2" textLength="976" clip-path="url(#terminal-2061132852-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;100&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2061132852-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2061132852-line-13)">
</text><text class="terminal-2061132852-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2061132852-line-14)">
</text><text class="terminal-2061132852-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2061132852-line-15)">
</text><text class="terminal-2061132852-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2061132852-line-16)">
</text><text class="terminal-2061132852-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2061132852-line-17)">
</text><text class="terminal-2061132852-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2061132852-line-18)">
</text><text class="terminal-2061132852-r6" x="0" y="483.6" textLength="976" clip-path="url(#terminal-2061132852-line-19)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;min-width:&#160;400h&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2061132852-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2061132852-line-19)">
</text><text class="terminal-2061132852-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2061132852-line-20)">
</text><text class="terminal-2061132852-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2061132852-line-21)">
</text><text class="terminal-2061132852-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2061132852-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

View File

@@ -19,141 +19,141 @@
font-weight: 700;
}
.terminal-3615156786-matrix {
.terminal-2036457994-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3615156786-title {
.terminal-2036457994-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3615156786-r1 { fill: #000000;font-weight: bold }
.terminal-3615156786-r2 { fill: #121212 }
.terminal-3615156786-r3 { fill: #c5c8c6 }
.terminal-3615156786-r4 { fill: #000c00;font-weight: bold }
.terminal-3615156786-r5 { fill: #001900;font-weight: bold }
.terminal-3615156786-r6 { fill: #002600;font-weight: bold }
.terminal-3615156786-r7 { fill: #003300;font-weight: bold }
.terminal-3615156786-r8 { fill: #004000;font-weight: bold }
.terminal-3615156786-r9 { fill: #000000 }
.terminal-3615156786-r10 { fill: #004c00;font-weight: bold }
.terminal-3615156786-r11 { fill: #e0e0e0 }
.terminal-3615156786-r12 { fill: #005900;font-weight: bold }
.terminal-2036457994-r1 { fill: #000000;font-weight: bold }
.terminal-2036457994-r2 { fill: #121212 }
.terminal-2036457994-r3 { fill: #c5c8c6 }
.terminal-2036457994-r4 { fill: #000c00;font-weight: bold }
.terminal-2036457994-r5 { fill: #001900;font-weight: bold }
.terminal-2036457994-r6 { fill: #002600;font-weight: bold }
.terminal-2036457994-r7 { fill: #003300;font-weight: bold }
.terminal-2036457994-r8 { fill: #004000;font-weight: bold }
.terminal-2036457994-r9 { fill: #000000 }
.terminal-2036457994-r10 { fill: #004c00;font-weight: bold }
.terminal-2036457994-r11 { fill: #e0e0e0 }
.terminal-2036457994-r12 { fill: #005900;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3615156786-clip-terminal">
<clipPath id="terminal-2036457994-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3615156786-line-0">
<clipPath id="terminal-2036457994-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-1">
<clipPath id="terminal-2036457994-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-2">
<clipPath id="terminal-2036457994-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-3">
<clipPath id="terminal-2036457994-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-4">
<clipPath id="terminal-2036457994-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-5">
<clipPath id="terminal-2036457994-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-6">
<clipPath id="terminal-2036457994-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-7">
<clipPath id="terminal-2036457994-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-8">
<clipPath id="terminal-2036457994-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-9">
<clipPath id="terminal-2036457994-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-10">
<clipPath id="terminal-2036457994-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-11">
<clipPath id="terminal-2036457994-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-12">
<clipPath id="terminal-2036457994-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-13">
<clipPath id="terminal-2036457994-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-14">
<clipPath id="terminal-2036457994-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-15">
<clipPath id="terminal-2036457994-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-16">
<clipPath id="terminal-2036457994-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-17">
<clipPath id="terminal-2036457994-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-18">
<clipPath id="terminal-2036457994-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-19">
<clipPath id="terminal-2036457994-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-20">
<clipPath id="terminal-2036457994-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-21">
<clipPath id="terminal-2036457994-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3615156786-line-22">
<clipPath id="terminal-2036457994-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3615156786-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TintApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2036457994-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TintApp</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(#terminal-3615156786-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="318.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="391.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="465.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="562.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3615156786-matrix">
<text class="terminal-3615156786-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3615156786-line-0)">
</text><text class="terminal-3615156786-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-3615156786-line-1)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;0%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3615156786-line-1)">
</text><text class="terminal-3615156786-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3615156786-line-2)">
</text><text class="terminal-3615156786-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3615156786-line-3)">
</text><text class="terminal-3615156786-r4" x="0" y="117.6" textLength="951.6" clip-path="url(#terminal-3615156786-line-4)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;10%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3615156786-line-4)">
</text><text class="terminal-3615156786-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3615156786-line-5)">
</text><text class="terminal-3615156786-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3615156786-line-6)">
</text><text class="terminal-3615156786-r5" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-3615156786-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;20%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3615156786-line-7)">
</text><text class="terminal-3615156786-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3615156786-line-8)">
</text><text class="terminal-3615156786-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3615156786-line-9)">
</text><text class="terminal-3615156786-r6" x="0" y="264" textLength="951.6" clip-path="url(#terminal-3615156786-line-10)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;30%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3615156786-line-10)">
</text><text class="terminal-3615156786-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3615156786-line-11)">
</text><text class="terminal-3615156786-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3615156786-line-12)">
</text><text class="terminal-3615156786-r7" x="0" y="337.2" textLength="951.6" clip-path="url(#terminal-3615156786-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;40%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3615156786-line-13)">
</text><text class="terminal-3615156786-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3615156786-line-14)">
</text><text class="terminal-3615156786-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3615156786-line-15)">
</text><text class="terminal-3615156786-r8" x="0" y="410.4" textLength="951.6" clip-path="url(#terminal-3615156786-line-16)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;50%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3615156786-line-16)">
</text><text class="terminal-3615156786-r9" x="951.6" y="434.8" textLength="24.4" clip-path="url(#terminal-3615156786-line-17)">▄▄</text><text class="terminal-3615156786-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3615156786-line-17)">
</text><text class="terminal-3615156786-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3615156786-line-18)">
</text><text class="terminal-3615156786-r10" x="0" y="483.6" textLength="951.6" clip-path="url(#terminal-3615156786-line-19)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;60%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3615156786-line-19)">
</text><text class="terminal-3615156786-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3615156786-line-20)">
</text><text class="terminal-3615156786-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3615156786-line-21)">
</text><text class="terminal-3615156786-r12" x="0" y="556.8" textLength="951.6" clip-path="url(#terminal-3615156786-line-22)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;70%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3615156786-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3615156786-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2036457994-clip-terminal)">
<rect fill="#ffffff" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e5f2e5" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#cce5cc" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b2d8b2" x="0" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="318.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#99cc99" x="0" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="391.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#7fbf7f" x="0" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="465.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#66b266" x="0" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ca64c" x="0" y="562.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2036457994-matrix">
<text class="terminal-2036457994-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2036457994-line-0)">
</text><text class="terminal-2036457994-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-2036457994-line-1)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;0%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2036457994-line-1)">
</text><text class="terminal-2036457994-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2036457994-line-2)">
</text><text class="terminal-2036457994-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2036457994-line-3)">
</text><text class="terminal-2036457994-r4" x="0" y="117.6" textLength="951.6" clip-path="url(#terminal-2036457994-line-4)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;10%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2036457994-line-4)">
</text><text class="terminal-2036457994-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2036457994-line-5)">
</text><text class="terminal-2036457994-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2036457994-line-6)">
</text><text class="terminal-2036457994-r5" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-2036457994-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;20%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2036457994-line-7)">
</text><text class="terminal-2036457994-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2036457994-line-8)">
</text><text class="terminal-2036457994-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2036457994-line-9)">
</text><text class="terminal-2036457994-r6" x="0" y="264" textLength="951.6" clip-path="url(#terminal-2036457994-line-10)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;30%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2036457994-line-10)">
</text><text class="terminal-2036457994-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2036457994-line-11)">
</text><text class="terminal-2036457994-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2036457994-line-12)">
</text><text class="terminal-2036457994-r7" x="0" y="337.2" textLength="951.6" clip-path="url(#terminal-2036457994-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;40%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2036457994-line-13)">
</text><text class="terminal-2036457994-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2036457994-line-14)">
</text><text class="terminal-2036457994-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2036457994-line-15)">
</text><text class="terminal-2036457994-r8" x="0" y="410.4" textLength="951.6" clip-path="url(#terminal-2036457994-line-16)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;50%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2036457994-line-16)">
</text><text class="terminal-2036457994-r9" x="951.6" y="434.8" textLength="24.4" clip-path="url(#terminal-2036457994-line-17)">▄▄</text><text class="terminal-2036457994-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2036457994-line-17)">
</text><text class="terminal-2036457994-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2036457994-line-18)">
</text><text class="terminal-2036457994-r10" x="0" y="483.6" textLength="951.6" clip-path="url(#terminal-2036457994-line-19)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;60%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2036457994-line-19)">
</text><text class="terminal-2036457994-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2036457994-line-20)">
</text><text class="terminal-2036457994-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2036457994-line-21)">
</text><text class="terminal-2036457994-r12" x="0" y="556.8" textLength="951.6" clip-path="url(#terminal-2036457994-line-22)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;tint:&#160;green&#160;70%;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2036457994-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2036457994-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-4264377230-matrix {
.terminal-3115202658-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4264377230-title {
.terminal-3115202658-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4264377230-r1 { fill: #e0e0e0 }
.terminal-4264377230-r2 { fill: #c5c8c6 }
.terminal-4264377230-r3 { fill: #242f38 }
.terminal-4264377230-r4 { fill: #272727 }
.terminal-4264377230-r5 { fill: #ddedf9;font-weight: bold }
.terminal-3115202658-r1 { fill: #e0e0e0 }
.terminal-3115202658-r2 { fill: #c5c8c6 }
.terminal-3115202658-r3 { fill: #003054 }
.terminal-3115202658-r4 { fill: #272727 }
.terminal-3115202658-r5 { fill: #ddedf9;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-4264377230-clip-terminal">
<clipPath id="terminal-3115202658-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4264377230-line-0">
<clipPath id="terminal-3115202658-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-1">
<clipPath id="terminal-3115202658-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-2">
<clipPath id="terminal-3115202658-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-3">
<clipPath id="terminal-3115202658-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-4">
<clipPath id="terminal-3115202658-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-5">
<clipPath id="terminal-3115202658-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-6">
<clipPath id="terminal-3115202658-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-7">
<clipPath id="terminal-3115202658-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-8">
<clipPath id="terminal-3115202658-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-9">
<clipPath id="terminal-3115202658-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-10">
<clipPath id="terminal-3115202658-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-11">
<clipPath id="terminal-3115202658-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-12">
<clipPath id="terminal-3115202658-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-13">
<clipPath id="terminal-3115202658-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-14">
<clipPath id="terminal-3115202658-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-15">
<clipPath id="terminal-3115202658-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-16">
<clipPath id="terminal-3115202658-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-17">
<clipPath id="terminal-3115202658-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-18">
<clipPath id="terminal-3115202658-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-19">
<clipPath id="terminal-3115202658-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-20">
<clipPath id="terminal-3115202658-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-21">
<clipPath id="terminal-3115202658-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4264377230-line-22">
<clipPath id="terminal-3115202658-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4264377230-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ListViewIndexApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3115202658-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ListViewIndexApp</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(#terminal-4264377230-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="221.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4264377230-matrix">
<text class="terminal-4264377230-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-4264377230-line-0)">10&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4264377230-line-0)">
</text><text class="terminal-4264377230-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-4264377230-line-1)">12&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4264377230-line-1)">
</text><text class="terminal-4264377230-r1" x="0" y="68.8" textLength="951.6" clip-path="url(#terminal-4264377230-line-2)">14&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4264377230-line-2)">
</text><text class="terminal-4264377230-r1" x="0" y="93.2" textLength="951.6" clip-path="url(#terminal-4264377230-line-3)">16&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r3" x="951.6" y="93.2" textLength="24.4" clip-path="url(#terminal-4264377230-line-3)">▆▆</text><text class="terminal-4264377230-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4264377230-line-3)">
</text><text class="terminal-4264377230-r1" x="0" y="117.6" textLength="951.6" clip-path="url(#terminal-4264377230-line-4)">18&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4264377230-line-4)">
</text><text class="terminal-4264377230-r1" x="0" y="142" textLength="951.6" clip-path="url(#terminal-4264377230-line-5)">20&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4264377230-line-5)">
</text><text class="terminal-4264377230-r1" x="0" y="166.4" textLength="951.6" clip-path="url(#terminal-4264377230-line-6)">22&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4264377230-line-6)">
</text><text class="terminal-4264377230-r1" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-4264377230-line-7)">24&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4264377230-line-7)">
</text><text class="terminal-4264377230-r1" x="0" y="215.2" textLength="951.6" clip-path="url(#terminal-4264377230-line-8)">26&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4264377230-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4264377230-line-8)">
</text><text class="terminal-4264377230-r5" x="0" y="239.6" textLength="24.4" clip-path="url(#terminal-4264377230-line-9)">28</text><text class="terminal-4264377230-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4264377230-line-9)">
</text><text class="terminal-4264377230-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4264377230-line-10)">
</text><text class="terminal-4264377230-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4264377230-line-11)">
</text><text class="terminal-4264377230-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4264377230-line-12)">
</text><text class="terminal-4264377230-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4264377230-line-13)">
</text><text class="terminal-4264377230-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4264377230-line-14)">
</text><text class="terminal-4264377230-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4264377230-line-15)">
</text><text class="terminal-4264377230-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4264377230-line-16)">
</text><text class="terminal-4264377230-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4264377230-line-17)">
</text><text class="terminal-4264377230-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4264377230-line-18)">
</text><text class="terminal-4264377230-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4264377230-line-19)">
</text><text class="terminal-4264377230-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4264377230-line-20)">
</text><text class="terminal-4264377230-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4264377230-line-21)">
</text><text class="terminal-4264377230-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4264377230-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-3115202658-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="221.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3115202658-matrix">
<text class="terminal-3115202658-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-3115202658-line-0)">10&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3115202658-line-0)">
</text><text class="terminal-3115202658-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-3115202658-line-1)">12&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3115202658-line-1)">
</text><text class="terminal-3115202658-r1" x="0" y="68.8" textLength="951.6" clip-path="url(#terminal-3115202658-line-2)">14&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3115202658-line-2)">
</text><text class="terminal-3115202658-r1" x="0" y="93.2" textLength="951.6" clip-path="url(#terminal-3115202658-line-3)">16&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r3" x="951.6" y="93.2" textLength="24.4" clip-path="url(#terminal-3115202658-line-3)">▆▆</text><text class="terminal-3115202658-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3115202658-line-3)">
</text><text class="terminal-3115202658-r1" x="0" y="117.6" textLength="951.6" clip-path="url(#terminal-3115202658-line-4)">18&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3115202658-line-4)">
</text><text class="terminal-3115202658-r1" x="0" y="142" textLength="951.6" clip-path="url(#terminal-3115202658-line-5)">20&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3115202658-line-5)">
</text><text class="terminal-3115202658-r1" x="0" y="166.4" textLength="951.6" clip-path="url(#terminal-3115202658-line-6)">22&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3115202658-line-6)">
</text><text class="terminal-3115202658-r1" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-3115202658-line-7)">24&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3115202658-line-7)">
</text><text class="terminal-3115202658-r1" x="0" y="215.2" textLength="951.6" clip-path="url(#terminal-3115202658-line-8)">26&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3115202658-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3115202658-line-8)">
</text><text class="terminal-3115202658-r5" x="0" y="239.6" textLength="24.4" clip-path="url(#terminal-3115202658-line-9)">28</text><text class="terminal-3115202658-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3115202658-line-9)">
</text><text class="terminal-3115202658-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3115202658-line-10)">
</text><text class="terminal-3115202658-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3115202658-line-11)">
</text><text class="terminal-3115202658-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3115202658-line-12)">
</text><text class="terminal-3115202658-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3115202658-line-13)">
</text><text class="terminal-3115202658-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3115202658-line-14)">
</text><text class="terminal-3115202658-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3115202658-line-15)">
</text><text class="terminal-3115202658-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3115202658-line-16)">
</text><text class="terminal-3115202658-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3115202658-line-17)">
</text><text class="terminal-3115202658-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3115202658-line-18)">
</text><text class="terminal-3115202658-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3115202658-line-19)">
</text><text class="terminal-3115202658-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3115202658-line-20)">
</text><text class="terminal-3115202658-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3115202658-line-21)">
</text><text class="terminal-3115202658-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3115202658-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 58 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 31 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 59 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 83 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

View File

@@ -19,137 +19,137 @@
font-weight: 700;
}
.terminal-3487326443-matrix {
.terminal-2160157952-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3487326443-title {
.terminal-2160157952-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3487326443-r1 { fill: #e0e0e0 }
.terminal-3487326443-r2 { fill: #c5c8c6 }
.terminal-3487326443-r3 { fill: #1e1e1e }
.terminal-3487326443-r4 { fill: #a2a2a2 }
.terminal-3487326443-r5 { fill: #0f0f0f }
.terminal-3487326443-r6 { fill: #ffa62b;font-weight: bold }
.terminal-3487326443-r7 { fill: #495259 }
.terminal-2160157952-r1 { fill: #e0e0e0 }
.terminal-2160157952-r2 { fill: #c5c8c6 }
.terminal-2160157952-r3 { fill: #1e1e1e }
.terminal-2160157952-r4 { fill: #a2a2a2 }
.terminal-2160157952-r5 { fill: #0f0f0f }
.terminal-2160157952-r6 { fill: #ffa62b;font-weight: bold }
.terminal-2160157952-r7 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-3487326443-clip-terminal">
<clipPath id="terminal-2160157952-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3487326443-line-0">
<clipPath id="terminal-2160157952-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-1">
<clipPath id="terminal-2160157952-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-2">
<clipPath id="terminal-2160157952-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-3">
<clipPath id="terminal-2160157952-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-4">
<clipPath id="terminal-2160157952-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-5">
<clipPath id="terminal-2160157952-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-6">
<clipPath id="terminal-2160157952-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-7">
<clipPath id="terminal-2160157952-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-8">
<clipPath id="terminal-2160157952-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-9">
<clipPath id="terminal-2160157952-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-10">
<clipPath id="terminal-2160157952-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-11">
<clipPath id="terminal-2160157952-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-12">
<clipPath id="terminal-2160157952-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-13">
<clipPath id="terminal-2160157952-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-14">
<clipPath id="terminal-2160157952-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-15">
<clipPath id="terminal-2160157952-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-16">
<clipPath id="terminal-2160157952-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-17">
<clipPath id="terminal-2160157952-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-18">
<clipPath id="terminal-2160157952-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-19">
<clipPath id="terminal-2160157952-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-20">
<clipPath id="terminal-2160157952-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-21">
<clipPath id="terminal-2160157952-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3487326443-line-22">
<clipPath id="terminal-2160157952-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3487326443-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2160157952-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</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(#terminal-3487326443-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2160157952-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="390.4" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="585.6" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="390.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="427" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="549" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#171717" x="390.4" y="294.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="585.6" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="85.4" y="562.7" width="744.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3487326443-matrix">
<text class="terminal-3487326443-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3487326443-line-0)">
</text><text class="terminal-3487326443-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3487326443-line-1)">
</text><text class="terminal-3487326443-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3487326443-line-2)">
</text><text class="terminal-3487326443-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3487326443-line-3)">
</text><text class="terminal-3487326443-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3487326443-line-4)">
</text><text class="terminal-3487326443-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3487326443-line-5)">
</text><text class="terminal-3487326443-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3487326443-line-6)">
</text><text class="terminal-3487326443-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3487326443-line-7)">
</text><text class="terminal-3487326443-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3487326443-line-8)">
</text><text class="terminal-3487326443-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-3487326443-line-9)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Hover&#160;the&#160;button&#160;then&#160;hit&#160;space&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3487326443-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3487326443-line-9)">
</text><text class="terminal-3487326443-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-3487326443-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3487326443-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3487326443-line-10)">
</text><text class="terminal-3487326443-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-3487326443-line-11)">&#160;Disabled&#160;</text><text class="terminal-3487326443-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3487326443-line-11)">
</text><text class="terminal-3487326443-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-3487326443-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3487326443-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3487326443-line-12)">
</text><text class="terminal-3487326443-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3487326443-line-13)">
</text><text class="terminal-3487326443-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3487326443-line-14)">
</text><text class="terminal-3487326443-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3487326443-line-15)">
</text><text class="terminal-3487326443-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3487326443-line-16)">
</text><text class="terminal-3487326443-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3487326443-line-17)">
</text><text class="terminal-3487326443-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3487326443-line-18)">
</text><text class="terminal-3487326443-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3487326443-line-19)">
</text><text class="terminal-3487326443-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3487326443-line-20)">
</text><text class="terminal-3487326443-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3487326443-line-21)">
</text><text class="terminal-3487326443-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3487326443-line-22)">
</text><text class="terminal-3487326443-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-3487326443-line-23)">&#160;space&#160;</text><text class="terminal-3487326443-r1" x="85.4" y="581.2" textLength="744.2" clip-path="url(#terminal-3487326443-line-23)">Toggle&#160;Button&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3487326443-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3487326443-line-23)"></text><text class="terminal-3487326443-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3487326443-line-23)">^p</text><text class="terminal-3487326443-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3487326443-line-23)">&#160;palette</text>
<g class="terminal-2160157952-matrix">
<text class="terminal-2160157952-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2160157952-line-0)">
</text><text class="terminal-2160157952-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2160157952-line-1)">
</text><text class="terminal-2160157952-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2160157952-line-2)">
</text><text class="terminal-2160157952-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2160157952-line-3)">
</text><text class="terminal-2160157952-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2160157952-line-4)">
</text><text class="terminal-2160157952-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2160157952-line-5)">
</text><text class="terminal-2160157952-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2160157952-line-6)">
</text><text class="terminal-2160157952-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2160157952-line-7)">
</text><text class="terminal-2160157952-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2160157952-line-8)">
</text><text class="terminal-2160157952-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-2160157952-line-9)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Hover&#160;the&#160;button&#160;then&#160;hit&#160;space&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2160157952-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2160157952-line-9)">
</text><text class="terminal-2160157952-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-2160157952-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2160157952-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2160157952-line-10)">
</text><text class="terminal-2160157952-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-2160157952-line-11)">&#160;Disabled&#160;</text><text class="terminal-2160157952-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2160157952-line-11)">
</text><text class="terminal-2160157952-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-2160157952-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2160157952-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2160157952-line-12)">
</text><text class="terminal-2160157952-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2160157952-line-13)">
</text><text class="terminal-2160157952-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2160157952-line-14)">
</text><text class="terminal-2160157952-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2160157952-line-15)">
</text><text class="terminal-2160157952-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2160157952-line-16)">
</text><text class="terminal-2160157952-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2160157952-line-17)">
</text><text class="terminal-2160157952-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2160157952-line-18)">
</text><text class="terminal-2160157952-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2160157952-line-19)">
</text><text class="terminal-2160157952-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2160157952-line-20)">
</text><text class="terminal-2160157952-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2160157952-line-21)">
</text><text class="terminal-2160157952-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2160157952-line-22)">
</text><text class="terminal-2160157952-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-2160157952-line-23)">&#160;space&#160;</text><text class="terminal-2160157952-r1" x="85.4" y="581.2" textLength="744.2" clip-path="url(#terminal-2160157952-line-23)">Toggle&#160;Button&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2160157952-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2160157952-line-23)"></text><text class="terminal-2160157952-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2160157952-line-23)">^p</text><text class="terminal-2160157952-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2160157952-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@@ -19,62 +19,62 @@
font-weight: 700;
}
.terminal-3949464134-matrix {
.terminal-4160031070-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3949464134-title {
.terminal-4160031070-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3949464134-r1 { fill: #e0e0e0 }
.terminal-3949464134-r2 { fill: #c5c8c6 }
.terminal-3949464134-r3 { fill: #272727 }
.terminal-3949464134-r4 { fill: #242f38 }
.terminal-4160031070-r1 { fill: #e0e0e0 }
.terminal-4160031070-r2 { fill: #c5c8c6 }
.terminal-4160031070-r3 { fill: #272727 }
.terminal-4160031070-r4 { fill: #003054 }
</style>
<defs>
<clipPath id="terminal-3949464134-clip-terminal">
<clipPath id="terminal-4160031070-clip-terminal">
<rect x="0" y="0" width="243.0" height="145.39999999999998" />
</clipPath>
<clipPath id="terminal-3949464134-line-0">
<clipPath id="terminal-4160031070-line-0">
<rect x="0" y="1.5" width="244" height="24.65"/>
</clipPath>
<clipPath id="terminal-3949464134-line-1">
<clipPath id="terminal-4160031070-line-1">
<rect x="0" y="25.9" width="244" height="24.65"/>
</clipPath>
<clipPath id="terminal-3949464134-line-2">
<clipPath id="terminal-4160031070-line-2">
<rect x="0" y="50.3" width="244" height="24.65"/>
</clipPath>
<clipPath id="terminal-3949464134-line-3">
<clipPath id="terminal-4160031070-line-3">
<rect x="0" y="74.7" width="244" height="24.65"/>
</clipPath>
<clipPath id="terminal-3949464134-line-4">
<clipPath id="terminal-4160031070-line-4">
<rect x="0" y="99.1" width="244" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="260" height="194.4" rx="8"/><text class="terminal-3949464134-title" fill="#c5c8c6" text-anchor="middle" x="130" y="27">RichLogMinWidth20</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="260" height="194.4" rx="8"/><text class="terminal-4160031070-title" fill="#c5c8c6" text-anchor="middle" x="130" y="27">RichLogMinWidth20</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(#terminal-3949464134-clip-terminal)">
<rect fill="#f4005f" x="0" y="1.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="195.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="207.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3949464134-matrix">
<text class="terminal-3949464134-r1" x="0" y="20" textLength="219.6" clip-path="url(#terminal-3949464134-line-0)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;01234567</text><text class="terminal-3949464134-r2" x="244" y="20" textLength="12.2" clip-path="url(#terminal-3949464134-line-0)">
</text><text class="terminal-3949464134-r2" x="244" y="44.4" textLength="12.2" clip-path="url(#terminal-3949464134-line-1)">
</text><text class="terminal-3949464134-r2" x="244" y="68.8" textLength="12.2" clip-path="url(#terminal-3949464134-line-2)">
</text><text class="terminal-3949464134-r2" x="244" y="93.2" textLength="12.2" clip-path="url(#terminal-3949464134-line-3)">
</text><text class="terminal-3949464134-r2" x="244" y="117.6" textLength="12.2" clip-path="url(#terminal-3949464134-line-4)">
</text><text class="terminal-3949464134-r4" x="195.2" y="142" textLength="12.2" clip-path="url(#terminal-3949464134-line-5)"></text>
<g transform="translate(9, 41)" clip-path="url(#terminal-4160031070-clip-terminal)">
<rect fill="#f4005f" x="0" y="1.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#003054" x="0" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="195.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="207.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="219.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4160031070-matrix">
<text class="terminal-4160031070-r1" x="0" y="20" textLength="219.6" clip-path="url(#terminal-4160031070-line-0)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;01234567</text><text class="terminal-4160031070-r2" x="244" y="20" textLength="12.2" clip-path="url(#terminal-4160031070-line-0)">
</text><text class="terminal-4160031070-r2" x="244" y="44.4" textLength="12.2" clip-path="url(#terminal-4160031070-line-1)">
</text><text class="terminal-4160031070-r2" x="244" y="68.8" textLength="12.2" clip-path="url(#terminal-4160031070-line-2)">
</text><text class="terminal-4160031070-r2" x="244" y="93.2" textLength="12.2" clip-path="url(#terminal-4160031070-line-3)">
</text><text class="terminal-4160031070-r2" x="244" y="117.6" textLength="12.2" clip-path="url(#terminal-4160031070-line-4)">
</text><text class="terminal-4160031070-r4" x="195.2" y="142" textLength="12.2" clip-path="url(#terminal-4160031070-line-5)"></text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -19,139 +19,139 @@
font-weight: 700;
}
.terminal-120436956-matrix {
.terminal-2955853041-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-120436956-title {
.terminal-2955853041-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-120436956-r1 { fill: #e0e0e0 }
.terminal-120436956-r2 { fill: #c5c8c6 }
.terminal-120436956-r3 { fill: #ddedf9;font-weight: bold }
.terminal-120436956-r4 { fill: #454545 }
.terminal-120436956-r5 { fill: #797979 }
.terminal-120436956-r6 { fill: #4f4f4f }
.terminal-120436956-r7 { fill: #0178d4 }
.terminal-120436956-r8 { fill: #981515 }
.terminal-120436956-r9 { fill: #e99c9c }
.terminal-120436956-r10 { fill: #880606 }
.terminal-2955853041-r1 { fill: #e0e0e0 }
.terminal-2955853041-r2 { fill: #c5c8c6 }
.terminal-2955853041-r3 { fill: #ddedf9;font-weight: bold }
.terminal-2955853041-r4 { fill: #454545 }
.terminal-2955853041-r5 { fill: #797979 }
.terminal-2955853041-r6 { fill: #4f4f4f }
.terminal-2955853041-r7 { fill: #0178d4 }
.terminal-2955853041-r8 { fill: #981515 }
.terminal-2955853041-r9 { fill: #e99c9c }
.terminal-2955853041-r10 { fill: #880606 }
</style>
<defs>
<clipPath id="terminal-120436956-clip-terminal">
<clipPath id="terminal-2955853041-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-120436956-line-0">
<clipPath id="terminal-2955853041-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-1">
<clipPath id="terminal-2955853041-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-2">
<clipPath id="terminal-2955853041-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-3">
<clipPath id="terminal-2955853041-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-4">
<clipPath id="terminal-2955853041-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-5">
<clipPath id="terminal-2955853041-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-6">
<clipPath id="terminal-2955853041-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-7">
<clipPath id="terminal-2955853041-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-8">
<clipPath id="terminal-2955853041-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-9">
<clipPath id="terminal-2955853041-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-10">
<clipPath id="terminal-2955853041-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-11">
<clipPath id="terminal-2955853041-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-12">
<clipPath id="terminal-2955853041-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-13">
<clipPath id="terminal-2955853041-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-14">
<clipPath id="terminal-2955853041-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-15">
<clipPath id="terminal-2955853041-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-16">
<clipPath id="terminal-2955853041-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-17">
<clipPath id="terminal-2955853041-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-18">
<clipPath id="terminal-2955853041-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-19">
<clipPath id="terminal-2955853041-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-20">
<clipPath id="terminal-2955853041-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-21">
<clipPath id="terminal-2955853041-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-120436956-line-22">
<clipPath id="terminal-2955853041-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-120436956-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FiddleWithTabsApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2955853041-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FiddleWithTabsApp</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(#terminal-120436956-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2955853041-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="85.4" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="97.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="109.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="122" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="183" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="195.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="207.4" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="219.6" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="280.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="292.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="305" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="317.2" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="378.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="390.4" y="1.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="85.4" y="25.9" width="890.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#900e0e" x="0" y="50.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="195.2" y="50.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#900e0e" x="0" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#900e0e" x="48.8" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#900e0e" x="146.4" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="195.2" y="74.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#900e0e" x="0" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-120436956-matrix">
<text class="terminal-120436956-r3" x="24.4" y="20" textLength="61" clip-path="url(#terminal-120436956-line-0)">Tab&#160;1</text><text class="terminal-120436956-r4" x="122" y="20" textLength="61" clip-path="url(#terminal-120436956-line-0)">Tab&#160;2</text><text class="terminal-120436956-r5" x="219.6" y="20" textLength="61" clip-path="url(#terminal-120436956-line-0)">Tab&#160;4</text><text class="terminal-120436956-r5" x="317.2" y="20" textLength="61" clip-path="url(#terminal-120436956-line-0)">Tab&#160;5</text><text class="terminal-120436956-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-120436956-line-0)">
</text><text class="terminal-120436956-r6" x="0" y="44.4" textLength="24.4" clip-path="url(#terminal-120436956-line-1)">━╸</text><text class="terminal-120436956-r7" x="24.4" y="44.4" textLength="61" clip-path="url(#terminal-120436956-line-1)">━━━━━</text><text class="terminal-120436956-r6" x="85.4" y="44.4" textLength="890.6" clip-path="url(#terminal-120436956-line-1)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-120436956-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-120436956-line-1)">
</text><text class="terminal-120436956-r8" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-120436956-line-2)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-120436956-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-120436956-line-2)">
</text><text class="terminal-120436956-r9" x="48.8" y="93.2" textLength="97.6" clip-path="url(#terminal-120436956-line-3)">&#160;Button&#160;</text><text class="terminal-120436956-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-120436956-line-3)">
</text><text class="terminal-120436956-r10" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-120436956-line-4)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-120436956-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-120436956-line-4)">
</text><text class="terminal-120436956-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-120436956-line-5)">
</text><text class="terminal-120436956-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-120436956-line-6)">
</text><text class="terminal-120436956-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-120436956-line-7)">
</text><text class="terminal-120436956-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-120436956-line-8)">
</text><text class="terminal-120436956-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-120436956-line-9)">
</text><text class="terminal-120436956-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-120436956-line-10)">
</text><text class="terminal-120436956-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-120436956-line-11)">
</text><text class="terminal-120436956-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-120436956-line-12)">
</text><text class="terminal-120436956-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-120436956-line-13)">
</text><text class="terminal-120436956-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-120436956-line-14)">
</text><text class="terminal-120436956-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-120436956-line-15)">
</text><text class="terminal-120436956-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-120436956-line-16)">
</text><text class="terminal-120436956-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-120436956-line-17)">
</text><text class="terminal-120436956-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-120436956-line-18)">
</text><text class="terminal-120436956-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-120436956-line-19)">
</text><text class="terminal-120436956-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-120436956-line-20)">
</text><text class="terminal-120436956-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-120436956-line-21)">
</text><text class="terminal-120436956-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-120436956-line-22)">
<g class="terminal-2955853041-matrix">
<text class="terminal-2955853041-r3" x="24.4" y="20" textLength="61" clip-path="url(#terminal-2955853041-line-0)">Tab&#160;1</text><text class="terminal-2955853041-r4" x="122" y="20" textLength="61" clip-path="url(#terminal-2955853041-line-0)">Tab&#160;2</text><text class="terminal-2955853041-r5" x="219.6" y="20" textLength="61" clip-path="url(#terminal-2955853041-line-0)">Tab&#160;4</text><text class="terminal-2955853041-r5" x="317.2" y="20" textLength="61" clip-path="url(#terminal-2955853041-line-0)">Tab&#160;5</text><text class="terminal-2955853041-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2955853041-line-0)">
</text><text class="terminal-2955853041-r6" x="0" y="44.4" textLength="24.4" clip-path="url(#terminal-2955853041-line-1)">━╸</text><text class="terminal-2955853041-r7" x="24.4" y="44.4" textLength="61" clip-path="url(#terminal-2955853041-line-1)">━━━━━</text><text class="terminal-2955853041-r6" x="85.4" y="44.4" textLength="890.6" clip-path="url(#terminal-2955853041-line-1)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2955853041-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2955853041-line-1)">
</text><text class="terminal-2955853041-r8" x="0" y="68.8" textLength="195.2" clip-path="url(#terminal-2955853041-line-2)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2955853041-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2955853041-line-2)">
</text><text class="terminal-2955853041-r9" x="48.8" y="93.2" textLength="97.6" clip-path="url(#terminal-2955853041-line-3)">&#160;Button&#160;</text><text class="terminal-2955853041-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2955853041-line-3)">
</text><text class="terminal-2955853041-r10" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-2955853041-line-4)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2955853041-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2955853041-line-4)">
</text><text class="terminal-2955853041-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2955853041-line-5)">
</text><text class="terminal-2955853041-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2955853041-line-6)">
</text><text class="terminal-2955853041-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2955853041-line-7)">
</text><text class="terminal-2955853041-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2955853041-line-8)">
</text><text class="terminal-2955853041-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2955853041-line-9)">
</text><text class="terminal-2955853041-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2955853041-line-10)">
</text><text class="terminal-2955853041-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2955853041-line-11)">
</text><text class="terminal-2955853041-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2955853041-line-12)">
</text><text class="terminal-2955853041-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2955853041-line-13)">
</text><text class="terminal-2955853041-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2955853041-line-14)">
</text><text class="terminal-2955853041-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2955853041-line-15)">
</text><text class="terminal-2955853041-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2955853041-line-16)">
</text><text class="terminal-2955853041-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2955853041-line-17)">
</text><text class="terminal-2955853041-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2955853041-line-18)">
</text><text class="terminal-2955853041-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2955853041-line-19)">
</text><text class="terminal-2955853041-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2955853041-line-20)">
</text><text class="terminal-2955853041-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2955853041-line-21)">
</text><text class="terminal-2955853041-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2955853041-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 134 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 194 KiB

After

Width:  |  Height:  |  Size: 196 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 177 KiB

After

Width:  |  Height:  |  Size: 177 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 204 KiB

After

Width:  |  Height:  |  Size: 204 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 83 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Some files were not shown because too many files have changed in this diff Show More