snapshots

This commit is contained in:
Will McGugan
2024-08-11 16:58:46 +01:00
parent c39641e806
commit 3c48551f3d
67 changed files with 3851 additions and 3714 deletions

View File

@@ -30,11 +30,12 @@ widget. Notice how the `Footer` automatically displays the keybinding.
## Reactive Attributes
| Name | Type | Default | Description |
| ----------------- | ------ | ------- | ----------------------------------------------------------------------- |
| `upper_case_keys` | `bool` | `False` | Display the keys in upper case. |
| `ctrl_to_caret` | `bool` | `True` | Replace "ctrl+" with "^" to denote a key that requires holding ++CTRL++ |
| `compact` | `bool` | `False` | Display a more compact footer. |
| Name | Type | Default | Description |
| ---------------------- | ------ | ------- | ------------------------------------------------------------------------------------------ |
| `upper_case_keys` | `bool` | `False` | Display the keys in upper case. |
| `ctrl_to_caret` | `bool` | `True` | Replace "ctrl+" with "^" to denote a key that requires holding ++CTRL++ |
| `compact` | `bool` | `False` | Display a more compact footer. |
| `show_command_palette` | `bool` | `True` | Display the key to invoke the command palette (show on the right hand side of the footer). |
## Messages

View File

@@ -48,7 +48,7 @@ class ColorApp(App):
"""Experiment with the command palette."""
COMMANDS = App.COMMANDS | {ColorCommands}
TITLE = "Press ctrl + \\ and type a color"
TITLE = "Press ctrl + p and type a color"
def compose(self) -> ComposeResult:
yield Header()

View File

@@ -368,7 +368,13 @@ class App(Generic[ReturnType], DOMNode):
BINDINGS: ClassVar[list[BindingType]] = [
Binding("ctrl+c", "quit", "Quit", show=False, priority=True),
Binding("ctrl+backslash", "command_palette", show=False, priority=True),
Binding(
"ctrl+p",
"command_palette",
"Show the command palette",
show=False,
priority=True,
),
]
CLOSE_TIMEOUT: float | None = 5.0

View File

@@ -85,13 +85,16 @@ class FooterKey(Widget):
action: str,
disabled: bool = False,
tooltip: str = "",
classes="",
) -> None:
self.key = key
self.key_display = key_display
self.description = description
self.action = action
self._disabled = disabled
super().__init__(classes="-disabled" if disabled else "")
if disabled:
classes += " -disabled"
super().__init__(classes=classes)
if tooltip:
self.tooltip = tooltip
@@ -147,6 +150,13 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False):
&.-compact {
grid-gutter: 1;
}
FooterKey.-command-palette {
dock: right;
padding-left: 1;
&>.footer-key--key {
color: $success;
}
}
}
"""
@@ -158,6 +168,42 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False):
"""Display in compact style."""
_bindings_ready = reactive(False, repaint=False)
"""True if the bindings are ready to be displayed."""
show_command_palette = reactive(True)
"""Show the key to invoke the command palette."""
def __init__(
self,
*children: Widget,
name: str | None = None,
id: str | None = None,
classes: str | None = None,
disabled: bool = False,
upper_case_keys: bool = False,
ctrl_to_caret: bool = True,
show_command_palette: bool = True,
) -> None:
"""A footer to show key bindings.
Args:
*children: Child widgets.
name: The name of the widget.
id: The ID of the widget in the DOM.
classes: The CSS classes for the widget.
disabled: Whether the widget is disabled or not.
upper_case_keys: Show the keys in upper case.
ctrl_to_caret: Show `ctrl+` as `^`.
show_command_palette: Show key binding to command palette, on the right of the footer.
"""
super().__init__(
*children,
name=name,
id=id,
classes=classes,
disabled=disabled,
)
self.set_reactive(Footer.upper_case_keys, upper_case_keys)
self.set_reactive(Footer.ctrl_to_caret, ctrl_to_caret)
self.set_reactive(Footer.show_command_palette, show_command_palette)
def compose(self) -> ComposeResult:
if not self._bindings_ready:
@@ -187,6 +233,22 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False):
Footer.ctrl_to_caret,
Footer.compact,
)
self.log(bindings)
if self.show_command_palette:
for key, binding in self.app._bindings:
if binding.action in (
"app.command_palette",
"command_palette",
):
yield FooterKey(
key,
binding.key_display or binding.key,
"",
binding.action,
classes="-command-palette",
tooltip=binding.description,
)
break
def on_mount(self) -> None:
async def bindings_changed(screen: Screen) -> None:

View File

@@ -32,6 +32,9 @@ class HeaderIcon(Widget):
icon = Reactive("")
"""The character to use as the icon within the header."""
def on_mount(self) -> None:
self.tooltip = "Open the command palette"
async def on_click(self, event: Click) -> None:
"""Launch the command palette when icon is clicked."""
event.stop()
@@ -81,7 +84,7 @@ class HeaderClock(HeaderClockSpace):
time_format: Reactive[str] = Reactive("%X")
def _on_mount(self, _: Mount) -> None:
self.set_interval(1, callback=self.refresh, name=f"update header clock")
self.set_interval(1, callback=self.refresh, name="update header clock")
def render(self) -> RenderResult:
"""Render the header clock.

View File

@@ -9,7 +9,7 @@ class Tooltip(Static, inherit_css=False):
layer: _tooltips;
margin: 1 2;
padding: 1 2;
background: $panel;
background: $background;
width: auto;
height: auto;
constrain: inflect;

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-3513309286-matrix {
.terminal-2227472417-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3513309286-title {
.terminal-2227472417-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3513309286-r1 { fill: #c5c8c6 }
.terminal-3513309286-r2 { fill: #e3e3e3 }
.terminal-3513309286-r3 { fill: #e1e1e1 }
.terminal-3513309286-r4 { fill: #ff0000 }
.terminal-3513309286-r5 { fill: #fea62b;font-weight: bold }
.terminal-3513309286-r6 { fill: #a7a9ab }
.terminal-3513309286-r7 { fill: #e2e3e3 }
.terminal-2227472417-r1 { fill: #c5c8c6 }
.terminal-2227472417-r2 { fill: #e3e3e3 }
.terminal-2227472417-r3 { fill: #e1e1e1 }
.terminal-2227472417-r4 { fill: #ff0000 }
.terminal-2227472417-r5 { fill: #fea62b;font-weight: bold }
.terminal-2227472417-r6 { fill: #a7a9ab }
.terminal-2227472417-r7 { fill: #e2e3e3 }
.terminal-2227472417-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3513309286-clip-terminal">
<clipPath id="terminal-2227472417-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3513309286-line-0">
<clipPath id="terminal-2227472417-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-1">
<clipPath id="terminal-2227472417-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-2">
<clipPath id="terminal-2227472417-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-3">
<clipPath id="terminal-2227472417-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-4">
<clipPath id="terminal-2227472417-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-5">
<clipPath id="terminal-2227472417-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-6">
<clipPath id="terminal-2227472417-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-7">
<clipPath id="terminal-2227472417-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-8">
<clipPath id="terminal-2227472417-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-9">
<clipPath id="terminal-2227472417-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-10">
<clipPath id="terminal-2227472417-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-11">
<clipPath id="terminal-2227472417-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-12">
<clipPath id="terminal-2227472417-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-13">
<clipPath id="terminal-2227472417-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-14">
<clipPath id="terminal-2227472417-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-15">
<clipPath id="terminal-2227472417-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-16">
<clipPath id="terminal-2227472417-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-17">
<clipPath id="terminal-2227472417-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-18">
<clipPath id="terminal-2227472417-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-19">
<clipPath id="terminal-2227472417-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-20">
<clipPath id="terminal-2227472417-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-21">
<clipPath id="terminal-2227472417-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3513309286-line-22">
<clipPath id="terminal-2227472417-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-3513309286-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridHeightAuto</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-2227472417-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridHeightAuto</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-3513309286-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="561.2" y="1.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" 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="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="280.6" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="562.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="573.4" y="562.7" width="402.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3513309286-matrix">
<text class="terminal-3513309286-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3513309286-line-0)"></text><text class="terminal-3513309286-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-3513309286-line-0)">GridHeightAuto</text><text class="terminal-3513309286-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3513309286-line-0)">
</text><text class="terminal-3513309286-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-3513309286-line-1)">Here&#160;is&#160;some&#160;text&#160;before&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-3513309286-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3513309286-line-1)">
</text><text class="terminal-3513309286-r4" x="0" y="68.8" textLength="976" clip-path="url(#terminal-3513309286-line-2)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-3513309286-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3513309286-line-2)">
</text><text class="terminal-3513309286-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-3)"></text><text class="terminal-3513309286-r3" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-3513309286-line-3)">Cell&#160;#0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3513309286-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-3)"></text><text class="terminal-3513309286-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-3)">
</text><text class="terminal-3513309286-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-4)"></text><text class="terminal-3513309286-r3" x="12.2" y="117.6" textLength="951.6" clip-path="url(#terminal-3513309286-line-4)">Cell&#160;#3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3513309286-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-4)"></text><text class="terminal-3513309286-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-4)">
</text><text class="terminal-3513309286-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3513309286-line-5)"></text><text class="terminal-3513309286-r3" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-3513309286-line-5)">Cell&#160;#6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3513309286-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-3513309286-line-5)"></text><text class="terminal-3513309286-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3513309286-line-5)">
</text><text class="terminal-3513309286-r4" x="0" y="166.4" textLength="976" clip-path="url(#terminal-3513309286-line-6)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-3513309286-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3513309286-line-6)">
</text><text class="terminal-3513309286-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-3513309286-line-7)">Here&#160;is&#160;some&#160;text&#160;after&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-3513309286-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3513309286-line-7)">
</text><text class="terminal-3513309286-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-8)">
</text><text class="terminal-3513309286-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-9)">
</text><text class="terminal-3513309286-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3513309286-line-10)">
</text><text class="terminal-3513309286-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3513309286-line-11)">
</text><text class="terminal-3513309286-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3513309286-line-12)">
</text><text class="terminal-3513309286-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-13)">
</text><text class="terminal-3513309286-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-14)">
</text><text class="terminal-3513309286-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3513309286-line-15)">
</text><text class="terminal-3513309286-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3513309286-line-16)">
</text><text class="terminal-3513309286-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3513309286-line-17)">
</text><text class="terminal-3513309286-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3513309286-line-18)">
</text><text class="terminal-3513309286-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3513309286-line-19)">
</text><text class="terminal-3513309286-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3513309286-line-20)">
</text><text class="terminal-3513309286-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3513309286-line-21)">
</text><text class="terminal-3513309286-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3513309286-line-22)">
</text><text class="terminal-3513309286-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3513309286-line-23)">&#160;g&#160;</text><text class="terminal-3513309286-r6" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-3513309286-line-23)">Grid&#160;</text><text class="terminal-3513309286-r5" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-3513309286-line-23)">&#160;v&#160;</text><text class="terminal-3513309286-r6" x="134.2" y="581.2" textLength="109.8" clip-path="url(#terminal-3513309286-line-23)">Vertical&#160;</text><text class="terminal-3513309286-r5" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-3513309286-line-23)">&#160;h&#160;</text><text class="terminal-3513309286-r6" x="280.6" y="581.2" textLength="134.2" clip-path="url(#terminal-3513309286-line-23)">Horizontal&#160;</text><text class="terminal-3513309286-r5" x="414.8" y="581.2" textLength="36.6" clip-path="url(#terminal-3513309286-line-23)">&#160;c&#160;</text><text class="terminal-3513309286-r6" x="451.4" y="581.2" textLength="122" clip-path="url(#terminal-3513309286-line-23)">Container&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2227472417-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="561.2" y="1.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" 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="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="280.6" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="562.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="573.4" y="562.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2227472417-matrix">
<text class="terminal-2227472417-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2227472417-line-0)"></text><text class="terminal-2227472417-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-2227472417-line-0)">GridHeightAuto</text><text class="terminal-2227472417-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2227472417-line-0)">
</text><text class="terminal-2227472417-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2227472417-line-1)">Here&#160;is&#160;some&#160;text&#160;before&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2227472417-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2227472417-line-1)">
</text><text class="terminal-2227472417-r4" x="0" y="68.8" textLength="976" clip-path="url(#terminal-2227472417-line-2)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-2227472417-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2227472417-line-2)">
</text><text class="terminal-2227472417-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-3)"></text><text class="terminal-2227472417-r3" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-2227472417-line-3)">Cell&#160;#0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2227472417-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-3)"></text><text class="terminal-2227472417-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-3)">
</text><text class="terminal-2227472417-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-4)"></text><text class="terminal-2227472417-r3" x="12.2" y="117.6" textLength="951.6" clip-path="url(#terminal-2227472417-line-4)">Cell&#160;#3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2227472417-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-4)"></text><text class="terminal-2227472417-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-4)">
</text><text class="terminal-2227472417-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2227472417-line-5)"></text><text class="terminal-2227472417-r3" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-2227472417-line-5)">Cell&#160;#6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2227472417-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-2227472417-line-5)"></text><text class="terminal-2227472417-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2227472417-line-5)">
</text><text class="terminal-2227472417-r4" x="0" y="166.4" textLength="976" clip-path="url(#terminal-2227472417-line-6)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-2227472417-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2227472417-line-6)">
</text><text class="terminal-2227472417-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-2227472417-line-7)">Here&#160;is&#160;some&#160;text&#160;after&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2227472417-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2227472417-line-7)">
</text><text class="terminal-2227472417-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-8)">
</text><text class="terminal-2227472417-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-9)">
</text><text class="terminal-2227472417-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2227472417-line-10)">
</text><text class="terminal-2227472417-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2227472417-line-11)">
</text><text class="terminal-2227472417-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2227472417-line-12)">
</text><text class="terminal-2227472417-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-13)">
</text><text class="terminal-2227472417-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-14)">
</text><text class="terminal-2227472417-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2227472417-line-15)">
</text><text class="terminal-2227472417-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2227472417-line-16)">
</text><text class="terminal-2227472417-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2227472417-line-17)">
</text><text class="terminal-2227472417-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2227472417-line-18)">
</text><text class="terminal-2227472417-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2227472417-line-19)">
</text><text class="terminal-2227472417-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2227472417-line-20)">
</text><text class="terminal-2227472417-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2227472417-line-21)">
</text><text class="terminal-2227472417-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2227472417-line-22)">
</text><text class="terminal-2227472417-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2227472417-line-23)">&#160;g&#160;</text><text class="terminal-2227472417-r6" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-2227472417-line-23)">Grid&#160;</text><text class="terminal-2227472417-r5" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-2227472417-line-23)">&#160;v&#160;</text><text class="terminal-2227472417-r6" x="134.2" y="581.2" textLength="109.8" clip-path="url(#terminal-2227472417-line-23)">Vertical&#160;</text><text class="terminal-2227472417-r5" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-2227472417-line-23)">&#160;h&#160;</text><text class="terminal-2227472417-r6" x="280.6" y="581.2" textLength="134.2" clip-path="url(#terminal-2227472417-line-23)">Horizontal&#160;</text><text class="terminal-2227472417-r5" x="414.8" y="581.2" textLength="36.6" clip-path="url(#terminal-2227472417-line-23)">&#160;c&#160;</text><text class="terminal-2227472417-r6" x="451.4" y="581.2" textLength="122" clip-path="url(#terminal-2227472417-line-23)">Container&#160;</text><text class="terminal-2227472417-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2227472417-line-23)">^p</text>
</g>
</g>
</svg>

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: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -19,137 +19,139 @@
font-weight: 700;
}
.terminal-2582506136-matrix {
.terminal-1548196435-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2582506136-title {
.terminal-1548196435-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2582506136-r1 { fill: #c5c8c6 }
.terminal-2582506136-r2 { fill: #e3e3e3 }
.terminal-2582506136-r3 { fill: #1e1e1e }
.terminal-2582506136-r4 { fill: #0178d4 }
.terminal-2582506136-r5 { fill: #e1e1e1 }
.terminal-2582506136-r6 { fill: #e2e2e2 }
.terminal-2582506136-r7 { fill: #e2e3e3 }
.terminal-1548196435-r1 { fill: #c5c8c6 }
.terminal-1548196435-r2 { fill: #e3e3e3 }
.terminal-1548196435-r3 { fill: #1e1e1e }
.terminal-1548196435-r4 { fill: #0178d4 }
.terminal-1548196435-r5 { fill: #e1e1e1 }
.terminal-1548196435-r6 { fill: #e2e2e2 }
.terminal-1548196435-r7 { fill: #e2e3e3 }
.terminal-1548196435-r8 { fill: #4ebf71;font-weight: bold }
.terminal-1548196435-r9 { fill: #a7a9ab }
</style>
<defs>
<clipPath id="terminal-2582506136-clip-terminal">
<clipPath id="terminal-1548196435-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2582506136-line-0">
<clipPath id="terminal-1548196435-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-1">
<clipPath id="terminal-1548196435-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-2">
<clipPath id="terminal-1548196435-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-3">
<clipPath id="terminal-1548196435-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-4">
<clipPath id="terminal-1548196435-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-5">
<clipPath id="terminal-1548196435-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-6">
<clipPath id="terminal-1548196435-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-7">
<clipPath id="terminal-1548196435-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-8">
<clipPath id="terminal-1548196435-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-9">
<clipPath id="terminal-1548196435-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-10">
<clipPath id="terminal-1548196435-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-11">
<clipPath id="terminal-1548196435-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-12">
<clipPath id="terminal-1548196435-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-13">
<clipPath id="terminal-1548196435-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-14">
<clipPath id="terminal-1548196435-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-15">
<clipPath id="terminal-1548196435-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-16">
<clipPath id="terminal-1548196435-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-17">
<clipPath id="terminal-1548196435-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-18">
<clipPath id="terminal-1548196435-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-19">
<clipPath id="terminal-1548196435-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-20">
<clipPath id="terminal-1548196435-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-21">
<clipPath id="terminal-1548196435-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2582506136-line-22">
<clipPath id="terminal-1548196435-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-2582506136-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">InputWidthAutoApp</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-1548196435-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">InputWidthAutoApp</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-2582506136-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="25.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="36.6" y="50.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#e1e1e1" x="97.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2582506136-matrix">
<text class="terminal-2582506136-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2582506136-line-0)"></text><text class="terminal-2582506136-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-2582506136-line-0)">InputWidthAutoApp</text><text class="terminal-2582506136-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2582506136-line-0)">
</text><text class="terminal-2582506136-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-1)"></text><text class="terminal-2582506136-r4" x="12.2" y="44.4" textLength="122" clip-path="url(#terminal-2582506136-line-1)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2582506136-r4" x="134.2" y="44.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-1)"></text><text class="terminal-2582506136-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-1)">
</text><text class="terminal-2582506136-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-2)"></text><text class="terminal-2582506136-r6" x="36.6" y="68.8" textLength="61" clip-path="url(#terminal-2582506136-line-2)">Hello</text><text class="terminal-2582506136-r4" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-2)"></text><text class="terminal-2582506136-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-2)">
</text><text class="terminal-2582506136-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-3)"></text><text class="terminal-2582506136-r4" x="12.2" y="93.2" textLength="122" clip-path="url(#terminal-2582506136-line-3)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2582506136-r4" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-3)"></text><text class="terminal-2582506136-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-3)">
</text><text class="terminal-2582506136-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2582506136-line-4)">
</text><text class="terminal-2582506136-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2582506136-line-5)">
</text><text class="terminal-2582506136-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-6)">
</text><text class="terminal-2582506136-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-7)">
</text><text class="terminal-2582506136-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-8)">
</text><text class="terminal-2582506136-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2582506136-line-9)">
</text><text class="terminal-2582506136-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2582506136-line-10)">
</text><text class="terminal-2582506136-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-11)">
</text><text class="terminal-2582506136-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-12)">
</text><text class="terminal-2582506136-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-13)">
</text><text class="terminal-2582506136-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2582506136-line-14)">
</text><text class="terminal-2582506136-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2582506136-line-15)">
</text><text class="terminal-2582506136-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-16)">
</text><text class="terminal-2582506136-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-17)">
</text><text class="terminal-2582506136-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2582506136-line-18)">
</text><text class="terminal-2582506136-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2582506136-line-19)">
</text><text class="terminal-2582506136-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2582506136-line-20)">
</text><text class="terminal-2582506136-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2582506136-line-21)">
</text><text class="terminal-2582506136-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2582506136-line-22)">
</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1548196435-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="25.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="36.6" y="50.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#e1e1e1" x="97.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1548196435-matrix">
<text class="terminal-1548196435-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1548196435-line-0)"></text><text class="terminal-1548196435-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-1548196435-line-0)">InputWidthAutoApp</text><text class="terminal-1548196435-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1548196435-line-0)">
</text><text class="terminal-1548196435-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-1)"></text><text class="terminal-1548196435-r4" x="12.2" y="44.4" textLength="122" clip-path="url(#terminal-1548196435-line-1)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1548196435-r4" x="134.2" y="44.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-1)"></text><text class="terminal-1548196435-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-1)">
</text><text class="terminal-1548196435-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-2)"></text><text class="terminal-1548196435-r6" x="36.6" y="68.8" textLength="61" clip-path="url(#terminal-1548196435-line-2)">Hello</text><text class="terminal-1548196435-r4" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-2)"></text><text class="terminal-1548196435-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-2)">
</text><text class="terminal-1548196435-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-3)"></text><text class="terminal-1548196435-r4" x="12.2" y="93.2" textLength="122" clip-path="url(#terminal-1548196435-line-3)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1548196435-r4" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-3)"></text><text class="terminal-1548196435-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-3)">
</text><text class="terminal-1548196435-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1548196435-line-4)">
</text><text class="terminal-1548196435-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1548196435-line-5)">
</text><text class="terminal-1548196435-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-6)">
</text><text class="terminal-1548196435-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-7)">
</text><text class="terminal-1548196435-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-8)">
</text><text class="terminal-1548196435-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1548196435-line-9)">
</text><text class="terminal-1548196435-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1548196435-line-10)">
</text><text class="terminal-1548196435-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-11)">
</text><text class="terminal-1548196435-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-12)">
</text><text class="terminal-1548196435-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-13)">
</text><text class="terminal-1548196435-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1548196435-line-14)">
</text><text class="terminal-1548196435-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1548196435-line-15)">
</text><text class="terminal-1548196435-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-16)">
</text><text class="terminal-1548196435-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-17)">
</text><text class="terminal-1548196435-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1548196435-line-18)">
</text><text class="terminal-1548196435-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1548196435-line-19)">
</text><text class="terminal-1548196435-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1548196435-line-20)">
</text><text class="terminal-1548196435-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1548196435-line-21)">
</text><text class="terminal-1548196435-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1548196435-line-22)">
</text><text class="terminal-1548196435-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1548196435-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-2919316667-matrix {
.terminal-2478304359-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2919316667-title {
.terminal-2478304359-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2919316667-r1 { fill: #e1e1e1 }
.terminal-2919316667-r2 { fill: #c5c8c6 }
.terminal-2919316667-r3 { fill: #fea62b;font-weight: bold }
.terminal-2919316667-r4 { fill: #a7a9ab }
.terminal-2919316667-r5 { fill: #e2e3e3 }
.terminal-2478304359-r1 { fill: #e1e1e1 }
.terminal-2478304359-r2 { fill: #c5c8c6 }
.terminal-2478304359-r3 { fill: #fea62b;font-weight: bold }
.terminal-2478304359-r4 { fill: #a7a9ab }
.terminal-2478304359-r5 { fill: #e2e3e3 }
.terminal-2478304359-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2919316667-clip-terminal">
<clipPath id="terminal-2478304359-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2919316667-line-0">
<clipPath id="terminal-2478304359-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-1">
<clipPath id="terminal-2478304359-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-2">
<clipPath id="terminal-2478304359-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-3">
<clipPath id="terminal-2478304359-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-4">
<clipPath id="terminal-2478304359-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-5">
<clipPath id="terminal-2478304359-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-6">
<clipPath id="terminal-2478304359-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-7">
<clipPath id="terminal-2478304359-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-8">
<clipPath id="terminal-2478304359-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-9">
<clipPath id="terminal-2478304359-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-10">
<clipPath id="terminal-2478304359-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-11">
<clipPath id="terminal-2478304359-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-12">
<clipPath id="terminal-2478304359-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-13">
<clipPath id="terminal-2478304359-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-14">
<clipPath id="terminal-2478304359-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-15">
<clipPath id="terminal-2478304359-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-16">
<clipPath id="terminal-2478304359-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-17">
<clipPath id="terminal-2478304359-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-18">
<clipPath id="terminal-2478304359-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-19">
<clipPath id="terminal-2478304359-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-20">
<clipPath id="terminal-2478304359-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-21">
<clipPath id="terminal-2478304359-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2919316667-line-22">
<clipPath id="terminal-2478304359-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-2919316667-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HideBindingApp</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-2478304359-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HideBindingApp</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-2919316667-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="768.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2919316667-matrix">
<text class="terminal-2919316667-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2919316667-line-0)">
</text><text class="terminal-2919316667-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2919316667-line-1)">
</text><text class="terminal-2919316667-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2919316667-line-2)">
</text><text class="terminal-2919316667-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2919316667-line-3)">
</text><text class="terminal-2919316667-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2919316667-line-4)">
</text><text class="terminal-2919316667-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2919316667-line-5)">
</text><text class="terminal-2919316667-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2919316667-line-6)">
</text><text class="terminal-2919316667-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2919316667-line-7)">
</text><text class="terminal-2919316667-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2919316667-line-8)">
</text><text class="terminal-2919316667-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2919316667-line-9)">
</text><text class="terminal-2919316667-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2919316667-line-10)">
</text><text class="terminal-2919316667-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2919316667-line-11)">
</text><text class="terminal-2919316667-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2919316667-line-12)">
</text><text class="terminal-2919316667-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2919316667-line-13)">
</text><text class="terminal-2919316667-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2919316667-line-14)">
</text><text class="terminal-2919316667-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2919316667-line-15)">
</text><text class="terminal-2919316667-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2919316667-line-16)">
</text><text class="terminal-2919316667-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2919316667-line-17)">
</text><text class="terminal-2919316667-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2919316667-line-18)">
</text><text class="terminal-2919316667-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2919316667-line-19)">
</text><text class="terminal-2919316667-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2919316667-line-20)">
</text><text class="terminal-2919316667-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2919316667-line-21)">
</text><text class="terminal-2919316667-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2919316667-line-22)">
</text><text class="terminal-2919316667-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2919316667-line-23)">&#160;p&#160;</text><text class="terminal-2919316667-r4" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-2919316667-line-23)">Binding&#160;shown&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2478304359-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2478304359-matrix">
<text class="terminal-2478304359-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2478304359-line-0)">
</text><text class="terminal-2478304359-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2478304359-line-1)">
</text><text class="terminal-2478304359-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2478304359-line-2)">
</text><text class="terminal-2478304359-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2478304359-line-3)">
</text><text class="terminal-2478304359-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2478304359-line-4)">
</text><text class="terminal-2478304359-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2478304359-line-5)">
</text><text class="terminal-2478304359-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2478304359-line-6)">
</text><text class="terminal-2478304359-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2478304359-line-7)">
</text><text class="terminal-2478304359-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2478304359-line-8)">
</text><text class="terminal-2478304359-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2478304359-line-9)">
</text><text class="terminal-2478304359-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2478304359-line-10)">
</text><text class="terminal-2478304359-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2478304359-line-11)">
</text><text class="terminal-2478304359-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2478304359-line-12)">
</text><text class="terminal-2478304359-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2478304359-line-13)">
</text><text class="terminal-2478304359-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2478304359-line-14)">
</text><text class="terminal-2478304359-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2478304359-line-15)">
</text><text class="terminal-2478304359-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2478304359-line-16)">
</text><text class="terminal-2478304359-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2478304359-line-17)">
</text><text class="terminal-2478304359-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2478304359-line-18)">
</text><text class="terminal-2478304359-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2478304359-line-19)">
</text><text class="terminal-2478304359-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2478304359-line-20)">
</text><text class="terminal-2478304359-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2478304359-line-21)">
</text><text class="terminal-2478304359-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2478304359-line-22)">
</text><text class="terminal-2478304359-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2478304359-line-23)">&#160;p&#160;</text><text class="terminal-2478304359-r4" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-2478304359-line-23)">Binding&#160;shown&#160;</text><text class="terminal-2478304359-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2478304359-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -19,138 +19,139 @@
font-weight: 700;
}
.terminal-4248372996-matrix {
.terminal-3671766704-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4248372996-title {
.terminal-3671766704-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4248372996-r1 { fill: #121212 }
.terminal-4248372996-r2 { fill: #c5c8c6 }
.terminal-4248372996-r3 { fill: #ddedf9 }
.terminal-4248372996-r4 { fill: #e2e2e2 }
.terminal-4248372996-r5 { fill: #e1e1e1 }
.terminal-4248372996-r6 { fill: #fea62b;font-weight: bold }
.terminal-4248372996-r7 { fill: #a7a9ab }
.terminal-4248372996-r8 { fill: #e2e3e3 }
.terminal-3671766704-r1 { fill: #121212 }
.terminal-3671766704-r2 { fill: #c5c8c6 }
.terminal-3671766704-r3 { fill: #ddedf9 }
.terminal-3671766704-r4 { fill: #e2e2e2 }
.terminal-3671766704-r5 { fill: #e1e1e1 }
.terminal-3671766704-r6 { fill: #fea62b;font-weight: bold }
.terminal-3671766704-r7 { fill: #a7a9ab }
.terminal-3671766704-r8 { fill: #e2e3e3 }
.terminal-3671766704-r9 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-4248372996-clip-terminal">
<clipPath id="terminal-3671766704-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4248372996-line-0">
<clipPath id="terminal-3671766704-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-1">
<clipPath id="terminal-3671766704-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-2">
<clipPath id="terminal-3671766704-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-3">
<clipPath id="terminal-3671766704-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-4">
<clipPath id="terminal-3671766704-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-5">
<clipPath id="terminal-3671766704-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-6">
<clipPath id="terminal-3671766704-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-7">
<clipPath id="terminal-3671766704-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-8">
<clipPath id="terminal-3671766704-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-9">
<clipPath id="terminal-3671766704-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-10">
<clipPath id="terminal-3671766704-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-11">
<clipPath id="terminal-3671766704-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-12">
<clipPath id="terminal-3671766704-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-13">
<clipPath id="terminal-3671766704-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-14">
<clipPath id="terminal-3671766704-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-15">
<clipPath id="terminal-3671766704-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-16">
<clipPath id="terminal-3671766704-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-17">
<clipPath id="terminal-3671766704-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-18">
<clipPath id="terminal-3671766704-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-19">
<clipPath id="terminal-3671766704-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-20">
<clipPath id="terminal-3671766704-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-21">
<clipPath id="terminal-3671766704-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4248372996-line-22">
<clipPath id="terminal-3671766704-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-4248372996-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-3671766704-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-4248372996-clip-terminal)">
<rect fill="#262626" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" 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="#262626" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="610" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4248372996-matrix">
<text class="terminal-4248372996-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-4248372996-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4248372996-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4248372996-line-0)">
</text><text class="terminal-4248372996-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-4248372996-line-1)">&#160;Leto</text><text class="terminal-4248372996-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4248372996-line-1)">
</text><text class="terminal-4248372996-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4248372996-line-2)">
</text><text class="terminal-4248372996-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-4248372996-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4248372996-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4248372996-line-3)">
</text><text class="terminal-4248372996-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-4248372996-line-4)">&#160;Jessica</text><text class="terminal-4248372996-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4248372996-line-4)">
</text><text class="terminal-4248372996-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4248372996-line-5)">
</text><text class="terminal-4248372996-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-4248372996-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4248372996-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4248372996-line-6)">
</text><text class="terminal-4248372996-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-4248372996-line-7)">&#160;Paul</text><text class="terminal-4248372996-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4248372996-line-7)">
</text><text class="terminal-4248372996-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4248372996-line-8)">
</text><text class="terminal-4248372996-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4248372996-line-9)">
</text><text class="terminal-4248372996-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4248372996-line-10)">
</text><text class="terminal-4248372996-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4248372996-line-11)">
</text><text class="terminal-4248372996-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4248372996-line-12)">
</text><text class="terminal-4248372996-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4248372996-line-13)">
</text><text class="terminal-4248372996-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4248372996-line-14)">
</text><text class="terminal-4248372996-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4248372996-line-15)">
</text><text class="terminal-4248372996-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4248372996-line-16)">
</text><text class="terminal-4248372996-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4248372996-line-17)">
</text><text class="terminal-4248372996-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4248372996-line-18)">
</text><text class="terminal-4248372996-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4248372996-line-19)">
</text><text class="terminal-4248372996-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4248372996-line-20)">
</text><text class="terminal-4248372996-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4248372996-line-21)">
</text><text class="terminal-4248372996-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4248372996-line-22)">
</text><text class="terminal-4248372996-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4248372996-line-23)">&#160;c&#160;</text><text class="terminal-4248372996-r7" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-4248372996-line-23)">Collapse&#160;All&#160;</text><text class="terminal-4248372996-r6" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-4248372996-line-23)">&#160;e&#160;</text><text class="terminal-4248372996-r7" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-4248372996-line-23)">Expand&#160;All&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3671766704-clip-terminal)">
<rect fill="#262626" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" 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="#262626" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3671766704-matrix">
<text class="terminal-3671766704-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-3671766704-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3671766704-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3671766704-line-0)">
</text><text class="terminal-3671766704-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-3671766704-line-1)">&#160;Leto</text><text class="terminal-3671766704-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3671766704-line-1)">
</text><text class="terminal-3671766704-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3671766704-line-2)">
</text><text class="terminal-3671766704-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-3671766704-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3671766704-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3671766704-line-3)">
</text><text class="terminal-3671766704-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-3671766704-line-4)">&#160;Jessica</text><text class="terminal-3671766704-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3671766704-line-4)">
</text><text class="terminal-3671766704-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3671766704-line-5)">
</text><text class="terminal-3671766704-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-3671766704-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3671766704-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3671766704-line-6)">
</text><text class="terminal-3671766704-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-3671766704-line-7)">&#160;Paul</text><text class="terminal-3671766704-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3671766704-line-7)">
</text><text class="terminal-3671766704-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3671766704-line-8)">
</text><text class="terminal-3671766704-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3671766704-line-9)">
</text><text class="terminal-3671766704-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3671766704-line-10)">
</text><text class="terminal-3671766704-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3671766704-line-11)">
</text><text class="terminal-3671766704-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3671766704-line-12)">
</text><text class="terminal-3671766704-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3671766704-line-13)">
</text><text class="terminal-3671766704-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3671766704-line-14)">
</text><text class="terminal-3671766704-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3671766704-line-15)">
</text><text class="terminal-3671766704-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3671766704-line-16)">
</text><text class="terminal-3671766704-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3671766704-line-17)">
</text><text class="terminal-3671766704-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3671766704-line-18)">
</text><text class="terminal-3671766704-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3671766704-line-19)">
</text><text class="terminal-3671766704-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3671766704-line-20)">
</text><text class="terminal-3671766704-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3671766704-line-21)">
</text><text class="terminal-3671766704-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3671766704-line-22)">
</text><text class="terminal-3671766704-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3671766704-line-23)">&#160;c&#160;</text><text class="terminal-3671766704-r7" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3671766704-line-23)">Collapse&#160;All&#160;</text><text class="terminal-3671766704-r6" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3671766704-line-23)">&#160;e&#160;</text><text class="terminal-3671766704-r7" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-3671766704-line-23)">Expand&#160;All&#160;</text><text class="terminal-3671766704-r9" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3671766704-line-23)">^p</text>
</g>
</g>
</svg>

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: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 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: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-3961244237-matrix {
.terminal-4140923400-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3961244237-title {
.terminal-4140923400-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3961244237-r1 { fill: #e1e1e1 }
.terminal-3961244237-r2 { fill: #c5c8c6 }
.terminal-3961244237-r3 { fill: #fea62b;font-weight: bold }
.terminal-3961244237-r4 { fill: #a7a9ab }
.terminal-3961244237-r5 { fill: #a6742c;font-weight: bold }
.terminal-3961244237-r6 { fill: #727579 }
.terminal-3961244237-r7 { fill: #e2e3e3 }
.terminal-4140923400-r1 { fill: #e1e1e1 }
.terminal-4140923400-r2 { fill: #c5c8c6 }
.terminal-4140923400-r3 { fill: #fea62b;font-weight: bold }
.terminal-4140923400-r4 { fill: #a7a9ab }
.terminal-4140923400-r5 { fill: #a6742c;font-weight: bold }
.terminal-4140923400-r6 { fill: #727579 }
.terminal-4140923400-r7 { fill: #e2e3e3 }
.terminal-4140923400-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3961244237-clip-terminal">
<clipPath id="terminal-4140923400-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3961244237-line-0">
<clipPath id="terminal-4140923400-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-1">
<clipPath id="terminal-4140923400-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-2">
<clipPath id="terminal-4140923400-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-3">
<clipPath id="terminal-4140923400-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-4">
<clipPath id="terminal-4140923400-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-5">
<clipPath id="terminal-4140923400-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-6">
<clipPath id="terminal-4140923400-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-7">
<clipPath id="terminal-4140923400-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-8">
<clipPath id="terminal-4140923400-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-9">
<clipPath id="terminal-4140923400-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-10">
<clipPath id="terminal-4140923400-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-11">
<clipPath id="terminal-4140923400-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-12">
<clipPath id="terminal-4140923400-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-13">
<clipPath id="terminal-4140923400-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-14">
<clipPath id="terminal-4140923400-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-15">
<clipPath id="terminal-4140923400-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-16">
<clipPath id="terminal-4140923400-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-17">
<clipPath id="terminal-4140923400-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-18">
<clipPath id="terminal-4140923400-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-19">
<clipPath id="terminal-4140923400-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-20">
<clipPath id="terminal-4140923400-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-21">
<clipPath id="terminal-4140923400-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3961244237-line-22">
<clipPath id="terminal-4140923400-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-3961244237-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindingsApp</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-4140923400-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindingsApp</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-3961244237-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="854" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3961244237-matrix">
<text class="terminal-3961244237-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3961244237-line-0)">
</text><text class="terminal-3961244237-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3961244237-line-1)">
</text><text class="terminal-3961244237-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3961244237-line-2)">
</text><text class="terminal-3961244237-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3961244237-line-3)">
</text><text class="terminal-3961244237-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3961244237-line-4)">
</text><text class="terminal-3961244237-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3961244237-line-5)">
</text><text class="terminal-3961244237-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3961244237-line-6)">
</text><text class="terminal-3961244237-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3961244237-line-7)">
</text><text class="terminal-3961244237-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3961244237-line-8)">
</text><text class="terminal-3961244237-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3961244237-line-9)">
</text><text class="terminal-3961244237-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3961244237-line-10)">
</text><text class="terminal-3961244237-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3961244237-line-11)">
</text><text class="terminal-3961244237-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3961244237-line-12)">
</text><text class="terminal-3961244237-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3961244237-line-13)">
</text><text class="terminal-3961244237-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3961244237-line-14)">
</text><text class="terminal-3961244237-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3961244237-line-15)">
</text><text class="terminal-3961244237-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3961244237-line-16)">
</text><text class="terminal-3961244237-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3961244237-line-17)">
</text><text class="terminal-3961244237-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3961244237-line-18)">
</text><text class="terminal-3961244237-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3961244237-line-19)">
</text><text class="terminal-3961244237-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3961244237-line-20)">
</text><text class="terminal-3961244237-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3961244237-line-21)">
</text><text class="terminal-3961244237-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3961244237-line-22)">
</text><text class="terminal-3961244237-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3961244237-line-23)">&#160;a&#160;</text><text class="terminal-3961244237-r4" x="36.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3961244237-line-23)">A&#160;</text><text class="terminal-3961244237-r5" x="61" y="581.2" textLength="36.6" clip-path="url(#terminal-3961244237-line-23)">&#160;c&#160;</text><text class="terminal-3961244237-r6" x="97.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3961244237-line-23)">C&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-4140923400-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4140923400-matrix">
<text class="terminal-4140923400-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4140923400-line-0)">
</text><text class="terminal-4140923400-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4140923400-line-1)">
</text><text class="terminal-4140923400-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4140923400-line-2)">
</text><text class="terminal-4140923400-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4140923400-line-3)">
</text><text class="terminal-4140923400-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4140923400-line-4)">
</text><text class="terminal-4140923400-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4140923400-line-5)">
</text><text class="terminal-4140923400-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4140923400-line-6)">
</text><text class="terminal-4140923400-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4140923400-line-7)">
</text><text class="terminal-4140923400-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4140923400-line-8)">
</text><text class="terminal-4140923400-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4140923400-line-9)">
</text><text class="terminal-4140923400-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4140923400-line-10)">
</text><text class="terminal-4140923400-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4140923400-line-11)">
</text><text class="terminal-4140923400-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4140923400-line-12)">
</text><text class="terminal-4140923400-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4140923400-line-13)">
</text><text class="terminal-4140923400-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4140923400-line-14)">
</text><text class="terminal-4140923400-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4140923400-line-15)">
</text><text class="terminal-4140923400-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4140923400-line-16)">
</text><text class="terminal-4140923400-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4140923400-line-17)">
</text><text class="terminal-4140923400-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4140923400-line-18)">
</text><text class="terminal-4140923400-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4140923400-line-19)">
</text><text class="terminal-4140923400-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4140923400-line-20)">
</text><text class="terminal-4140923400-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4140923400-line-21)">
</text><text class="terminal-4140923400-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4140923400-line-22)">
</text><text class="terminal-4140923400-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4140923400-line-23)">&#160;a&#160;</text><text class="terminal-4140923400-r4" x="36.6" y="581.2" textLength="24.4" clip-path="url(#terminal-4140923400-line-23)">A&#160;</text><text class="terminal-4140923400-r5" x="61" y="581.2" textLength="36.6" clip-path="url(#terminal-4140923400-line-23)">&#160;c&#160;</text><text class="terminal-4140923400-r6" x="97.6" y="581.2" textLength="24.4" clip-path="url(#terminal-4140923400-line-23)">C&#160;</text><text class="terminal-4140923400-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-4140923400-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,133 +19,133 @@
font-weight: 700;
}
.terminal-112858016-matrix {
.terminal-509154156-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-112858016-title {
.terminal-509154156-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-112858016-r1 { fill: #c5c8c6 }
.terminal-112858016-r2 { fill: #e3e3e3 }
.terminal-112858016-r3 { fill: #e1e1e1 }
.terminal-112858016-r4 { fill: #eedddd }
.terminal-509154156-r1 { fill: #c5c8c6 }
.terminal-509154156-r2 { fill: #e3e3e3 }
.terminal-509154156-r3 { fill: #e1e1e1 }
.terminal-509154156-r4 { fill: #eedddd }
</style>
<defs>
<clipPath id="terminal-112858016-clip-terminal">
<clipPath id="terminal-509154156-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-112858016-line-0">
<clipPath id="terminal-509154156-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-1">
<clipPath id="terminal-509154156-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-2">
<clipPath id="terminal-509154156-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-3">
<clipPath id="terminal-509154156-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-4">
<clipPath id="terminal-509154156-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-5">
<clipPath id="terminal-509154156-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-6">
<clipPath id="terminal-509154156-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-7">
<clipPath id="terminal-509154156-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-8">
<clipPath id="terminal-509154156-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-9">
<clipPath id="terminal-509154156-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-10">
<clipPath id="terminal-509154156-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-11">
<clipPath id="terminal-509154156-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-12">
<clipPath id="terminal-509154156-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-13">
<clipPath id="terminal-509154156-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-14">
<clipPath id="terminal-509154156-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-15">
<clipPath id="terminal-509154156-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-16">
<clipPath id="terminal-509154156-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-17">
<clipPath id="terminal-509154156-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-18">
<clipPath id="terminal-509154156-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-19">
<clipPath id="terminal-509154156-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-20">
<clipPath id="terminal-509154156-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-21">
<clipPath id="terminal-509154156-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-112858016-line-22">
<clipPath id="terminal-509154156-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-112858016-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Press&#160;ctrl&#160;+&#160;\&#160;and&#160;type&#160;a&#160;color</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-509154156-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Press&#160;ctrl&#160;+&#160;p&#160;and&#160;type&#160;a&#160;color</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-112858016-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-509154156-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="280.6" y="1.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="658.8" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="24.4" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="74.7" width="24.4" 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="#800000" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="24.4" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="97.6" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="195.2" y="123.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="24.4" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="147.9" width="24.4" 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="#800000" x="24.4" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#800000" x="24.4" y="196.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-112858016-matrix">
<text class="terminal-112858016-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-112858016-line-0)"></text><text class="terminal-112858016-r2" x="280.6" y="20" textLength="378.2" clip-path="url(#terminal-112858016-line-0)">Press&#160;ctrl&#160;+&#160;\&#160;and&#160;type&#160;a&#160;color</text><text class="terminal-112858016-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-112858016-line-0)">
</text><text class="terminal-112858016-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-112858016-line-1)">
</text><text class="terminal-112858016-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-112858016-line-2)">
</text><text class="terminal-112858016-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-112858016-line-3)">
</text><text class="terminal-112858016-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-112858016-line-4)">
</text><text class="terminal-112858016-r4" x="97.6" y="142" textLength="97.6" clip-path="url(#terminal-112858016-line-5)">ansi_red</text><text class="terminal-112858016-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-112858016-line-5)">
</text><text class="terminal-112858016-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-112858016-line-6)">
</text><text class="terminal-112858016-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-112858016-line-7)">
</text><text class="terminal-112858016-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-112858016-line-8)">
</text><text class="terminal-112858016-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-112858016-line-9)">
</text><text class="terminal-112858016-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-112858016-line-10)">
</text><text class="terminal-112858016-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-112858016-line-11)">
</text><text class="terminal-112858016-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-112858016-line-12)">
</text><text class="terminal-112858016-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-112858016-line-13)">
</text><text class="terminal-112858016-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-112858016-line-14)">
</text><text class="terminal-112858016-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-112858016-line-15)">
</text><text class="terminal-112858016-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-112858016-line-16)">
</text><text class="terminal-112858016-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-112858016-line-17)">
</text><text class="terminal-112858016-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-112858016-line-18)">
</text><text class="terminal-112858016-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-112858016-line-19)">
</text><text class="terminal-112858016-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-112858016-line-20)">
</text><text class="terminal-112858016-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-112858016-line-21)">
</text><text class="terminal-112858016-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-112858016-line-22)">
<g class="terminal-509154156-matrix">
<text class="terminal-509154156-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-509154156-line-0)"></text><text class="terminal-509154156-r2" x="280.6" y="20" textLength="378.2" clip-path="url(#terminal-509154156-line-0)">Press&#160;ctrl&#160;+&#160;p&#160;and&#160;type&#160;a&#160;color</text><text class="terminal-509154156-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-509154156-line-0)">
</text><text class="terminal-509154156-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-509154156-line-1)">
</text><text class="terminal-509154156-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-509154156-line-2)">
</text><text class="terminal-509154156-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-509154156-line-3)">
</text><text class="terminal-509154156-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-509154156-line-4)">
</text><text class="terminal-509154156-r4" x="97.6" y="142" textLength="97.6" clip-path="url(#terminal-509154156-line-5)">ansi_red</text><text class="terminal-509154156-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-509154156-line-5)">
</text><text class="terminal-509154156-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-509154156-line-6)">
</text><text class="terminal-509154156-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-509154156-line-7)">
</text><text class="terminal-509154156-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-509154156-line-8)">
</text><text class="terminal-509154156-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-509154156-line-9)">
</text><text class="terminal-509154156-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-509154156-line-10)">
</text><text class="terminal-509154156-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-509154156-line-11)">
</text><text class="terminal-509154156-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-509154156-line-12)">
</text><text class="terminal-509154156-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-509154156-line-13)">
</text><text class="terminal-509154156-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-509154156-line-14)">
</text><text class="terminal-509154156-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-509154156-line-15)">
</text><text class="terminal-509154156-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-509154156-line-16)">
</text><text class="terminal-509154156-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-509154156-line-17)">
</text><text class="terminal-509154156-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-509154156-line-18)">
</text><text class="terminal-509154156-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-509154156-line-19)">
</text><text class="terminal-509154156-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-509154156-line-20)">
</text><text class="terminal-509154156-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-509154156-line-21)">
</text><text class="terminal-509154156-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-509154156-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: 52 KiB

After

Width:  |  Height:  |  Size: 53 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: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-1181387857-matrix {
.terminal-4146871540-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1181387857-title {
.terminal-4146871540-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1181387857-r1 { fill: #e1e1e1 }
.terminal-1181387857-r2 { fill: #c5c8c6 }
.terminal-1181387857-r3 { fill: #dde8f3;font-weight: bold }
.terminal-1181387857-r4 { fill: #ddedf9 }
.terminal-4146871540-r1 { fill: #e1e1e1 }
.terminal-4146871540-r2 { fill: #c5c8c6 }
.terminal-4146871540-r3 { fill: #dde8f3;font-weight: bold }
.terminal-4146871540-r4 { fill: #ddedf9 }
</style>
<defs>
<clipPath id="terminal-1181387857-clip-terminal">
<clipPath id="terminal-4146871540-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1181387857-line-0">
<clipPath id="terminal-4146871540-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-1">
<clipPath id="terminal-4146871540-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-2">
<clipPath id="terminal-4146871540-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-3">
<clipPath id="terminal-4146871540-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-4">
<clipPath id="terminal-4146871540-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-5">
<clipPath id="terminal-4146871540-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-6">
<clipPath id="terminal-4146871540-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-7">
<clipPath id="terminal-4146871540-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-8">
<clipPath id="terminal-4146871540-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-9">
<clipPath id="terminal-4146871540-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-10">
<clipPath id="terminal-4146871540-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-11">
<clipPath id="terminal-4146871540-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-12">
<clipPath id="terminal-4146871540-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-13">
<clipPath id="terminal-4146871540-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-14">
<clipPath id="terminal-4146871540-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-15">
<clipPath id="terminal-4146871540-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-16">
<clipPath id="terminal-4146871540-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-17">
<clipPath id="terminal-4146871540-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-18">
<clipPath id="terminal-4146871540-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-19">
<clipPath id="terminal-4146871540-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-20">
<clipPath id="terminal-4146871540-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-21">
<clipPath id="terminal-4146871540-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1181387857-line-22">
<clipPath id="terminal-4146871540-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-1181387857-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</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-4146871540-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</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-1181387857-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="0" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="317.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="414.8" y="562.7" width="561.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1181387857-matrix">
<text class="terminal-1181387857-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1181387857-line-0)">
</text><text class="terminal-1181387857-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1181387857-line-1)">
</text><text class="terminal-1181387857-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1181387857-line-2)">
</text><text class="terminal-1181387857-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1181387857-line-3)">
</text><text class="terminal-1181387857-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1181387857-line-4)">
</text><text class="terminal-1181387857-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1181387857-line-5)">
</text><text class="terminal-1181387857-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1181387857-line-6)">
</text><text class="terminal-1181387857-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1181387857-line-7)">
</text><text class="terminal-1181387857-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1181387857-line-8)">
</text><text class="terminal-1181387857-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1181387857-line-9)">
</text><text class="terminal-1181387857-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1181387857-line-10)">
</text><text class="terminal-1181387857-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1181387857-line-11)">
</text><text class="terminal-1181387857-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1181387857-line-12)">
</text><text class="terminal-1181387857-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1181387857-line-13)">
</text><text class="terminal-1181387857-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1181387857-line-14)">
</text><text class="terminal-1181387857-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1181387857-line-15)">
</text><text class="terminal-1181387857-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1181387857-line-16)">
</text><text class="terminal-1181387857-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1181387857-line-17)">
</text><text class="terminal-1181387857-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1181387857-line-18)">
</text><text class="terminal-1181387857-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1181387857-line-19)">
</text><text class="terminal-1181387857-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1181387857-line-20)">
</text><text class="terminal-1181387857-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1181387857-line-21)">
</text><text class="terminal-1181387857-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1181387857-line-22)">
</text><text class="terminal-1181387857-r3" x="0" y="581.2" textLength="97.6" clip-path="url(#terminal-1181387857-line-23)">&#160;CTRL+T&#160;</text><text class="terminal-1181387857-r4" x="97.6" y="581.2" textLength="219.6" clip-path="url(#terminal-1181387857-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-1181387857-r3" x="317.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1181387857-line-23)">&#160;CTRL+Q&#160;</text><text class="terminal-1181387857-r4" x="414.8" y="581.2" textLength="561.2" clip-path="url(#terminal-1181387857-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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>
<g transform="translate(9, 41)" clip-path="url(#terminal-4146871540-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="0" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="317.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="414.8" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="915" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="927.2" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4146871540-matrix">
<text class="terminal-4146871540-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4146871540-line-0)">
</text><text class="terminal-4146871540-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4146871540-line-1)">
</text><text class="terminal-4146871540-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4146871540-line-2)">
</text><text class="terminal-4146871540-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4146871540-line-3)">
</text><text class="terminal-4146871540-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4146871540-line-4)">
</text><text class="terminal-4146871540-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4146871540-line-5)">
</text><text class="terminal-4146871540-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4146871540-line-6)">
</text><text class="terminal-4146871540-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4146871540-line-7)">
</text><text class="terminal-4146871540-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4146871540-line-8)">
</text><text class="terminal-4146871540-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4146871540-line-9)">
</text><text class="terminal-4146871540-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4146871540-line-10)">
</text><text class="terminal-4146871540-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4146871540-line-11)">
</text><text class="terminal-4146871540-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4146871540-line-12)">
</text><text class="terminal-4146871540-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4146871540-line-13)">
</text><text class="terminal-4146871540-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4146871540-line-14)">
</text><text class="terminal-4146871540-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4146871540-line-15)">
</text><text class="terminal-4146871540-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4146871540-line-16)">
</text><text class="terminal-4146871540-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4146871540-line-17)">
</text><text class="terminal-4146871540-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4146871540-line-18)">
</text><text class="terminal-4146871540-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4146871540-line-19)">
</text><text class="terminal-4146871540-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4146871540-line-20)">
</text><text class="terminal-4146871540-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4146871540-line-21)">
</text><text class="terminal-4146871540-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4146871540-line-22)">
</text><text class="terminal-4146871540-r3" x="0" y="581.2" textLength="97.6" clip-path="url(#terminal-4146871540-line-23)">&#160;CTRL+T&#160;</text><text class="terminal-4146871540-r4" x="97.6" y="581.2" textLength="219.6" clip-path="url(#terminal-4146871540-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-4146871540-r3" x="317.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4146871540-line-23)">&#160;CTRL+Q&#160;</text><text class="terminal-4146871540-r4" x="414.8" y="581.2" textLength="500.2" clip-path="url(#terminal-4146871540-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-4146871540-r3" x="927.2" y="581.2" textLength="24.4" clip-path="url(#terminal-4146871540-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-887428526-matrix {
.terminal-270583130-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-887428526-title {
.terminal-270583130-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-887428526-r1 { fill: #e1e1e1 }
.terminal-887428526-r2 { fill: #c5c8c6 }
.terminal-887428526-r3 { fill: #fea62b;font-weight: bold }
.terminal-887428526-r4 { fill: #a7a9ab }
.terminal-887428526-r5 { fill: #e2e3e3 }
.terminal-270583130-r1 { fill: #e1e1e1 }
.terminal-270583130-r2 { fill: #c5c8c6 }
.terminal-270583130-r3 { fill: #fea62b;font-weight: bold }
.terminal-270583130-r4 { fill: #a7a9ab }
.terminal-270583130-r5 { fill: #e2e3e3 }
.terminal-270583130-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-887428526-clip-terminal">
<clipPath id="terminal-270583130-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-887428526-line-0">
<clipPath id="terminal-270583130-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-1">
<clipPath id="terminal-270583130-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-2">
<clipPath id="terminal-270583130-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-3">
<clipPath id="terminal-270583130-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-4">
<clipPath id="terminal-270583130-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-5">
<clipPath id="terminal-270583130-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-6">
<clipPath id="terminal-270583130-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-7">
<clipPath id="terminal-270583130-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-8">
<clipPath id="terminal-270583130-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-9">
<clipPath id="terminal-270583130-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-10">
<clipPath id="terminal-270583130-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-11">
<clipPath id="terminal-270583130-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-12">
<clipPath id="terminal-270583130-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-13">
<clipPath id="terminal-270583130-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-14">
<clipPath id="terminal-270583130-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-15">
<clipPath id="terminal-270583130-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-16">
<clipPath id="terminal-270583130-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-17">
<clipPath id="terminal-270583130-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-18">
<clipPath id="terminal-270583130-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-19">
<clipPath id="terminal-270583130-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-20">
<clipPath id="terminal-270583130-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-21">
<clipPath id="terminal-270583130-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-887428526-line-22">
<clipPath id="terminal-270583130-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-887428526-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-270583130-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-887428526-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="585.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-887428526-matrix">
<text class="terminal-887428526-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-887428526-line-0)">
</text><text class="terminal-887428526-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-887428526-line-1)">
</text><text class="terminal-887428526-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-887428526-line-2)">
</text><text class="terminal-887428526-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-887428526-line-3)">
</text><text class="terminal-887428526-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-887428526-line-4)">
</text><text class="terminal-887428526-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-887428526-line-5)">
</text><text class="terminal-887428526-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-887428526-line-6)">
</text><text class="terminal-887428526-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-887428526-line-7)">
</text><text class="terminal-887428526-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-887428526-line-8)">
</text><text class="terminal-887428526-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-887428526-line-9)">
</text><text class="terminal-887428526-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-887428526-line-10)">
</text><text class="terminal-887428526-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-887428526-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-887428526-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-887428526-line-11)">
</text><text class="terminal-887428526-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-887428526-line-12)">
</text><text class="terminal-887428526-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-887428526-line-13)">
</text><text class="terminal-887428526-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-887428526-line-14)">
</text><text class="terminal-887428526-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-887428526-line-15)">
</text><text class="terminal-887428526-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-887428526-line-16)">
</text><text class="terminal-887428526-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-887428526-line-17)">
</text><text class="terminal-887428526-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-887428526-line-18)">
</text><text class="terminal-887428526-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-887428526-line-19)">
</text><text class="terminal-887428526-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-887428526-line-20)">
</text><text class="terminal-887428526-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-887428526-line-21)">
</text><text class="terminal-887428526-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-887428526-line-22)">
</text><text class="terminal-887428526-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-887428526-line-23)">^t</text><text class="terminal-887428526-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-887428526-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-887428526-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-887428526-line-23)">^q</text><text class="terminal-887428526-r4" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-887428526-line-23)">&#160;Quit</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-270583130-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-270583130-matrix">
<text class="terminal-270583130-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-270583130-line-0)">
</text><text class="terminal-270583130-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-270583130-line-1)">
</text><text class="terminal-270583130-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-270583130-line-2)">
</text><text class="terminal-270583130-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-270583130-line-3)">
</text><text class="terminal-270583130-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-270583130-line-4)">
</text><text class="terminal-270583130-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-270583130-line-5)">
</text><text class="terminal-270583130-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-270583130-line-6)">
</text><text class="terminal-270583130-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-270583130-line-7)">
</text><text class="terminal-270583130-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-270583130-line-8)">
</text><text class="terminal-270583130-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-270583130-line-9)">
</text><text class="terminal-270583130-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-270583130-line-10)">
</text><text class="terminal-270583130-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-270583130-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-270583130-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-270583130-line-11)">
</text><text class="terminal-270583130-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-270583130-line-12)">
</text><text class="terminal-270583130-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-270583130-line-13)">
</text><text class="terminal-270583130-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-270583130-line-14)">
</text><text class="terminal-270583130-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-270583130-line-15)">
</text><text class="terminal-270583130-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-270583130-line-16)">
</text><text class="terminal-270583130-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-270583130-line-17)">
</text><text class="terminal-270583130-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-270583130-line-18)">
</text><text class="terminal-270583130-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-270583130-line-19)">
</text><text class="terminal-270583130-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-270583130-line-20)">
</text><text class="terminal-270583130-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-270583130-line-21)">
</text><text class="terminal-270583130-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-270583130-line-22)">
</text><text class="terminal-270583130-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-270583130-line-23)">^t</text><text class="terminal-270583130-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-270583130-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-270583130-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-270583130-line-23)">^q</text><text class="terminal-270583130-r4" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-270583130-line-23)">&#160;Quit</text><text class="terminal-270583130-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-270583130-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,136 +19,137 @@
font-weight: 700;
}
.terminal-1809519879-matrix {
.terminal-3804939443-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1809519879-title {
.terminal-3804939443-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1809519879-r1 { fill: #e1e1e1 }
.terminal-1809519879-r2 { fill: #c5c8c6 }
.terminal-1809519879-r3 { fill: #fea62b;font-weight: bold }
.terminal-1809519879-r4 { fill: #dddedf }
.terminal-1809519879-r5 { fill: #e2e3e3 }
.terminal-1809519879-r6 { fill: #a7a9ab }
.terminal-3804939443-r1 { fill: #e1e1e1 }
.terminal-3804939443-r2 { fill: #c5c8c6 }
.terminal-3804939443-r3 { fill: #fea62b;font-weight: bold }
.terminal-3804939443-r4 { fill: #dddedf }
.terminal-3804939443-r5 { fill: #e2e3e3 }
.terminal-3804939443-r6 { fill: #a7a9ab }
.terminal-3804939443-r7 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-1809519879-clip-terminal">
<clipPath id="terminal-3804939443-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1809519879-line-0">
<clipPath id="terminal-3804939443-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-1">
<clipPath id="terminal-3804939443-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-2">
<clipPath id="terminal-3804939443-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-3">
<clipPath id="terminal-3804939443-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-4">
<clipPath id="terminal-3804939443-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-5">
<clipPath id="terminal-3804939443-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-6">
<clipPath id="terminal-3804939443-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-7">
<clipPath id="terminal-3804939443-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-8">
<clipPath id="terminal-3804939443-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-9">
<clipPath id="terminal-3804939443-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-10">
<clipPath id="terminal-3804939443-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-11">
<clipPath id="terminal-3804939443-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-12">
<clipPath id="terminal-3804939443-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-13">
<clipPath id="terminal-3804939443-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-14">
<clipPath id="terminal-3804939443-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-15">
<clipPath id="terminal-3804939443-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-16">
<clipPath id="terminal-3804939443-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-17">
<clipPath id="terminal-3804939443-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-18">
<clipPath id="terminal-3804939443-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-19">
<clipPath id="terminal-3804939443-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-20">
<clipPath id="terminal-3804939443-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-21">
<clipPath id="terminal-3804939443-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1809519879-line-22">
<clipPath id="terminal-3804939443-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-1809519879-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-3804939443-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-1809519879-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="585.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1809519879-matrix">
<text class="terminal-1809519879-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1809519879-line-0)">
</text><text class="terminal-1809519879-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1809519879-line-1)">
</text><text class="terminal-1809519879-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1809519879-line-2)">
</text><text class="terminal-1809519879-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1809519879-line-3)">
</text><text class="terminal-1809519879-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1809519879-line-4)">
</text><text class="terminal-1809519879-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1809519879-line-5)">
</text><text class="terminal-1809519879-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1809519879-line-6)">
</text><text class="terminal-1809519879-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1809519879-line-7)">
</text><text class="terminal-1809519879-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1809519879-line-8)">
</text><text class="terminal-1809519879-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1809519879-line-9)">
</text><text class="terminal-1809519879-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1809519879-line-10)">
</text><text class="terminal-1809519879-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-1809519879-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-1809519879-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1809519879-line-11)">
</text><text class="terminal-1809519879-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1809519879-line-12)">
</text><text class="terminal-1809519879-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1809519879-line-13)">
</text><text class="terminal-1809519879-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1809519879-line-14)">
</text><text class="terminal-1809519879-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1809519879-line-15)">
</text><text class="terminal-1809519879-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1809519879-line-16)">
</text><text class="terminal-1809519879-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1809519879-line-17)">
</text><text class="terminal-1809519879-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1809519879-line-18)">
</text><text class="terminal-1809519879-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1809519879-line-19)">
</text><text class="terminal-1809519879-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1809519879-line-20)">
</text><text class="terminal-1809519879-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1809519879-line-21)">
</text><text class="terminal-1809519879-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1809519879-line-22)">
</text><text class="terminal-1809519879-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-1809519879-line-23)">^t</text><text class="terminal-1809519879-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-1809519879-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-1809519879-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-1809519879-line-23)">^q</text><text class="terminal-1809519879-r6" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-1809519879-line-23)">&#160;Quit</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3804939443-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3804939443-matrix">
<text class="terminal-3804939443-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3804939443-line-0)">
</text><text class="terminal-3804939443-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3804939443-line-1)">
</text><text class="terminal-3804939443-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3804939443-line-2)">
</text><text class="terminal-3804939443-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3804939443-line-3)">
</text><text class="terminal-3804939443-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3804939443-line-4)">
</text><text class="terminal-3804939443-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3804939443-line-5)">
</text><text class="terminal-3804939443-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3804939443-line-6)">
</text><text class="terminal-3804939443-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3804939443-line-7)">
</text><text class="terminal-3804939443-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3804939443-line-8)">
</text><text class="terminal-3804939443-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3804939443-line-9)">
</text><text class="terminal-3804939443-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3804939443-line-10)">
</text><text class="terminal-3804939443-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3804939443-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-3804939443-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3804939443-line-11)">
</text><text class="terminal-3804939443-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3804939443-line-12)">
</text><text class="terminal-3804939443-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3804939443-line-13)">
</text><text class="terminal-3804939443-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3804939443-line-14)">
</text><text class="terminal-3804939443-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3804939443-line-15)">
</text><text class="terminal-3804939443-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3804939443-line-16)">
</text><text class="terminal-3804939443-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3804939443-line-17)">
</text><text class="terminal-3804939443-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3804939443-line-18)">
</text><text class="terminal-3804939443-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3804939443-line-19)">
</text><text class="terminal-3804939443-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3804939443-line-20)">
</text><text class="terminal-3804939443-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3804939443-line-21)">
</text><text class="terminal-3804939443-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3804939443-line-22)">
</text><text class="terminal-3804939443-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-3804939443-line-23)">^t</text><text class="terminal-3804939443-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-3804939443-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-3804939443-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-3804939443-line-23)">^q</text><text class="terminal-3804939443-r6" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-3804939443-line-23)">&#160;Quit</text><text class="terminal-3804939443-r7" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3804939443-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-3923597780-matrix {
.terminal-1015417231-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3923597780-title {
.terminal-1015417231-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3923597780-r1 { fill: #e1e1e1 }
.terminal-3923597780-r2 { fill: #c5c8c6 }
.terminal-3923597780-r3 { fill: #fea62b;font-weight: bold }
.terminal-3923597780-r4 { fill: #a7a9ab }
.terminal-3923597780-r5 { fill: #e2e3e3 }
.terminal-1015417231-r1 { fill: #e1e1e1 }
.terminal-1015417231-r2 { fill: #c5c8c6 }
.terminal-1015417231-r3 { fill: #fea62b;font-weight: bold }
.terminal-1015417231-r4 { fill: #a7a9ab }
.terminal-1015417231-r5 { fill: #e2e3e3 }
.terminal-1015417231-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3923597780-clip-terminal">
<clipPath id="terminal-1015417231-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3923597780-line-0">
<clipPath id="terminal-1015417231-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-1">
<clipPath id="terminal-1015417231-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-2">
<clipPath id="terminal-1015417231-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-3">
<clipPath id="terminal-1015417231-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-4">
<clipPath id="terminal-1015417231-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-5">
<clipPath id="terminal-1015417231-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-6">
<clipPath id="terminal-1015417231-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-7">
<clipPath id="terminal-1015417231-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-8">
<clipPath id="terminal-1015417231-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-9">
<clipPath id="terminal-1015417231-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-10">
<clipPath id="terminal-1015417231-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-11">
<clipPath id="terminal-1015417231-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-12">
<clipPath id="terminal-1015417231-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-13">
<clipPath id="terminal-1015417231-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-14">
<clipPath id="terminal-1015417231-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-15">
<clipPath id="terminal-1015417231-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-16">
<clipPath id="terminal-1015417231-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-17">
<clipPath id="terminal-1015417231-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-18">
<clipPath id="terminal-1015417231-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-19">
<clipPath id="terminal-1015417231-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-20">
<clipPath id="terminal-1015417231-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-21">
<clipPath id="terminal-1015417231-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3923597780-line-22">
<clipPath id="terminal-1015417231-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-3923597780-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FooterApp</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-1015417231-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FooterApp</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-3923597780-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="744.2" y="562.7" width="231.8" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3923597780-matrix">
<text class="terminal-3923597780-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3923597780-line-0)">
</text><text class="terminal-3923597780-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3923597780-line-1)">
</text><text class="terminal-3923597780-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3923597780-line-2)">
</text><text class="terminal-3923597780-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3923597780-line-3)">
</text><text class="terminal-3923597780-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3923597780-line-4)">
</text><text class="terminal-3923597780-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3923597780-line-5)">
</text><text class="terminal-3923597780-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3923597780-line-6)">
</text><text class="terminal-3923597780-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3923597780-line-7)">
</text><text class="terminal-3923597780-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3923597780-line-8)">
</text><text class="terminal-3923597780-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3923597780-line-9)">
</text><text class="terminal-3923597780-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3923597780-line-10)">
</text><text class="terminal-3923597780-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3923597780-line-11)">
</text><text class="terminal-3923597780-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3923597780-line-12)">
</text><text class="terminal-3923597780-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3923597780-line-13)">
</text><text class="terminal-3923597780-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3923597780-line-14)">
</text><text class="terminal-3923597780-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3923597780-line-15)">
</text><text class="terminal-3923597780-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3923597780-line-16)">
</text><text class="terminal-3923597780-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3923597780-line-17)">
</text><text class="terminal-3923597780-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3923597780-line-18)">
</text><text class="terminal-3923597780-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3923597780-line-19)">
</text><text class="terminal-3923597780-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3923597780-line-20)">
</text><text class="terminal-3923597780-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3923597780-line-21)">
</text><text class="terminal-3923597780-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3923597780-line-22)">
</text><text class="terminal-3923597780-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3923597780-line-23)">&#160;q&#160;</text><text class="terminal-3923597780-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3923597780-line-23)">Quit&#160;the&#160;app&#160;</text><text class="terminal-3923597780-r3" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3923597780-line-23)">&#160;?&#160;</text><text class="terminal-3923597780-r4" x="231.8" y="581.2" textLength="207.4" clip-path="url(#terminal-3923597780-line-23)">Show&#160;help&#160;screen&#160;</text><text class="terminal-3923597780-r3" x="439.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3923597780-line-23)">&#160;delete&#160;</text><text class="terminal-3923597780-r4" x="536.8" y="581.2" textLength="207.4" clip-path="url(#terminal-3923597780-line-23)">Delete&#160;the&#160;thing&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1015417231-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="744.2" y="562.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1015417231-matrix">
<text class="terminal-1015417231-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1015417231-line-0)">
</text><text class="terminal-1015417231-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1015417231-line-1)">
</text><text class="terminal-1015417231-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1015417231-line-2)">
</text><text class="terminal-1015417231-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1015417231-line-3)">
</text><text class="terminal-1015417231-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1015417231-line-4)">
</text><text class="terminal-1015417231-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1015417231-line-5)">
</text><text class="terminal-1015417231-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1015417231-line-6)">
</text><text class="terminal-1015417231-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1015417231-line-7)">
</text><text class="terminal-1015417231-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1015417231-line-8)">
</text><text class="terminal-1015417231-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1015417231-line-9)">
</text><text class="terminal-1015417231-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1015417231-line-10)">
</text><text class="terminal-1015417231-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1015417231-line-11)">
</text><text class="terminal-1015417231-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1015417231-line-12)">
</text><text class="terminal-1015417231-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1015417231-line-13)">
</text><text class="terminal-1015417231-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1015417231-line-14)">
</text><text class="terminal-1015417231-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1015417231-line-15)">
</text><text class="terminal-1015417231-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1015417231-line-16)">
</text><text class="terminal-1015417231-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1015417231-line-17)">
</text><text class="terminal-1015417231-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1015417231-line-18)">
</text><text class="terminal-1015417231-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1015417231-line-19)">
</text><text class="terminal-1015417231-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1015417231-line-20)">
</text><text class="terminal-1015417231-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1015417231-line-21)">
</text><text class="terminal-1015417231-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1015417231-line-22)">
</text><text class="terminal-1015417231-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1015417231-line-23)">&#160;q&#160;</text><text class="terminal-1015417231-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-1015417231-line-23)">Quit&#160;the&#160;app&#160;</text><text class="terminal-1015417231-r3" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1015417231-line-23)">&#160;?&#160;</text><text class="terminal-1015417231-r4" x="231.8" y="581.2" textLength="207.4" clip-path="url(#terminal-1015417231-line-23)">Show&#160;help&#160;screen&#160;</text><text class="terminal-1015417231-r3" x="439.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1015417231-line-23)">&#160;delete&#160;</text><text class="terminal-1015417231-r4" x="536.8" y="581.2" textLength="207.4" clip-path="url(#terminal-1015417231-line-23)">Delete&#160;the&#160;thing&#160;</text><text class="terminal-1015417231-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1015417231-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-3950236293-matrix {
.terminal-2698609216-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3950236293-title {
.terminal-2698609216-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3950236293-r1 { fill: #e1e1e1 }
.terminal-3950236293-r2 { fill: #c5c8c6 }
.terminal-3950236293-r3 { fill: #fea62b;font-weight: bold }
.terminal-3950236293-r4 { fill: #a7a9ab }
.terminal-3950236293-r5 { fill: #e2e3e3 }
.terminal-2698609216-r1 { fill: #e1e1e1 }
.terminal-2698609216-r2 { fill: #c5c8c6 }
.terminal-2698609216-r3 { fill: #fea62b;font-weight: bold }
.terminal-2698609216-r4 { fill: #a7a9ab }
.terminal-2698609216-r5 { fill: #e2e3e3 }
.terminal-2698609216-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3950236293-clip-terminal">
<clipPath id="terminal-2698609216-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3950236293-line-0">
<clipPath id="terminal-2698609216-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-1">
<clipPath id="terminal-2698609216-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-2">
<clipPath id="terminal-2698609216-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-3">
<clipPath id="terminal-2698609216-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-4">
<clipPath id="terminal-2698609216-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-5">
<clipPath id="terminal-2698609216-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-6">
<clipPath id="terminal-2698609216-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-7">
<clipPath id="terminal-2698609216-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-8">
<clipPath id="terminal-2698609216-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-9">
<clipPath id="terminal-2698609216-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-10">
<clipPath id="terminal-2698609216-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-11">
<clipPath id="terminal-2698609216-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-12">
<clipPath id="terminal-2698609216-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-13">
<clipPath id="terminal-2698609216-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-14">
<clipPath id="terminal-2698609216-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-15">
<clipPath id="terminal-2698609216-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-16">
<clipPath id="terminal-2698609216-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-17">
<clipPath id="terminal-2698609216-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-18">
<clipPath id="terminal-2698609216-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-19">
<clipPath id="terminal-2698609216-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-20">
<clipPath id="terminal-2698609216-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-21">
<clipPath id="terminal-2698609216-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3950236293-line-22">
<clipPath id="terminal-2698609216-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-3950236293-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-2698609216-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-3950236293-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="549" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3950236293-matrix">
<text class="terminal-3950236293-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3950236293-line-0)">
</text><text class="terminal-3950236293-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3950236293-line-1)">
</text><text class="terminal-3950236293-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3950236293-line-2)">
</text><text class="terminal-3950236293-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3950236293-line-3)">
</text><text class="terminal-3950236293-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3950236293-line-4)">
</text><text class="terminal-3950236293-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3950236293-line-5)">
</text><text class="terminal-3950236293-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3950236293-line-6)">
</text><text class="terminal-3950236293-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3950236293-line-7)">
</text><text class="terminal-3950236293-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3950236293-line-8)">
</text><text class="terminal-3950236293-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3950236293-line-9)">
</text><text class="terminal-3950236293-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3950236293-line-10)">
</text><text class="terminal-3950236293-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3950236293-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-3950236293-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3950236293-line-11)">
</text><text class="terminal-3950236293-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3950236293-line-12)">
</text><text class="terminal-3950236293-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3950236293-line-13)">
</text><text class="terminal-3950236293-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3950236293-line-14)">
</text><text class="terminal-3950236293-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3950236293-line-15)">
</text><text class="terminal-3950236293-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3950236293-line-16)">
</text><text class="terminal-3950236293-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3950236293-line-17)">
</text><text class="terminal-3950236293-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3950236293-line-18)">
</text><text class="terminal-3950236293-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3950236293-line-19)">
</text><text class="terminal-3950236293-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3950236293-line-20)">
</text><text class="terminal-3950236293-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3950236293-line-21)">
</text><text class="terminal-3950236293-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3950236293-line-22)">
</text><text class="terminal-3950236293-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-3950236293-line-23)">&#160;^t&#160;</text><text class="terminal-3950236293-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-3950236293-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-3950236293-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-3950236293-line-23)">&#160;^q&#160;</text><text class="terminal-3950236293-r4" x="366" y="581.2" textLength="61" clip-path="url(#terminal-3950236293-line-23)">Quit&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2698609216-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2698609216-matrix">
<text class="terminal-2698609216-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2698609216-line-0)">
</text><text class="terminal-2698609216-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2698609216-line-1)">
</text><text class="terminal-2698609216-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2698609216-line-2)">
</text><text class="terminal-2698609216-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2698609216-line-3)">
</text><text class="terminal-2698609216-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2698609216-line-4)">
</text><text class="terminal-2698609216-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2698609216-line-5)">
</text><text class="terminal-2698609216-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2698609216-line-6)">
</text><text class="terminal-2698609216-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2698609216-line-7)">
</text><text class="terminal-2698609216-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2698609216-line-8)">
</text><text class="terminal-2698609216-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2698609216-line-9)">
</text><text class="terminal-2698609216-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2698609216-line-10)">
</text><text class="terminal-2698609216-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2698609216-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2698609216-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2698609216-line-11)">
</text><text class="terminal-2698609216-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2698609216-line-12)">
</text><text class="terminal-2698609216-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2698609216-line-13)">
</text><text class="terminal-2698609216-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2698609216-line-14)">
</text><text class="terminal-2698609216-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2698609216-line-15)">
</text><text class="terminal-2698609216-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2698609216-line-16)">
</text><text class="terminal-2698609216-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2698609216-line-17)">
</text><text class="terminal-2698609216-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2698609216-line-18)">
</text><text class="terminal-2698609216-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2698609216-line-19)">
</text><text class="terminal-2698609216-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2698609216-line-20)">
</text><text class="terminal-2698609216-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2698609216-line-21)">
</text><text class="terminal-2698609216-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2698609216-line-22)">
</text><text class="terminal-2698609216-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-2698609216-line-23)">&#160;^t&#160;</text><text class="terminal-2698609216-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-2698609216-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-2698609216-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-2698609216-line-23)">&#160;^q&#160;</text><text class="terminal-2698609216-r4" x="366" y="581.2" textLength="61" clip-path="url(#terminal-2698609216-line-23)">Quit&#160;</text><text class="terminal-2698609216-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2698609216-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,136 +19,137 @@
font-weight: 700;
}
.terminal-2873348574-matrix {
.terminal-4233986457-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2873348574-title {
.terminal-4233986457-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2873348574-r1 { fill: #e1e1e1 }
.terminal-2873348574-r2 { fill: #c5c8c6 }
.terminal-2873348574-r3 { fill: #fea62b;font-weight: bold }
.terminal-2873348574-r4 { fill: #dddedf }
.terminal-2873348574-r5 { fill: #a7a9ab }
.terminal-2873348574-r6 { fill: #e2e3e3 }
.terminal-4233986457-r1 { fill: #e1e1e1 }
.terminal-4233986457-r2 { fill: #c5c8c6 }
.terminal-4233986457-r3 { fill: #fea62b;font-weight: bold }
.terminal-4233986457-r4 { fill: #dddedf }
.terminal-4233986457-r5 { fill: #a7a9ab }
.terminal-4233986457-r6 { fill: #e2e3e3 }
.terminal-4233986457-r7 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2873348574-clip-terminal">
<clipPath id="terminal-4233986457-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2873348574-line-0">
<clipPath id="terminal-4233986457-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-1">
<clipPath id="terminal-4233986457-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-2">
<clipPath id="terminal-4233986457-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-3">
<clipPath id="terminal-4233986457-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-4">
<clipPath id="terminal-4233986457-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-5">
<clipPath id="terminal-4233986457-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-6">
<clipPath id="terminal-4233986457-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-7">
<clipPath id="terminal-4233986457-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-8">
<clipPath id="terminal-4233986457-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-9">
<clipPath id="terminal-4233986457-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-10">
<clipPath id="terminal-4233986457-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-11">
<clipPath id="terminal-4233986457-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-12">
<clipPath id="terminal-4233986457-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-13">
<clipPath id="terminal-4233986457-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-14">
<clipPath id="terminal-4233986457-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-15">
<clipPath id="terminal-4233986457-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-16">
<clipPath id="terminal-4233986457-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-17">
<clipPath id="terminal-4233986457-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-18">
<clipPath id="terminal-4233986457-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-19">
<clipPath id="terminal-4233986457-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-20">
<clipPath id="terminal-4233986457-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-21">
<clipPath id="terminal-4233986457-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2873348574-line-22">
<clipPath id="terminal-4233986457-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-2873348574-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-4233986457-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</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-2873348574-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="549" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2873348574-matrix">
<text class="terminal-2873348574-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2873348574-line-0)">
</text><text class="terminal-2873348574-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2873348574-line-1)">
</text><text class="terminal-2873348574-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2873348574-line-2)">
</text><text class="terminal-2873348574-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2873348574-line-3)">
</text><text class="terminal-2873348574-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2873348574-line-4)">
</text><text class="terminal-2873348574-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2873348574-line-5)">
</text><text class="terminal-2873348574-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2873348574-line-6)">
</text><text class="terminal-2873348574-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2873348574-line-7)">
</text><text class="terminal-2873348574-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2873348574-line-8)">
</text><text class="terminal-2873348574-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2873348574-line-9)">
</text><text class="terminal-2873348574-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2873348574-line-10)">
</text><text class="terminal-2873348574-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2873348574-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2873348574-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2873348574-line-11)">
</text><text class="terminal-2873348574-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2873348574-line-12)">
</text><text class="terminal-2873348574-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2873348574-line-13)">
</text><text class="terminal-2873348574-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2873348574-line-14)">
</text><text class="terminal-2873348574-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2873348574-line-15)">
</text><text class="terminal-2873348574-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2873348574-line-16)">
</text><text class="terminal-2873348574-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2873348574-line-17)">
</text><text class="terminal-2873348574-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2873348574-line-18)">
</text><text class="terminal-2873348574-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2873348574-line-19)">
</text><text class="terminal-2873348574-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2873348574-line-20)">
</text><text class="terminal-2873348574-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2873348574-line-21)">
</text><text class="terminal-2873348574-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2873348574-line-22)">
</text><text class="terminal-2873348574-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-2873348574-line-23)">&#160;^t&#160;</text><text class="terminal-2873348574-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-2873348574-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-2873348574-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-2873348574-line-23)">&#160;^q&#160;</text><text class="terminal-2873348574-r5" x="366" y="581.2" textLength="61" clip-path="url(#terminal-2873348574-line-23)">Quit&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-4233986457-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4233986457-matrix">
<text class="terminal-4233986457-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4233986457-line-0)">
</text><text class="terminal-4233986457-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4233986457-line-1)">
</text><text class="terminal-4233986457-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4233986457-line-2)">
</text><text class="terminal-4233986457-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4233986457-line-3)">
</text><text class="terminal-4233986457-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4233986457-line-4)">
</text><text class="terminal-4233986457-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4233986457-line-5)">
</text><text class="terminal-4233986457-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4233986457-line-6)">
</text><text class="terminal-4233986457-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4233986457-line-7)">
</text><text class="terminal-4233986457-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4233986457-line-8)">
</text><text class="terminal-4233986457-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4233986457-line-9)">
</text><text class="terminal-4233986457-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4233986457-line-10)">
</text><text class="terminal-4233986457-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-4233986457-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-4233986457-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4233986457-line-11)">
</text><text class="terminal-4233986457-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4233986457-line-12)">
</text><text class="terminal-4233986457-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4233986457-line-13)">
</text><text class="terminal-4233986457-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4233986457-line-14)">
</text><text class="terminal-4233986457-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4233986457-line-15)">
</text><text class="terminal-4233986457-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4233986457-line-16)">
</text><text class="terminal-4233986457-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4233986457-line-17)">
</text><text class="terminal-4233986457-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4233986457-line-18)">
</text><text class="terminal-4233986457-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4233986457-line-19)">
</text><text class="terminal-4233986457-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4233986457-line-20)">
</text><text class="terminal-4233986457-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4233986457-line-21)">
</text><text class="terminal-4233986457-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4233986457-line-22)">
</text><text class="terminal-4233986457-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-4233986457-line-23)">&#160;^t&#160;</text><text class="terminal-4233986457-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-4233986457-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-4233986457-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-4233986457-line-23)">&#160;^q&#160;</text><text class="terminal-4233986457-r5" x="366" y="581.2" textLength="61" clip-path="url(#terminal-4233986457-line-23)">Quit&#160;</text><text class="terminal-4233986457-r7" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-4233986457-line-23)">^p</text>
</g>
</g>
</svg>

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: 35 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-1780802408-matrix {
.terminal-2770440995-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1780802408-title {
.terminal-2770440995-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1780802408-r1 { fill: #e1e1e1 }
.terminal-1780802408-r2 { fill: #c5c8c6 }
.terminal-1780802408-r3 { fill: #fea62b;font-weight: bold }
.terminal-1780802408-r4 { fill: #a7a9ab }
.terminal-1780802408-r5 { fill: #e2e3e3 }
.terminal-2770440995-r1 { fill: #e1e1e1 }
.terminal-2770440995-r2 { fill: #c5c8c6 }
.terminal-2770440995-r3 { fill: #fea62b;font-weight: bold }
.terminal-2770440995-r4 { fill: #a7a9ab }
.terminal-2770440995-r5 { fill: #e2e3e3 }
.terminal-2770440995-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-1780802408-clip-terminal">
<clipPath id="terminal-2770440995-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1780802408-line-0">
<clipPath id="terminal-2770440995-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-1">
<clipPath id="terminal-2770440995-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-2">
<clipPath id="terminal-2770440995-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-3">
<clipPath id="terminal-2770440995-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-4">
<clipPath id="terminal-2770440995-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-5">
<clipPath id="terminal-2770440995-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-6">
<clipPath id="terminal-2770440995-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-7">
<clipPath id="terminal-2770440995-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-8">
<clipPath id="terminal-2770440995-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-9">
<clipPath id="terminal-2770440995-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-10">
<clipPath id="terminal-2770440995-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-11">
<clipPath id="terminal-2770440995-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-12">
<clipPath id="terminal-2770440995-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-13">
<clipPath id="terminal-2770440995-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-14">
<clipPath id="terminal-2770440995-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-15">
<clipPath id="terminal-2770440995-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-16">
<clipPath id="terminal-2770440995-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-17">
<clipPath id="terminal-2770440995-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-18">
<clipPath id="terminal-2770440995-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-19">
<clipPath id="terminal-2770440995-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-20">
<clipPath id="terminal-2770440995-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-21">
<clipPath id="terminal-2770440995-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1780802408-line-22">
<clipPath id="terminal-2770440995-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-1780802408-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</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-2770440995-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</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-1780802408-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="500.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="646.6" y="562.7" width="329.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1780802408-matrix">
<text class="terminal-1780802408-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1780802408-line-0)">
</text><text class="terminal-1780802408-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1780802408-line-1)">
</text><text class="terminal-1780802408-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1780802408-line-2)">
</text><text class="terminal-1780802408-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1780802408-line-3)">
</text><text class="terminal-1780802408-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1780802408-line-4)">
</text><text class="terminal-1780802408-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1780802408-line-5)">
</text><text class="terminal-1780802408-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1780802408-line-6)">
</text><text class="terminal-1780802408-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1780802408-line-7)">
</text><text class="terminal-1780802408-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1780802408-line-8)">
</text><text class="terminal-1780802408-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1780802408-line-9)">
</text><text class="terminal-1780802408-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1780802408-line-10)">
</text><text class="terminal-1780802408-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1780802408-line-11)">
</text><text class="terminal-1780802408-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1780802408-line-12)">
</text><text class="terminal-1780802408-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1780802408-line-13)">
</text><text class="terminal-1780802408-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1780802408-line-14)">
</text><text class="terminal-1780802408-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1780802408-line-15)">
</text><text class="terminal-1780802408-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1780802408-line-16)">
</text><text class="terminal-1780802408-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1780802408-line-17)">
</text><text class="terminal-1780802408-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1780802408-line-18)">
</text><text class="terminal-1780802408-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1780802408-line-19)">
</text><text class="terminal-1780802408-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1780802408-line-20)">
</text><text class="terminal-1780802408-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1780802408-line-21)">
</text><text class="terminal-1780802408-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1780802408-line-22)">
</text><text class="terminal-1780802408-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1780802408-line-23)">&#160;?&#160;</text><text class="terminal-1780802408-r4" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-1780802408-line-23)">Question&#160;</text><text class="terminal-1780802408-r3" x="146.4" y="581.2" textLength="48.8" clip-path="url(#terminal-1780802408-line-23)">&#160;^q&#160;</text><text class="terminal-1780802408-r4" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-1780802408-line-23)">Quit&#160;app&#160;</text><text class="terminal-1780802408-r3" x="305" y="581.2" textLength="109.8" clip-path="url(#terminal-1780802408-line-23)">&#160;Escape!&#160;</text><text class="terminal-1780802408-r4" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-1780802408-line-23)">Escape&#160;</text><text class="terminal-1780802408-r3" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1780802408-line-23)">&#160;a&#160;</text><text class="terminal-1780802408-r4" x="536.8" y="581.2" textLength="109.8" clip-path="url(#terminal-1780802408-line-23)">Letter&#160;A&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2770440995-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="500.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="646.6" y="562.7" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2770440995-matrix">
<text class="terminal-2770440995-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2770440995-line-0)">
</text><text class="terminal-2770440995-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2770440995-line-1)">
</text><text class="terminal-2770440995-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2770440995-line-2)">
</text><text class="terminal-2770440995-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2770440995-line-3)">
</text><text class="terminal-2770440995-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2770440995-line-4)">
</text><text class="terminal-2770440995-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2770440995-line-5)">
</text><text class="terminal-2770440995-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2770440995-line-6)">
</text><text class="terminal-2770440995-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2770440995-line-7)">
</text><text class="terminal-2770440995-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2770440995-line-8)">
</text><text class="terminal-2770440995-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2770440995-line-9)">
</text><text class="terminal-2770440995-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2770440995-line-10)">
</text><text class="terminal-2770440995-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2770440995-line-11)">
</text><text class="terminal-2770440995-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2770440995-line-12)">
</text><text class="terminal-2770440995-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2770440995-line-13)">
</text><text class="terminal-2770440995-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2770440995-line-14)">
</text><text class="terminal-2770440995-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2770440995-line-15)">
</text><text class="terminal-2770440995-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2770440995-line-16)">
</text><text class="terminal-2770440995-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2770440995-line-17)">
</text><text class="terminal-2770440995-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2770440995-line-18)">
</text><text class="terminal-2770440995-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2770440995-line-19)">
</text><text class="terminal-2770440995-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2770440995-line-20)">
</text><text class="terminal-2770440995-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2770440995-line-21)">
</text><text class="terminal-2770440995-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2770440995-line-22)">
</text><text class="terminal-2770440995-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2770440995-line-23)">&#160;?&#160;</text><text class="terminal-2770440995-r4" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-2770440995-line-23)">Question&#160;</text><text class="terminal-2770440995-r3" x="146.4" y="581.2" textLength="48.8" clip-path="url(#terminal-2770440995-line-23)">&#160;^q&#160;</text><text class="terminal-2770440995-r4" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-2770440995-line-23)">Quit&#160;app&#160;</text><text class="terminal-2770440995-r3" x="305" y="581.2" textLength="109.8" clip-path="url(#terminal-2770440995-line-23)">&#160;Escape!&#160;</text><text class="terminal-2770440995-r4" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-2770440995-line-23)">Escape&#160;</text><text class="terminal-2770440995-r3" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-2770440995-line-23)">&#160;a&#160;</text><text class="terminal-2770440995-r4" x="536.8" y="581.2" textLength="109.8" clip-path="url(#terminal-2770440995-line-23)">Letter&#160;A&#160;</text><text class="terminal-2770440995-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2770440995-line-23)">^p</text>
</g>
</g>
</svg>

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: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -19,136 +19,137 @@
font-weight: 700;
}
.terminal-878467025-matrix {
.terminal-2716600204-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-878467025-title {
.terminal-2716600204-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-878467025-r1 { fill: #c5c8c6 }
.terminal-878467025-r2 { fill: #e3e3e3 }
.terminal-878467025-r3 { fill: #e1e1e1 }
.terminal-878467025-r4 { fill: #fea62b;font-weight: bold }
.terminal-878467025-r5 { fill: #a7a9ab }
.terminal-878467025-r6 { fill: #e2e3e3 }
.terminal-2716600204-r1 { fill: #c5c8c6 }
.terminal-2716600204-r2 { fill: #e3e3e3 }
.terminal-2716600204-r3 { fill: #e1e1e1 }
.terminal-2716600204-r4 { fill: #fea62b;font-weight: bold }
.terminal-2716600204-r5 { fill: #a7a9ab }
.terminal-2716600204-r6 { fill: #e2e3e3 }
.terminal-2716600204-r7 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-878467025-clip-terminal">
<clipPath id="terminal-2716600204-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-878467025-line-0">
<clipPath id="terminal-2716600204-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-1">
<clipPath id="terminal-2716600204-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-2">
<clipPath id="terminal-2716600204-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-3">
<clipPath id="terminal-2716600204-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-4">
<clipPath id="terminal-2716600204-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-5">
<clipPath id="terminal-2716600204-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-6">
<clipPath id="terminal-2716600204-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-7">
<clipPath id="terminal-2716600204-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-8">
<clipPath id="terminal-2716600204-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-9">
<clipPath id="terminal-2716600204-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-10">
<clipPath id="terminal-2716600204-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-11">
<clipPath id="terminal-2716600204-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-12">
<clipPath id="terminal-2716600204-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-13">
<clipPath id="terminal-2716600204-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-14">
<clipPath id="terminal-2716600204-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-15">
<clipPath id="terminal-2716600204-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-16">
<clipPath id="terminal-2716600204-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-17">
<clipPath id="terminal-2716600204-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-18">
<clipPath id="terminal-2716600204-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-19">
<clipPath id="terminal-2716600204-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-20">
<clipPath id="terminal-2716600204-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-21">
<clipPath id="terminal-2716600204-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-878467025-line-22">
<clipPath id="terminal-2716600204-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-878467025-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-2716600204-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-878467025-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="793" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-878467025-matrix">
<text class="terminal-878467025-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-878467025-line-0)"></text><text class="terminal-878467025-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-878467025-line-0)">ModalApp</text><text class="terminal-878467025-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-878467025-line-0)">
</text><text class="terminal-878467025-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-878467025-line-1)">Hello&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-878467025-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-878467025-line-1)">
</text><text class="terminal-878467025-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-878467025-line-2)">
</text><text class="terminal-878467025-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-878467025-line-3)">
</text><text class="terminal-878467025-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-878467025-line-4)">
</text><text class="terminal-878467025-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-878467025-line-5)">
</text><text class="terminal-878467025-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-878467025-line-6)">
</text><text class="terminal-878467025-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-878467025-line-7)">
</text><text class="terminal-878467025-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-878467025-line-8)">
</text><text class="terminal-878467025-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-878467025-line-9)">
</text><text class="terminal-878467025-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-878467025-line-10)">
</text><text class="terminal-878467025-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-878467025-line-11)">
</text><text class="terminal-878467025-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-878467025-line-12)">
</text><text class="terminal-878467025-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-878467025-line-13)">
</text><text class="terminal-878467025-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-878467025-line-14)">
</text><text class="terminal-878467025-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-878467025-line-15)">
</text><text class="terminal-878467025-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-878467025-line-16)">
</text><text class="terminal-878467025-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-878467025-line-17)">
</text><text class="terminal-878467025-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-878467025-line-18)">
</text><text class="terminal-878467025-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-878467025-line-19)">
</text><text class="terminal-878467025-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-878467025-line-20)">
</text><text class="terminal-878467025-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-878467025-line-21)">
</text><text class="terminal-878467025-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-878467025-line-22)">
</text><text class="terminal-878467025-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-878467025-line-23)">&#160;&#160;</text><text class="terminal-878467025-r5" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-878467025-line-23)">Open&#160;Dialog&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2716600204-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="744.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2716600204-matrix">
<text class="terminal-2716600204-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2716600204-line-0)"></text><text class="terminal-2716600204-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-2716600204-line-0)">ModalApp</text><text class="terminal-2716600204-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2716600204-line-0)">
</text><text class="terminal-2716600204-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2716600204-line-1)">Hello&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2716600204-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2716600204-line-1)">
</text><text class="terminal-2716600204-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2716600204-line-2)">
</text><text class="terminal-2716600204-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2716600204-line-3)">
</text><text class="terminal-2716600204-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2716600204-line-4)">
</text><text class="terminal-2716600204-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2716600204-line-5)">
</text><text class="terminal-2716600204-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2716600204-line-6)">
</text><text class="terminal-2716600204-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2716600204-line-7)">
</text><text class="terminal-2716600204-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2716600204-line-8)">
</text><text class="terminal-2716600204-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2716600204-line-9)">
</text><text class="terminal-2716600204-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2716600204-line-10)">
</text><text class="terminal-2716600204-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2716600204-line-11)">
</text><text class="terminal-2716600204-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2716600204-line-12)">
</text><text class="terminal-2716600204-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2716600204-line-13)">
</text><text class="terminal-2716600204-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2716600204-line-14)">
</text><text class="terminal-2716600204-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2716600204-line-15)">
</text><text class="terminal-2716600204-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2716600204-line-16)">
</text><text class="terminal-2716600204-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2716600204-line-17)">
</text><text class="terminal-2716600204-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2716600204-line-18)">
</text><text class="terminal-2716600204-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2716600204-line-19)">
</text><text class="terminal-2716600204-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2716600204-line-20)">
</text><text class="terminal-2716600204-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2716600204-line-21)">
</text><text class="terminal-2716600204-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2716600204-line-22)">
</text><text class="terminal-2716600204-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2716600204-line-23)">&#160;&#160;</text><text class="terminal-2716600204-r5" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-2716600204-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-2716600204-r7" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2716600204-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,141 +19,142 @@
font-weight: 700;
}
.terminal-2859158718-matrix {
.terminal-1569004118-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2859158718-title {
.terminal-1569004118-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2859158718-r1 { fill: #e0e0e0 }
.terminal-2859158718-r2 { fill: #656565 }
.terminal-2859158718-r3 { fill: #c5c8c6 }
.terminal-2859158718-r4 { fill: #121212 }
.terminal-2859158718-r5 { fill: #e1e1e1 }
.terminal-2859158718-r6 { fill: #454a50 }
.terminal-2859158718-r7 { fill: #646464 }
.terminal-2859158718-r8 { fill: #24292f;font-weight: bold }
.terminal-2859158718-r9 { fill: #000000 }
.terminal-2859158718-r10 { fill: #704d1c;font-weight: bold }
.terminal-2859158718-r11 { fill: #4d4e4f }
.terminal-1569004118-r1 { fill: #e0e0e0 }
.terminal-1569004118-r2 { fill: #656565 }
.terminal-1569004118-r3 { fill: #c5c8c6 }
.terminal-1569004118-r4 { fill: #121212 }
.terminal-1569004118-r5 { fill: #e1e1e1 }
.terminal-1569004118-r6 { fill: #454a50 }
.terminal-1569004118-r7 { fill: #646464 }
.terminal-1569004118-r8 { fill: #24292f;font-weight: bold }
.terminal-1569004118-r9 { fill: #000000 }
.terminal-1569004118-r10 { fill: #704d1c;font-weight: bold }
.terminal-1569004118-r11 { fill: #4d4e4f }
.terminal-1569004118-r12 { fill: #2a5738;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2859158718-clip-terminal">
<clipPath id="terminal-1569004118-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2859158718-line-0">
<clipPath id="terminal-1569004118-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-1">
<clipPath id="terminal-1569004118-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-2">
<clipPath id="terminal-1569004118-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-3">
<clipPath id="terminal-1569004118-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-4">
<clipPath id="terminal-1569004118-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-5">
<clipPath id="terminal-1569004118-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-6">
<clipPath id="terminal-1569004118-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-7">
<clipPath id="terminal-1569004118-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-8">
<clipPath id="terminal-1569004118-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-9">
<clipPath id="terminal-1569004118-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-10">
<clipPath id="terminal-1569004118-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-11">
<clipPath id="terminal-1569004118-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-12">
<clipPath id="terminal-1569004118-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-13">
<clipPath id="terminal-1569004118-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-14">
<clipPath id="terminal-1569004118-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-15">
<clipPath id="terminal-1569004118-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-16">
<clipPath id="terminal-1569004118-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-17">
<clipPath id="terminal-1569004118-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-18">
<clipPath id="terminal-1569004118-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-19">
<clipPath id="terminal-1569004118-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-20">
<clipPath id="terminal-1569004118-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-21">
<clipPath id="terminal-1569004118-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2859158718-line-22">
<clipPath id="terminal-1569004118-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-2859158718-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-1569004118-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-2859158718-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="73.2" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="524.6" y="1.5" width="451.4" 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="#1b1b1b" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="25.9" width="12.2" 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="#1b1b1b" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="36.6" y="50.3" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="939.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="50.3" width="12.2" 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="#1b1b1b" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e2e3e3" x="73.2" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="123.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="147.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="183" y="562.7" width="793" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2859158718-matrix">
<text class="terminal-2859158718-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-2859158718-line-0)">Dialog</text><text class="terminal-2859158718-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-2859158718-line-0)">ModalApp</text><text class="terminal-2859158718-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2859158718-line-0)">
</text><text class="terminal-2859158718-r4" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-1)"></text><text class="terminal-2859158718-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-2859158718-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2859158718-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-1)"></text><text class="terminal-2859158718-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-1)">
</text><text class="terminal-2859158718-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-2)"></text><text class="terminal-2859158718-r5" x="36.6" y="68.8" textLength="902.8" clip-path="url(#terminal-2859158718-line-2)">hi!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-2859158718-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-2)"></text><text class="terminal-2859158718-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-2)">
</text><text class="terminal-2859158718-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-3)"></text><text class="terminal-2859158718-r4" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-2859158718-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2859158718-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-3)"></text><text class="terminal-2859158718-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-3)">
</text><text class="terminal-2859158718-r6" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-2859158718-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2859158718-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2859158718-line-4)">
</text><text class="terminal-2859158718-r8" x="73.2" y="142" textLength="48.8" clip-path="url(#terminal-2859158718-line-5)">&#160;OK&#160;</text><text class="terminal-2859158718-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2859158718-line-5)">
</text><text class="terminal-2859158718-r9" x="0" y="166.4" textLength="195.2" clip-path="url(#terminal-2859158718-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2859158718-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-6)">
</text><text class="terminal-2859158718-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-7)">
</text><text class="terminal-2859158718-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-8)">
</text><text class="terminal-2859158718-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2859158718-line-9)">
</text><text class="terminal-2859158718-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2859158718-line-10)">
</text><text class="terminal-2859158718-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-11)">
</text><text class="terminal-2859158718-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-12)">
</text><text class="terminal-2859158718-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-13)">
</text><text class="terminal-2859158718-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2859158718-line-14)">
</text><text class="terminal-2859158718-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2859158718-line-15)">
</text><text class="terminal-2859158718-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-16)">
</text><text class="terminal-2859158718-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-17)">
</text><text class="terminal-2859158718-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2859158718-line-18)">
</text><text class="terminal-2859158718-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2859158718-line-19)">
</text><text class="terminal-2859158718-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2859158718-line-20)">
</text><text class="terminal-2859158718-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2859158718-line-21)">
</text><text class="terminal-2859158718-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2859158718-line-22)">
</text><text class="terminal-2859158718-r10" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2859158718-line-23)">&#160;&#160;</text><text class="terminal-2859158718-r11" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-2859158718-line-23)">Open&#160;Dialog&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1569004118-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="73.2" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="524.6" y="1.5" width="451.4" 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="#1b1b1b" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="25.9" width="12.2" 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="#1b1b1b" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="36.6" y="50.3" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="939.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="50.3" width="12.2" 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="#1b1b1b" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e2e3e3" x="73.2" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="123.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="147.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="183" y="562.7" width="744.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1569004118-matrix">
<text class="terminal-1569004118-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-1569004118-line-0)">Dialog</text><text class="terminal-1569004118-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-1569004118-line-0)">ModalApp</text><text class="terminal-1569004118-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1569004118-line-0)">
</text><text class="terminal-1569004118-r4" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-1)"></text><text class="terminal-1569004118-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-1569004118-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1569004118-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-1)"></text><text class="terminal-1569004118-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-1)">
</text><text class="terminal-1569004118-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-2)"></text><text class="terminal-1569004118-r5" x="36.6" y="68.8" textLength="902.8" clip-path="url(#terminal-1569004118-line-2)">hi!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#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-1569004118-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-2)"></text><text class="terminal-1569004118-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-2)">
</text><text class="terminal-1569004118-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-3)"></text><text class="terminal-1569004118-r4" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-1569004118-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1569004118-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-3)"></text><text class="terminal-1569004118-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-3)">
</text><text class="terminal-1569004118-r6" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-1569004118-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1569004118-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1569004118-line-4)">
</text><text class="terminal-1569004118-r8" x="73.2" y="142" textLength="48.8" clip-path="url(#terminal-1569004118-line-5)">&#160;OK&#160;</text><text class="terminal-1569004118-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1569004118-line-5)">
</text><text class="terminal-1569004118-r9" x="0" y="166.4" textLength="195.2" clip-path="url(#terminal-1569004118-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1569004118-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-6)">
</text><text class="terminal-1569004118-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-7)">
</text><text class="terminal-1569004118-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-8)">
</text><text class="terminal-1569004118-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1569004118-line-9)">
</text><text class="terminal-1569004118-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1569004118-line-10)">
</text><text class="terminal-1569004118-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-11)">
</text><text class="terminal-1569004118-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-12)">
</text><text class="terminal-1569004118-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-13)">
</text><text class="terminal-1569004118-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1569004118-line-14)">
</text><text class="terminal-1569004118-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1569004118-line-15)">
</text><text class="terminal-1569004118-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-16)">
</text><text class="terminal-1569004118-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-17)">
</text><text class="terminal-1569004118-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1569004118-line-18)">
</text><text class="terminal-1569004118-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1569004118-line-19)">
</text><text class="terminal-1569004118-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1569004118-line-20)">
</text><text class="terminal-1569004118-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1569004118-line-21)">
</text><text class="terminal-1569004118-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1569004118-line-22)">
</text><text class="terminal-1569004118-r10" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1569004118-line-23)">&#160;&#160;</text><text class="terminal-1569004118-r11" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-1569004118-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-1569004118-r12" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1569004118-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -19,135 +19,136 @@
font-weight: 700;
}
.terminal-3226482548-matrix {
.terminal-3692750624-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3226482548-title {
.terminal-3692750624-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3226482548-r1 { fill: #e1e1e1 }
.terminal-3226482548-r2 { fill: #c5c8c6 }
.terminal-3226482548-r3 { fill: #fea62b;font-weight: bold }
.terminal-3226482548-r4 { fill: #a7a9ab }
.terminal-3226482548-r5 { fill: #e2e3e3 }
.terminal-3692750624-r1 { fill: #e1e1e1 }
.terminal-3692750624-r2 { fill: #c5c8c6 }
.terminal-3692750624-r3 { fill: #fea62b;font-weight: bold }
.terminal-3692750624-r4 { fill: #a7a9ab }
.terminal-3692750624-r5 { fill: #e2e3e3 }
.terminal-3692750624-r6 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3226482548-clip-terminal">
<clipPath id="terminal-3692750624-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3226482548-line-0">
<clipPath id="terminal-3692750624-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-1">
<clipPath id="terminal-3692750624-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-2">
<clipPath id="terminal-3692750624-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-3">
<clipPath id="terminal-3692750624-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-4">
<clipPath id="terminal-3692750624-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-5">
<clipPath id="terminal-3692750624-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-6">
<clipPath id="terminal-3692750624-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-7">
<clipPath id="terminal-3692750624-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-8">
<clipPath id="terminal-3692750624-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-9">
<clipPath id="terminal-3692750624-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-10">
<clipPath id="terminal-3692750624-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-11">
<clipPath id="terminal-3692750624-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-12">
<clipPath id="terminal-3692750624-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-13">
<clipPath id="terminal-3692750624-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-14">
<clipPath id="terminal-3692750624-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-15">
<clipPath id="terminal-3692750624-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-16">
<clipPath id="terminal-3692750624-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-17">
<clipPath id="terminal-3692750624-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-18">
<clipPath id="terminal-3692750624-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-19">
<clipPath id="terminal-3692750624-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-20">
<clipPath id="terminal-3692750624-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-21">
<clipPath id="terminal-3692750624-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3226482548-line-22">
<clipPath id="terminal-3692750624-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-3226482548-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MApp</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-3692750624-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MApp</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-3226482548-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="841.8" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3226482548-matrix">
<text class="terminal-3226482548-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3226482548-line-0)">
</text><text class="terminal-3226482548-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3226482548-line-1)">
</text><text class="terminal-3226482548-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3226482548-line-2)">
</text><text class="terminal-3226482548-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3226482548-line-3)">
</text><text class="terminal-3226482548-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3226482548-line-4)">
</text><text class="terminal-3226482548-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3226482548-line-5)">
</text><text class="terminal-3226482548-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3226482548-line-6)">
</text><text class="terminal-3226482548-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3226482548-line-7)">
</text><text class="terminal-3226482548-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3226482548-line-8)">
</text><text class="terminal-3226482548-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3226482548-line-9)">
</text><text class="terminal-3226482548-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3226482548-line-10)">
</text><text class="terminal-3226482548-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3226482548-line-11)">
</text><text class="terminal-3226482548-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3226482548-line-12)">
</text><text class="terminal-3226482548-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3226482548-line-13)">
</text><text class="terminal-3226482548-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3226482548-line-14)">
</text><text class="terminal-3226482548-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3226482548-line-15)">
</text><text class="terminal-3226482548-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3226482548-line-16)">
</text><text class="terminal-3226482548-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3226482548-line-17)">
</text><text class="terminal-3226482548-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3226482548-line-18)">
</text><text class="terminal-3226482548-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3226482548-line-19)">
</text><text class="terminal-3226482548-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3226482548-line-20)">
</text><text class="terminal-3226482548-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3226482548-line-21)">
</text><text class="terminal-3226482548-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3226482548-line-22)">
</text><text class="terminal-3226482548-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3226482548-line-23)">&#160;o&#160;</text><text class="terminal-3226482548-r4" x="36.6" y="581.2" textLength="97.6" clip-path="url(#terminal-3226482548-line-23)">Options&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3692750624-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3692750624-matrix">
<text class="terminal-3692750624-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3692750624-line-0)">
</text><text class="terminal-3692750624-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3692750624-line-1)">
</text><text class="terminal-3692750624-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3692750624-line-2)">
</text><text class="terminal-3692750624-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3692750624-line-3)">
</text><text class="terminal-3692750624-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3692750624-line-4)">
</text><text class="terminal-3692750624-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3692750624-line-5)">
</text><text class="terminal-3692750624-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3692750624-line-6)">
</text><text class="terminal-3692750624-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3692750624-line-7)">
</text><text class="terminal-3692750624-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3692750624-line-8)">
</text><text class="terminal-3692750624-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3692750624-line-9)">
</text><text class="terminal-3692750624-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3692750624-line-10)">
</text><text class="terminal-3692750624-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3692750624-line-11)">
</text><text class="terminal-3692750624-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3692750624-line-12)">
</text><text class="terminal-3692750624-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3692750624-line-13)">
</text><text class="terminal-3692750624-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3692750624-line-14)">
</text><text class="terminal-3692750624-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3692750624-line-15)">
</text><text class="terminal-3692750624-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3692750624-line-16)">
</text><text class="terminal-3692750624-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3692750624-line-17)">
</text><text class="terminal-3692750624-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3692750624-line-18)">
</text><text class="terminal-3692750624-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3692750624-line-19)">
</text><text class="terminal-3692750624-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3692750624-line-20)">
</text><text class="terminal-3692750624-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3692750624-line-21)">
</text><text class="terminal-3692750624-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3692750624-line-22)">
</text><text class="terminal-3692750624-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3692750624-line-23)">&#160;o&#160;</text><text class="terminal-3692750624-r4" x="36.6" y="581.2" textLength="97.6" clip-path="url(#terminal-3692750624-line-23)">Options&#160;</text><text class="terminal-3692750624-r6" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3692750624-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 33 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: 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: 33 KiB

After

Width:  |  Height:  |  Size: 33 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: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-749580480-matrix {
.terminal-1153523835-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-749580480-title {
.terminal-1153523835-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-749580480-r1 { fill: #ffff00 }
.terminal-749580480-r2 { fill: #e3e3e3 }
.terminal-749580480-r3 { fill: #c5c8c6 }
.terminal-749580480-r4 { fill: #e1e1e1 }
.terminal-749580480-r5 { fill: #fea62b;font-weight: bold }
.terminal-749580480-r6 { fill: #a7a9ab }
.terminal-749580480-r7 { fill: #e2e3e3 }
.terminal-1153523835-r1 { fill: #ffff00 }
.terminal-1153523835-r2 { fill: #e3e3e3 }
.terminal-1153523835-r3 { fill: #c5c8c6 }
.terminal-1153523835-r4 { fill: #e1e1e1 }
.terminal-1153523835-r5 { fill: #fea62b;font-weight: bold }
.terminal-1153523835-r6 { fill: #a7a9ab }
.terminal-1153523835-r7 { fill: #e2e3e3 }
.terminal-1153523835-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-749580480-clip-terminal">
<clipPath id="terminal-1153523835-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-749580480-line-0">
<clipPath id="terminal-1153523835-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-1">
<clipPath id="terminal-1153523835-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-2">
<clipPath id="terminal-1153523835-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-3">
<clipPath id="terminal-1153523835-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-4">
<clipPath id="terminal-1153523835-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-5">
<clipPath id="terminal-1153523835-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-6">
<clipPath id="terminal-1153523835-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-7">
<clipPath id="terminal-1153523835-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-8">
<clipPath id="terminal-1153523835-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-9">
<clipPath id="terminal-1153523835-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-10">
<clipPath id="terminal-1153523835-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-11">
<clipPath id="terminal-1153523835-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-12">
<clipPath id="terminal-1153523835-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-13">
<clipPath id="terminal-1153523835-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-14">
<clipPath id="terminal-1153523835-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-15">
<clipPath id="terminal-1153523835-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-16">
<clipPath id="terminal-1153523835-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-17">
<clipPath id="terminal-1153523835-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-18">
<clipPath id="terminal-1153523835-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-19">
<clipPath id="terminal-1153523835-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-20">
<clipPath id="terminal-1153523835-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-21">
<clipPath id="terminal-1153523835-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-749580480-line-22">
<clipPath id="terminal-1153523835-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-749580480-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</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-1153523835-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</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-749580480-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="147.9" width="536.8" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="768.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-749580480-matrix">
<text class="terminal-749580480-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-749580480-line-0)">┌──────────────────────────────────┐</text><text class="terminal-749580480-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-749580480-line-0)">Layers</text><text class="terminal-749580480-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-749580480-line-0)">
</text><text class="terminal-749580480-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-749580480-line-1)"></text><text class="terminal-749580480-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-749580480-line-1)"></text><text class="terminal-749580480-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-749580480-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-749580480-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-749580480-line-1)">
</text><text class="terminal-749580480-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-749580480-line-2)"></text><text class="terminal-749580480-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-749580480-line-2)"></text><text class="terminal-749580480-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-749580480-line-2)">
</text><text class="terminal-749580480-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-749580480-line-3)"></text><text class="terminal-749580480-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-749580480-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-749580480-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-749580480-line-3)"></text><text class="terminal-749580480-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-749580480-line-3)">
</text><text class="terminal-749580480-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-749580480-line-4)"></text><text class="terminal-749580480-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-749580480-line-4)"></text><text class="terminal-749580480-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-749580480-line-4)">
</text><text class="terminal-749580480-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-749580480-line-5)"></text><text class="terminal-749580480-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-749580480-line-5)"></text><text class="terminal-749580480-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-749580480-line-5)">
</text><text class="terminal-749580480-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-749580480-line-6)">└──────────────────────────────────┘</text><text class="terminal-749580480-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-749580480-line-6)">
</text><text class="terminal-749580480-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-749580480-line-7)">
</text><text class="terminal-749580480-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-749580480-line-8)">
</text><text class="terminal-749580480-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-749580480-line-9)">
</text><text class="terminal-749580480-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-749580480-line-10)">
</text><text class="terminal-749580480-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-749580480-line-11)">
</text><text class="terminal-749580480-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-749580480-line-12)">
</text><text class="terminal-749580480-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-749580480-line-13)">
</text><text class="terminal-749580480-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-749580480-line-14)">
</text><text class="terminal-749580480-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-749580480-line-15)">
</text><text class="terminal-749580480-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-749580480-line-16)">
</text><text class="terminal-749580480-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-749580480-line-17)">
</text><text class="terminal-749580480-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-749580480-line-18)">
</text><text class="terminal-749580480-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-749580480-line-19)">
</text><text class="terminal-749580480-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-749580480-line-20)">
</text><text class="terminal-749580480-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-749580480-line-21)">
</text><text class="terminal-749580480-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-749580480-line-22)">
</text><text class="terminal-749580480-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-749580480-line-23)">&#160;t&#160;</text><text class="terminal-749580480-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-749580480-line-23)">Toggle&#160;Screen&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1153523835-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="147.9" width="536.8" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1153523835-matrix">
<text class="terminal-1153523835-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-1153523835-line-0)">┌──────────────────────────────────┐</text><text class="terminal-1153523835-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-1153523835-line-0)">Layers</text><text class="terminal-1153523835-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1153523835-line-0)">
</text><text class="terminal-1153523835-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-1)"></text><text class="terminal-1153523835-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-1)"></text><text class="terminal-1153523835-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-1153523835-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-1153523835-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-1)">
</text><text class="terminal-1153523835-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-2)"></text><text class="terminal-1153523835-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-2)"></text><text class="terminal-1153523835-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-2)">
</text><text class="terminal-1153523835-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-3)"></text><text class="terminal-1153523835-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-1153523835-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-1153523835-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-3)"></text><text class="terminal-1153523835-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-3)">
</text><text class="terminal-1153523835-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-4)"></text><text class="terminal-1153523835-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-4)"></text><text class="terminal-1153523835-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-4)">
</text><text class="terminal-1153523835-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1153523835-line-5)"></text><text class="terminal-1153523835-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-1153523835-line-5)"></text><text class="terminal-1153523835-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1153523835-line-5)">
</text><text class="terminal-1153523835-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-1153523835-line-6)">└──────────────────────────────────┘</text><text class="terminal-1153523835-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-6)">
</text><text class="terminal-1153523835-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-7)">
</text><text class="terminal-1153523835-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-8)">
</text><text class="terminal-1153523835-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-9)">
</text><text class="terminal-1153523835-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1153523835-line-10)">
</text><text class="terminal-1153523835-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-11)">
</text><text class="terminal-1153523835-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-12)">
</text><text class="terminal-1153523835-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-13)">
</text><text class="terminal-1153523835-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-14)">
</text><text class="terminal-1153523835-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1153523835-line-15)">
</text><text class="terminal-1153523835-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-16)">
</text><text class="terminal-1153523835-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-17)">
</text><text class="terminal-1153523835-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1153523835-line-18)">
</text><text class="terminal-1153523835-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1153523835-line-19)">
</text><text class="terminal-1153523835-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1153523835-line-20)">
</text><text class="terminal-1153523835-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1153523835-line-21)">
</text><text class="terminal-1153523835-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1153523835-line-22)">
</text><text class="terminal-1153523835-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1153523835-line-23)">&#160;t&#160;</text><text class="terminal-1153523835-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1153523835-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-1153523835-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1153523835-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-888187976-matrix {
.terminal-3296615427-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-888187976-title {
.terminal-3296615427-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-888187976-r1 { fill: #ffff00 }
.terminal-888187976-r2 { fill: #e3e3e3 }
.terminal-888187976-r3 { fill: #c5c8c6 }
.terminal-888187976-r4 { fill: #ddeedd }
.terminal-888187976-r5 { fill: #fea62b;font-weight: bold }
.terminal-888187976-r6 { fill: #a7a9ab }
.terminal-888187976-r7 { fill: #e2e3e3 }
.terminal-3296615427-r1 { fill: #ffff00 }
.terminal-3296615427-r2 { fill: #e3e3e3 }
.terminal-3296615427-r3 { fill: #c5c8c6 }
.terminal-3296615427-r4 { fill: #ddeedd }
.terminal-3296615427-r5 { fill: #fea62b;font-weight: bold }
.terminal-3296615427-r6 { fill: #a7a9ab }
.terminal-3296615427-r7 { fill: #e2e3e3 }
.terminal-3296615427-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-888187976-clip-terminal">
<clipPath id="terminal-3296615427-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-888187976-line-0">
<clipPath id="terminal-3296615427-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-1">
<clipPath id="terminal-3296615427-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-2">
<clipPath id="terminal-3296615427-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-3">
<clipPath id="terminal-3296615427-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-4">
<clipPath id="terminal-3296615427-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-5">
<clipPath id="terminal-3296615427-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-6">
<clipPath id="terminal-3296615427-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-7">
<clipPath id="terminal-3296615427-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-8">
<clipPath id="terminal-3296615427-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-9">
<clipPath id="terminal-3296615427-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-10">
<clipPath id="terminal-3296615427-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-11">
<clipPath id="terminal-3296615427-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-12">
<clipPath id="terminal-3296615427-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-13">
<clipPath id="terminal-3296615427-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-14">
<clipPath id="terminal-3296615427-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-15">
<clipPath id="terminal-3296615427-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-16">
<clipPath id="terminal-3296615427-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-17">
<clipPath id="terminal-3296615427-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-18">
<clipPath id="terminal-3296615427-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-19">
<clipPath id="terminal-3296615427-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-20">
<clipPath id="terminal-3296615427-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-21">
<clipPath id="terminal-3296615427-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-888187976-line-22">
<clipPath id="terminal-3296615427-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-888187976-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</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-3296615427-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</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-888187976-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="768.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-888187976-matrix">
<text class="terminal-888187976-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-888187976-line-0)">┌──────────────────────────────────┐</text><text class="terminal-888187976-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-888187976-line-0)">Layers</text><text class="terminal-888187976-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-888187976-line-0)">
</text><text class="terminal-888187976-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-888187976-line-1)"></text><text class="terminal-888187976-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-888187976-line-1)"></text><text class="terminal-888187976-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-888187976-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-888187976-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-888187976-line-1)">
</text><text class="terminal-888187976-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-888187976-line-2)"></text><text class="terminal-888187976-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-888187976-line-2)"></text><text class="terminal-888187976-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-888187976-line-2)">
</text><text class="terminal-888187976-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-888187976-line-3)"></text><text class="terminal-888187976-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-888187976-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-888187976-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-888187976-line-3)"></text><text class="terminal-888187976-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-888187976-line-3)">
</text><text class="terminal-888187976-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-888187976-line-4)"></text><text class="terminal-888187976-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-888187976-line-4)"></text><text class="terminal-888187976-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-888187976-line-4)">
</text><text class="terminal-888187976-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-888187976-line-5)"></text><text class="terminal-888187976-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-888187976-line-5)"></text><text class="terminal-888187976-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-888187976-line-5)">
</text><text class="terminal-888187976-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-888187976-line-6)">└──────────────────────────────────┘</text><text class="terminal-888187976-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-888187976-line-6)">
</text><text class="terminal-888187976-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-888187976-line-7)">
</text><text class="terminal-888187976-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-888187976-line-8)">
</text><text class="terminal-888187976-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-888187976-line-9)">
</text><text class="terminal-888187976-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-888187976-line-10)">
</text><text class="terminal-888187976-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-888187976-line-11)">
</text><text class="terminal-888187976-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-888187976-line-12)">
</text><text class="terminal-888187976-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-888187976-line-13)">
</text><text class="terminal-888187976-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-888187976-line-14)">
</text><text class="terminal-888187976-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-888187976-line-15)">
</text><text class="terminal-888187976-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-888187976-line-16)">
</text><text class="terminal-888187976-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-888187976-line-17)">
</text><text class="terminal-888187976-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-888187976-line-18)">
</text><text class="terminal-888187976-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-888187976-line-19)">
</text><text class="terminal-888187976-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-888187976-line-20)">
</text><text class="terminal-888187976-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-888187976-line-21)">
</text><text class="terminal-888187976-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-888187976-line-22)">
</text><text class="terminal-888187976-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-888187976-line-23)">&#160;t&#160;</text><text class="terminal-888187976-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-888187976-line-23)">Toggle&#160;Screen&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3296615427-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3296615427-matrix">
<text class="terminal-3296615427-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-3296615427-line-0)">┌──────────────────────────────────┐</text><text class="terminal-3296615427-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-3296615427-line-0)">Layers</text><text class="terminal-3296615427-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3296615427-line-0)">
</text><text class="terminal-3296615427-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-1)"></text><text class="terminal-3296615427-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-1)"></text><text class="terminal-3296615427-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-3296615427-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-3296615427-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-1)">
</text><text class="terminal-3296615427-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-2)"></text><text class="terminal-3296615427-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-2)"></text><text class="terminal-3296615427-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-2)">
</text><text class="terminal-3296615427-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-3)"></text><text class="terminal-3296615427-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-3296615427-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-3296615427-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-3)"></text><text class="terminal-3296615427-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-3)">
</text><text class="terminal-3296615427-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-4)"></text><text class="terminal-3296615427-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-4)"></text><text class="terminal-3296615427-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-4)">
</text><text class="terminal-3296615427-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3296615427-line-5)"></text><text class="terminal-3296615427-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-3296615427-line-5)"></text><text class="terminal-3296615427-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3296615427-line-5)">
</text><text class="terminal-3296615427-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-3296615427-line-6)">└──────────────────────────────────┘</text><text class="terminal-3296615427-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-6)">
</text><text class="terminal-3296615427-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-7)">
</text><text class="terminal-3296615427-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-8)">
</text><text class="terminal-3296615427-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-9)">
</text><text class="terminal-3296615427-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3296615427-line-10)">
</text><text class="terminal-3296615427-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-11)">
</text><text class="terminal-3296615427-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-12)">
</text><text class="terminal-3296615427-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-13)">
</text><text class="terminal-3296615427-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-14)">
</text><text class="terminal-3296615427-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3296615427-line-15)">
</text><text class="terminal-3296615427-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-16)">
</text><text class="terminal-3296615427-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-17)">
</text><text class="terminal-3296615427-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3296615427-line-18)">
</text><text class="terminal-3296615427-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3296615427-line-19)">
</text><text class="terminal-3296615427-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3296615427-line-20)">
</text><text class="terminal-3296615427-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3296615427-line-21)">
</text><text class="terminal-3296615427-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3296615427-line-22)">
</text><text class="terminal-3296615427-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3296615427-line-23)">&#160;t&#160;</text><text class="terminal-3296615427-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-3296615427-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-3296615427-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3296615427-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -19,138 +19,139 @@
font-weight: 700;
}
.terminal-2109104343-matrix {
.terminal-2934509714-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2109104343-title {
.terminal-2934509714-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2109104343-r1 { fill: #e1e1e1 }
.terminal-2109104343-r2 { fill: #c5c8c6 }
.terminal-2109104343-r3 { fill: #303336 }
.terminal-2109104343-r4 { fill: #a7a7a7;font-weight: bold }
.terminal-2109104343-r5 { fill: #0f0f0f }
.terminal-2109104343-r6 { fill: #fea62b;font-weight: bold }
.terminal-2109104343-r7 { fill: #a7a9ab }
.terminal-2109104343-r8 { fill: #e2e3e3 }
.terminal-2934509714-r1 { fill: #e1e1e1 }
.terminal-2934509714-r2 { fill: #c5c8c6 }
.terminal-2934509714-r3 { fill: #303336 }
.terminal-2934509714-r4 { fill: #a7a7a7;font-weight: bold }
.terminal-2934509714-r5 { fill: #0f0f0f }
.terminal-2934509714-r6 { fill: #fea62b;font-weight: bold }
.terminal-2934509714-r7 { fill: #a7a9ab }
.terminal-2934509714-r8 { fill: #e2e3e3 }
.terminal-2934509714-r9 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2109104343-clip-terminal">
<clipPath id="terminal-2934509714-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2109104343-line-0">
<clipPath id="terminal-2934509714-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-1">
<clipPath id="terminal-2934509714-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-2">
<clipPath id="terminal-2934509714-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-3">
<clipPath id="terminal-2934509714-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-4">
<clipPath id="terminal-2934509714-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-5">
<clipPath id="terminal-2934509714-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-6">
<clipPath id="terminal-2934509714-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-7">
<clipPath id="terminal-2934509714-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-8">
<clipPath id="terminal-2934509714-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-9">
<clipPath id="terminal-2934509714-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-10">
<clipPath id="terminal-2934509714-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-11">
<clipPath id="terminal-2934509714-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-12">
<clipPath id="terminal-2934509714-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-13">
<clipPath id="terminal-2934509714-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-14">
<clipPath id="terminal-2934509714-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-15">
<clipPath id="terminal-2934509714-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-16">
<clipPath id="terminal-2934509714-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-17">
<clipPath id="terminal-2934509714-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-18">
<clipPath id="terminal-2934509714-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-19">
<clipPath id="terminal-2934509714-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-20">
<clipPath id="terminal-2934509714-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-21">
<clipPath id="terminal-2934509714-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2109104343-line-22">
<clipPath id="terminal-2934509714-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-2109104343-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-2934509714-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-2109104343-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="427" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="549" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="294.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2109104343-matrix">
<text class="terminal-2109104343-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2109104343-line-0)">
</text><text class="terminal-2109104343-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2109104343-line-1)">
</text><text class="terminal-2109104343-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2109104343-line-2)">
</text><text class="terminal-2109104343-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2109104343-line-3)">
</text><text class="terminal-2109104343-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2109104343-line-4)">
</text><text class="terminal-2109104343-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2109104343-line-5)">
</text><text class="terminal-2109104343-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2109104343-line-6)">
</text><text class="terminal-2109104343-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2109104343-line-7)">
</text><text class="terminal-2109104343-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2109104343-line-8)">
</text><text class="terminal-2109104343-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-2109104343-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-2109104343-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2109104343-line-9)">
</text><text class="terminal-2109104343-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-2109104343-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2109104343-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2109104343-line-10)">
</text><text class="terminal-2109104343-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-2109104343-line-11)">&#160;Disabled&#160;</text><text class="terminal-2109104343-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2109104343-line-11)">
</text><text class="terminal-2109104343-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-2109104343-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2109104343-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2109104343-line-12)">
</text><text class="terminal-2109104343-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2109104343-line-13)">
</text><text class="terminal-2109104343-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2109104343-line-14)">
</text><text class="terminal-2109104343-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2109104343-line-15)">
</text><text class="terminal-2109104343-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2109104343-line-16)">
</text><text class="terminal-2109104343-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2109104343-line-17)">
</text><text class="terminal-2109104343-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2109104343-line-18)">
</text><text class="terminal-2109104343-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2109104343-line-19)">
</text><text class="terminal-2109104343-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2109104343-line-20)">
</text><text class="terminal-2109104343-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2109104343-line-21)">
</text><text class="terminal-2109104343-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2109104343-line-22)">
</text><text class="terminal-2109104343-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-2109104343-line-23)">&#160;SPACE&#160;</text><text class="terminal-2109104343-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-2109104343-line-23)">Toggle&#160;Button&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2934509714-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="427" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="549" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="294.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="671" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2934509714-matrix">
<text class="terminal-2934509714-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2934509714-line-0)">
</text><text class="terminal-2934509714-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2934509714-line-1)">
</text><text class="terminal-2934509714-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2934509714-line-2)">
</text><text class="terminal-2934509714-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2934509714-line-3)">
</text><text class="terminal-2934509714-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2934509714-line-4)">
</text><text class="terminal-2934509714-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2934509714-line-5)">
</text><text class="terminal-2934509714-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2934509714-line-6)">
</text><text class="terminal-2934509714-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2934509714-line-7)">
</text><text class="terminal-2934509714-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2934509714-line-8)">
</text><text class="terminal-2934509714-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-2934509714-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-2934509714-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2934509714-line-9)">
</text><text class="terminal-2934509714-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-2934509714-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2934509714-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2934509714-line-10)">
</text><text class="terminal-2934509714-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-2934509714-line-11)">&#160;Disabled&#160;</text><text class="terminal-2934509714-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2934509714-line-11)">
</text><text class="terminal-2934509714-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-2934509714-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2934509714-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2934509714-line-12)">
</text><text class="terminal-2934509714-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2934509714-line-13)">
</text><text class="terminal-2934509714-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2934509714-line-14)">
</text><text class="terminal-2934509714-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2934509714-line-15)">
</text><text class="terminal-2934509714-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2934509714-line-16)">
</text><text class="terminal-2934509714-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2934509714-line-17)">
</text><text class="terminal-2934509714-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2934509714-line-18)">
</text><text class="terminal-2934509714-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2934509714-line-19)">
</text><text class="terminal-2934509714-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2934509714-line-20)">
</text><text class="terminal-2934509714-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2934509714-line-21)">
</text><text class="terminal-2934509714-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2934509714-line-22)">
</text><text class="terminal-2934509714-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-2934509714-line-23)">&#160;SPACE&#160;</text><text class="terminal-2934509714-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-2934509714-line-23)">Toggle&#160;Button&#160;</text><text class="terminal-2934509714-r9" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2934509714-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -19,136 +19,137 @@
font-weight: 700;
}
.terminal-3159068456-matrix {
.terminal-118177507-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3159068456-title {
.terminal-118177507-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3159068456-r1 { fill: #e1e1e1 }
.terminal-3159068456-r2 { fill: #c5c8c6 }
.terminal-3159068456-r3 { fill: #4ebf71 }
.terminal-3159068456-r4 { fill: #fea62b;font-weight: bold }
.terminal-3159068456-r5 { fill: #a7a9ab }
.terminal-3159068456-r6 { fill: #e2e3e3 }
.terminal-118177507-r1 { fill: #e1e1e1 }
.terminal-118177507-r2 { fill: #c5c8c6 }
.terminal-118177507-r3 { fill: #4ebf71 }
.terminal-118177507-r4 { fill: #fea62b;font-weight: bold }
.terminal-118177507-r5 { fill: #a7a9ab }
.terminal-118177507-r6 { fill: #e2e3e3 }
.terminal-118177507-r7 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3159068456-clip-terminal">
<clipPath id="terminal-118177507-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3159068456-line-0">
<clipPath id="terminal-118177507-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-1">
<clipPath id="terminal-118177507-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-2">
<clipPath id="terminal-118177507-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-3">
<clipPath id="terminal-118177507-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-4">
<clipPath id="terminal-118177507-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-5">
<clipPath id="terminal-118177507-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-6">
<clipPath id="terminal-118177507-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-7">
<clipPath id="terminal-118177507-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-8">
<clipPath id="terminal-118177507-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-9">
<clipPath id="terminal-118177507-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-10">
<clipPath id="terminal-118177507-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-11">
<clipPath id="terminal-118177507-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-12">
<clipPath id="terminal-118177507-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-13">
<clipPath id="terminal-118177507-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-14">
<clipPath id="terminal-118177507-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-15">
<clipPath id="terminal-118177507-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-16">
<clipPath id="terminal-118177507-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-17">
<clipPath id="terminal-118177507-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-18">
<clipPath id="terminal-118177507-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-19">
<clipPath id="terminal-118177507-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-20">
<clipPath id="terminal-118177507-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-21">
<clipPath id="terminal-118177507-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3159068456-line-22">
<clipPath id="terminal-118177507-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-3159068456-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-118177507-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-3159068456-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3159068456-matrix">
<text class="terminal-3159068456-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3159068456-line-0)">
</text><text class="terminal-3159068456-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3159068456-line-1)">
</text><text class="terminal-3159068456-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3159068456-line-2)">
</text><text class="terminal-3159068456-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3159068456-line-3)">
</text><text class="terminal-3159068456-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3159068456-line-4)">
</text><text class="terminal-3159068456-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3159068456-line-5)">
</text><text class="terminal-3159068456-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3159068456-line-6)">
</text><text class="terminal-3159068456-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3159068456-line-7)">
</text><text class="terminal-3159068456-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3159068456-line-8)">
</text><text class="terminal-3159068456-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3159068456-line-9)">
</text><text class="terminal-3159068456-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3159068456-line-10)">
</text><text class="terminal-3159068456-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-3159068456-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3159068456-r1" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-3159068456-line-11)">100%</text><text class="terminal-3159068456-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-3159068456-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3159068456-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3159068456-line-11)">
</text><text class="terminal-3159068456-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3159068456-line-12)">
</text><text class="terminal-3159068456-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3159068456-line-13)">
</text><text class="terminal-3159068456-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3159068456-line-14)">
</text><text class="terminal-3159068456-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3159068456-line-15)">
</text><text class="terminal-3159068456-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3159068456-line-16)">
</text><text class="terminal-3159068456-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3159068456-line-17)">
</text><text class="terminal-3159068456-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3159068456-line-18)">
</text><text class="terminal-3159068456-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3159068456-line-19)">
</text><text class="terminal-3159068456-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3159068456-line-20)">
</text><text class="terminal-3159068456-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3159068456-line-21)">
</text><text class="terminal-3159068456-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3159068456-line-22)">
</text><text class="terminal-3159068456-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3159068456-line-23)">&#160;s&#160;</text><text class="terminal-3159068456-r5" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3159068456-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-118177507-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-118177507-matrix">
<text class="terminal-118177507-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-118177507-line-0)">
</text><text class="terminal-118177507-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-118177507-line-1)">
</text><text class="terminal-118177507-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-118177507-line-2)">
</text><text class="terminal-118177507-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-118177507-line-3)">
</text><text class="terminal-118177507-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-118177507-line-4)">
</text><text class="terminal-118177507-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-118177507-line-5)">
</text><text class="terminal-118177507-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-118177507-line-6)">
</text><text class="terminal-118177507-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-118177507-line-7)">
</text><text class="terminal-118177507-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-118177507-line-8)">
</text><text class="terminal-118177507-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-118177507-line-9)">
</text><text class="terminal-118177507-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-118177507-line-10)">
</text><text class="terminal-118177507-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-118177507-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-118177507-r1" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-118177507-line-11)">100%</text><text class="terminal-118177507-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-118177507-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-118177507-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-118177507-line-11)">
</text><text class="terminal-118177507-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-118177507-line-12)">
</text><text class="terminal-118177507-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-118177507-line-13)">
</text><text class="terminal-118177507-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-118177507-line-14)">
</text><text class="terminal-118177507-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-118177507-line-15)">
</text><text class="terminal-118177507-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-118177507-line-16)">
</text><text class="terminal-118177507-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-118177507-line-17)">
</text><text class="terminal-118177507-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-118177507-line-18)">
</text><text class="terminal-118177507-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-118177507-line-19)">
</text><text class="terminal-118177507-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-118177507-line-20)">
</text><text class="terminal-118177507-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-118177507-line-21)">
</text><text class="terminal-118177507-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-118177507-line-22)">
</text><text class="terminal-118177507-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-118177507-line-23)">&#160;s&#160;</text><text class="terminal-118177507-r5" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-118177507-line-23)">Start&#160;</text><text class="terminal-118177507-r7" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-118177507-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,138 +19,139 @@
font-weight: 700;
}
.terminal-3030506209-matrix {
.terminal-3286600348-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3030506209-title {
.terminal-3286600348-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3030506209-r1 { fill: #e1e1e1 }
.terminal-3030506209-r2 { fill: #c5c8c6 }
.terminal-3030506209-r3 { fill: #b93c5b }
.terminal-3030506209-r4 { fill: #1e1e1e }
.terminal-3030506209-r5 { fill: #e1e1e1;text-decoration: underline; }
.terminal-3030506209-r6 { fill: #fea62b;font-weight: bold }
.terminal-3030506209-r7 { fill: #a7a9ab }
.terminal-3030506209-r8 { fill: #e2e3e3 }
.terminal-3286600348-r1 { fill: #e1e1e1 }
.terminal-3286600348-r2 { fill: #c5c8c6 }
.terminal-3286600348-r3 { fill: #b93c5b }
.terminal-3286600348-r4 { fill: #1e1e1e }
.terminal-3286600348-r5 { fill: #e1e1e1;text-decoration: underline; }
.terminal-3286600348-r6 { fill: #fea62b;font-weight: bold }
.terminal-3286600348-r7 { fill: #a7a9ab }
.terminal-3286600348-r8 { fill: #e2e3e3 }
.terminal-3286600348-r9 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3030506209-clip-terminal">
<clipPath id="terminal-3286600348-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3030506209-line-0">
<clipPath id="terminal-3286600348-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-1">
<clipPath id="terminal-3286600348-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-2">
<clipPath id="terminal-3286600348-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-3">
<clipPath id="terminal-3286600348-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-4">
<clipPath id="terminal-3286600348-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-5">
<clipPath id="terminal-3286600348-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-6">
<clipPath id="terminal-3286600348-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-7">
<clipPath id="terminal-3286600348-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-8">
<clipPath id="terminal-3286600348-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-9">
<clipPath id="terminal-3286600348-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-10">
<clipPath id="terminal-3286600348-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-11">
<clipPath id="terminal-3286600348-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-12">
<clipPath id="terminal-3286600348-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-13">
<clipPath id="terminal-3286600348-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-14">
<clipPath id="terminal-3286600348-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-15">
<clipPath id="terminal-3286600348-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-16">
<clipPath id="terminal-3286600348-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-17">
<clipPath id="terminal-3286600348-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-18">
<clipPath id="terminal-3286600348-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-19">
<clipPath id="terminal-3286600348-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-20">
<clipPath id="terminal-3286600348-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-21">
<clipPath id="terminal-3286600348-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3030506209-line-22">
<clipPath id="terminal-3286600348-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-3030506209-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-3286600348-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-3030506209-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3030506209-matrix">
<text class="terminal-3030506209-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3030506209-line-0)">
</text><text class="terminal-3030506209-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3030506209-line-1)">
</text><text class="terminal-3030506209-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3030506209-line-2)">
</text><text class="terminal-3030506209-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3030506209-line-3)">
</text><text class="terminal-3030506209-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3030506209-line-4)">
</text><text class="terminal-3030506209-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3030506209-line-5)">
</text><text class="terminal-3030506209-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3030506209-line-6)">
</text><text class="terminal-3030506209-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3030506209-line-7)">
</text><text class="terminal-3030506209-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3030506209-line-8)">
</text><text class="terminal-3030506209-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3030506209-line-9)">
</text><text class="terminal-3030506209-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3030506209-line-10)">
</text><text class="terminal-3030506209-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-3030506209-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3030506209-r4" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-3030506209-line-11)">100%</text><text class="terminal-3030506209-r5" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-3030506209-line-11)">--:--:--</text><text class="terminal-3030506209-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3030506209-line-11)">
</text><text class="terminal-3030506209-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3030506209-line-12)">
</text><text class="terminal-3030506209-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3030506209-line-13)">
</text><text class="terminal-3030506209-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3030506209-line-14)">
</text><text class="terminal-3030506209-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3030506209-line-15)">
</text><text class="terminal-3030506209-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3030506209-line-16)">
</text><text class="terminal-3030506209-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3030506209-line-17)">
</text><text class="terminal-3030506209-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3030506209-line-18)">
</text><text class="terminal-3030506209-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3030506209-line-19)">
</text><text class="terminal-3030506209-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3030506209-line-20)">
</text><text class="terminal-3030506209-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3030506209-line-21)">
</text><text class="terminal-3030506209-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3030506209-line-22)">
</text><text class="terminal-3030506209-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3030506209-line-23)">&#160;s&#160;</text><text class="terminal-3030506209-r7" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3030506209-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3286600348-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3286600348-matrix">
<text class="terminal-3286600348-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3286600348-line-0)">
</text><text class="terminal-3286600348-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3286600348-line-1)">
</text><text class="terminal-3286600348-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3286600348-line-2)">
</text><text class="terminal-3286600348-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3286600348-line-3)">
</text><text class="terminal-3286600348-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3286600348-line-4)">
</text><text class="terminal-3286600348-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3286600348-line-5)">
</text><text class="terminal-3286600348-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3286600348-line-6)">
</text><text class="terminal-3286600348-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3286600348-line-7)">
</text><text class="terminal-3286600348-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3286600348-line-8)">
</text><text class="terminal-3286600348-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3286600348-line-9)">
</text><text class="terminal-3286600348-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3286600348-line-10)">
</text><text class="terminal-3286600348-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-3286600348-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3286600348-r4" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-3286600348-line-11)">100%</text><text class="terminal-3286600348-r5" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-3286600348-line-11)">--:--:--</text><text class="terminal-3286600348-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3286600348-line-11)">
</text><text class="terminal-3286600348-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3286600348-line-12)">
</text><text class="terminal-3286600348-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3286600348-line-13)">
</text><text class="terminal-3286600348-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3286600348-line-14)">
</text><text class="terminal-3286600348-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3286600348-line-15)">
</text><text class="terminal-3286600348-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3286600348-line-16)">
</text><text class="terminal-3286600348-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3286600348-line-17)">
</text><text class="terminal-3286600348-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3286600348-line-18)">
</text><text class="terminal-3286600348-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3286600348-line-19)">
</text><text class="terminal-3286600348-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3286600348-line-20)">
</text><text class="terminal-3286600348-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3286600348-line-21)">
</text><text class="terminal-3286600348-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3286600348-line-22)">
</text><text class="terminal-3286600348-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3286600348-line-23)">&#160;s&#160;</text><text class="terminal-3286600348-r7" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3286600348-line-23)">Start&#160;</text><text class="terminal-3286600348-r9" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3286600348-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-3658011159-matrix {
.terminal-4007166418-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3658011159-title {
.terminal-4007166418-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3658011159-r1 { fill: #e1e1e1 }
.terminal-3658011159-r2 { fill: #c5c8c6 }
.terminal-3658011159-r3 { fill: #fea62b }
.terminal-3658011159-r4 { fill: #323232 }
.terminal-3658011159-r5 { fill: #fea62b;font-weight: bold }
.terminal-3658011159-r6 { fill: #a7a9ab }
.terminal-3658011159-r7 { fill: #e2e3e3 }
.terminal-4007166418-r1 { fill: #e1e1e1 }
.terminal-4007166418-r2 { fill: #c5c8c6 }
.terminal-4007166418-r3 { fill: #fea62b }
.terminal-4007166418-r4 { fill: #323232 }
.terminal-4007166418-r5 { fill: #fea62b;font-weight: bold }
.terminal-4007166418-r6 { fill: #a7a9ab }
.terminal-4007166418-r7 { fill: #e2e3e3 }
.terminal-4007166418-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-3658011159-clip-terminal">
<clipPath id="terminal-4007166418-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3658011159-line-0">
<clipPath id="terminal-4007166418-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-1">
<clipPath id="terminal-4007166418-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-2">
<clipPath id="terminal-4007166418-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-3">
<clipPath id="terminal-4007166418-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-4">
<clipPath id="terminal-4007166418-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-5">
<clipPath id="terminal-4007166418-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-6">
<clipPath id="terminal-4007166418-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-7">
<clipPath id="terminal-4007166418-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-8">
<clipPath id="terminal-4007166418-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-9">
<clipPath id="terminal-4007166418-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-10">
<clipPath id="terminal-4007166418-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-11">
<clipPath id="terminal-4007166418-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-12">
<clipPath id="terminal-4007166418-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-13">
<clipPath id="terminal-4007166418-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-14">
<clipPath id="terminal-4007166418-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-15">
<clipPath id="terminal-4007166418-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-16">
<clipPath id="terminal-4007166418-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-17">
<clipPath id="terminal-4007166418-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-18">
<clipPath id="terminal-4007166418-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-19">
<clipPath id="terminal-4007166418-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-20">
<clipPath id="terminal-4007166418-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-21">
<clipPath id="terminal-4007166418-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3658011159-line-22">
<clipPath id="terminal-4007166418-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-3658011159-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-4007166418-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-3658011159-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3658011159-matrix">
<text class="terminal-3658011159-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3658011159-line-0)">
</text><text class="terminal-3658011159-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3658011159-line-1)">
</text><text class="terminal-3658011159-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3658011159-line-2)">
</text><text class="terminal-3658011159-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3658011159-line-3)">
</text><text class="terminal-3658011159-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3658011159-line-4)">
</text><text class="terminal-3658011159-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3658011159-line-5)">
</text><text class="terminal-3658011159-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3658011159-line-6)">
</text><text class="terminal-3658011159-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3658011159-line-7)">
</text><text class="terminal-3658011159-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3658011159-line-8)">
</text><text class="terminal-3658011159-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3658011159-line-9)">
</text><text class="terminal-3658011159-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3658011159-line-10)">
</text><text class="terminal-3658011159-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-3658011159-line-11)">━━━━━━━━━━━━</text><text class="terminal-3658011159-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-3658011159-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3658011159-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-3658011159-line-11)">39%</text><text class="terminal-3658011159-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-3658011159-line-11)">00:00:07&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3658011159-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3658011159-line-11)">
</text><text class="terminal-3658011159-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3658011159-line-12)">
</text><text class="terminal-3658011159-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3658011159-line-13)">
</text><text class="terminal-3658011159-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3658011159-line-14)">
</text><text class="terminal-3658011159-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3658011159-line-15)">
</text><text class="terminal-3658011159-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3658011159-line-16)">
</text><text class="terminal-3658011159-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3658011159-line-17)">
</text><text class="terminal-3658011159-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3658011159-line-18)">
</text><text class="terminal-3658011159-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3658011159-line-19)">
</text><text class="terminal-3658011159-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3658011159-line-20)">
</text><text class="terminal-3658011159-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3658011159-line-21)">
</text><text class="terminal-3658011159-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3658011159-line-22)">
</text><text class="terminal-3658011159-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3658011159-line-23)">&#160;s&#160;</text><text class="terminal-3658011159-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3658011159-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-4007166418-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4007166418-matrix">
<text class="terminal-4007166418-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4007166418-line-0)">
</text><text class="terminal-4007166418-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4007166418-line-1)">
</text><text class="terminal-4007166418-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4007166418-line-2)">
</text><text class="terminal-4007166418-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4007166418-line-3)">
</text><text class="terminal-4007166418-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4007166418-line-4)">
</text><text class="terminal-4007166418-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4007166418-line-5)">
</text><text class="terminal-4007166418-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4007166418-line-6)">
</text><text class="terminal-4007166418-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4007166418-line-7)">
</text><text class="terminal-4007166418-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4007166418-line-8)">
</text><text class="terminal-4007166418-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4007166418-line-9)">
</text><text class="terminal-4007166418-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4007166418-line-10)">
</text><text class="terminal-4007166418-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-4007166418-line-11)">━━━━━━━━━━━━</text><text class="terminal-4007166418-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-4007166418-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-4007166418-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-4007166418-line-11)">39%</text><text class="terminal-4007166418-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-4007166418-line-11)">00:00:07&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4007166418-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4007166418-line-11)">
</text><text class="terminal-4007166418-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4007166418-line-12)">
</text><text class="terminal-4007166418-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4007166418-line-13)">
</text><text class="terminal-4007166418-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4007166418-line-14)">
</text><text class="terminal-4007166418-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4007166418-line-15)">
</text><text class="terminal-4007166418-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4007166418-line-16)">
</text><text class="terminal-4007166418-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4007166418-line-17)">
</text><text class="terminal-4007166418-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4007166418-line-18)">
</text><text class="terminal-4007166418-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4007166418-line-19)">
</text><text class="terminal-4007166418-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4007166418-line-20)">
</text><text class="terminal-4007166418-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4007166418-line-21)">
</text><text class="terminal-4007166418-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4007166418-line-22)">
</text><text class="terminal-4007166418-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4007166418-line-23)">&#160;s&#160;</text><text class="terminal-4007166418-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-4007166418-line-23)">Start&#160;</text><text class="terminal-4007166418-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-4007166418-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,139 +19,140 @@
font-weight: 700;
}
.terminal-2213813497-matrix {
.terminal-1923992741-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2213813497-title {
.terminal-1923992741-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2213813497-r1 { fill: #e1e1e1 }
.terminal-2213813497-r2 { fill: #c5c8c6 }
.terminal-2213813497-r3 { fill: #004578 }
.terminal-2213813497-r4 { fill: #152939 }
.terminal-2213813497-r5 { fill: #1e1e1e }
.terminal-2213813497-r6 { fill: #e1e1e1;text-decoration: underline; }
.terminal-2213813497-r7 { fill: #fea62b;font-weight: bold }
.terminal-2213813497-r8 { fill: #a7a9ab }
.terminal-2213813497-r9 { fill: #e2e3e3 }
.terminal-1923992741-r1 { fill: #e1e1e1 }
.terminal-1923992741-r2 { fill: #c5c8c6 }
.terminal-1923992741-r3 { fill: #004578 }
.terminal-1923992741-r4 { fill: #152939 }
.terminal-1923992741-r5 { fill: #1e1e1e }
.terminal-1923992741-r6 { fill: #e1e1e1;text-decoration: underline; }
.terminal-1923992741-r7 { fill: #fea62b;font-weight: bold }
.terminal-1923992741-r8 { fill: #a7a9ab }
.terminal-1923992741-r9 { fill: #e2e3e3 }
.terminal-1923992741-r10 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2213813497-clip-terminal">
<clipPath id="terminal-1923992741-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2213813497-line-0">
<clipPath id="terminal-1923992741-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-1">
<clipPath id="terminal-1923992741-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-2">
<clipPath id="terminal-1923992741-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-3">
<clipPath id="terminal-1923992741-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-4">
<clipPath id="terminal-1923992741-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-5">
<clipPath id="terminal-1923992741-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-6">
<clipPath id="terminal-1923992741-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-7">
<clipPath id="terminal-1923992741-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-8">
<clipPath id="terminal-1923992741-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-9">
<clipPath id="terminal-1923992741-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-10">
<clipPath id="terminal-1923992741-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-11">
<clipPath id="terminal-1923992741-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-12">
<clipPath id="terminal-1923992741-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-13">
<clipPath id="terminal-1923992741-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-14">
<clipPath id="terminal-1923992741-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-15">
<clipPath id="terminal-1923992741-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-16">
<clipPath id="terminal-1923992741-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-17">
<clipPath id="terminal-1923992741-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-18">
<clipPath id="terminal-1923992741-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-19">
<clipPath id="terminal-1923992741-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-20">
<clipPath id="terminal-1923992741-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-21">
<clipPath id="terminal-1923992741-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2213813497-line-22">
<clipPath id="terminal-1923992741-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-2213813497-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-1923992741-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-2213813497-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2213813497-matrix">
<text class="terminal-2213813497-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2213813497-line-0)">
</text><text class="terminal-2213813497-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2213813497-line-1)">
</text><text class="terminal-2213813497-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2213813497-line-2)">
</text><text class="terminal-2213813497-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2213813497-line-3)">
</text><text class="terminal-2213813497-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2213813497-line-4)">
</text><text class="terminal-2213813497-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2213813497-line-5)">
</text><text class="terminal-2213813497-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2213813497-line-6)">
</text><text class="terminal-2213813497-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2213813497-line-7)">
</text><text class="terminal-2213813497-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2213813497-line-8)">
</text><text class="terminal-2213813497-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2213813497-line-9)">
</text><text class="terminal-2213813497-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2213813497-line-10)">
</text><text class="terminal-2213813497-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-2213813497-line-11)">━━━━━━━━━━━━</text><text class="terminal-2213813497-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-2213813497-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2213813497-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-2213813497-line-11)">39%</text><text class="terminal-2213813497-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-2213813497-line-11)">00:00:07</text><text class="terminal-2213813497-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2213813497-line-11)">
</text><text class="terminal-2213813497-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2213813497-line-12)">
</text><text class="terminal-2213813497-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2213813497-line-13)">
</text><text class="terminal-2213813497-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2213813497-line-14)">
</text><text class="terminal-2213813497-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2213813497-line-15)">
</text><text class="terminal-2213813497-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2213813497-line-16)">
</text><text class="terminal-2213813497-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2213813497-line-17)">
</text><text class="terminal-2213813497-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2213813497-line-18)">
</text><text class="terminal-2213813497-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2213813497-line-19)">
</text><text class="terminal-2213813497-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2213813497-line-20)">
</text><text class="terminal-2213813497-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2213813497-line-21)">
</text><text class="terminal-2213813497-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2213813497-line-22)">
</text><text class="terminal-2213813497-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2213813497-line-23)">&#160;s&#160;</text><text class="terminal-2213813497-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-2213813497-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1923992741-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1923992741-matrix">
<text class="terminal-1923992741-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1923992741-line-0)">
</text><text class="terminal-1923992741-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1923992741-line-1)">
</text><text class="terminal-1923992741-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1923992741-line-2)">
</text><text class="terminal-1923992741-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1923992741-line-3)">
</text><text class="terminal-1923992741-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1923992741-line-4)">
</text><text class="terminal-1923992741-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1923992741-line-5)">
</text><text class="terminal-1923992741-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1923992741-line-6)">
</text><text class="terminal-1923992741-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1923992741-line-7)">
</text><text class="terminal-1923992741-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1923992741-line-8)">
</text><text class="terminal-1923992741-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1923992741-line-9)">
</text><text class="terminal-1923992741-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1923992741-line-10)">
</text><text class="terminal-1923992741-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-1923992741-line-11)">━━━━━━━━━━━━</text><text class="terminal-1923992741-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-1923992741-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1923992741-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-1923992741-line-11)">39%</text><text class="terminal-1923992741-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-1923992741-line-11)">00:00:07</text><text class="terminal-1923992741-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1923992741-line-11)">
</text><text class="terminal-1923992741-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1923992741-line-12)">
</text><text class="terminal-1923992741-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1923992741-line-13)">
</text><text class="terminal-1923992741-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1923992741-line-14)">
</text><text class="terminal-1923992741-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1923992741-line-15)">
</text><text class="terminal-1923992741-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1923992741-line-16)">
</text><text class="terminal-1923992741-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1923992741-line-17)">
</text><text class="terminal-1923992741-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1923992741-line-18)">
</text><text class="terminal-1923992741-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1923992741-line-19)">
</text><text class="terminal-1923992741-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1923992741-line-20)">
</text><text class="terminal-1923992741-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1923992741-line-21)">
</text><text class="terminal-1923992741-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1923992741-line-22)">
</text><text class="terminal-1923992741-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1923992741-line-23)">&#160;s&#160;</text><text class="terminal-1923992741-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-1923992741-line-23)">Start&#160;</text><text class="terminal-1923992741-r10" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1923992741-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,137 +19,138 @@
font-weight: 700;
}
.terminal-2628588616-matrix {
.terminal-3326395380-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2628588616-title {
.terminal-3326395380-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2628588616-r1 { fill: #e1e1e1 }
.terminal-2628588616-r2 { fill: #c5c8c6 }
.terminal-2628588616-r3 { fill: #323232 }
.terminal-2628588616-r4 { fill: #b93c5b }
.terminal-2628588616-r5 { fill: #fea62b;font-weight: bold }
.terminal-2628588616-r6 { fill: #a7a9ab }
.terminal-2628588616-r7 { fill: #e2e3e3 }
.terminal-3326395380-r1 { fill: #e1e1e1 }
.terminal-3326395380-r2 { fill: #c5c8c6 }
.terminal-3326395380-r3 { fill: #323232 }
.terminal-3326395380-r4 { fill: #b93c5b }
.terminal-3326395380-r5 { fill: #fea62b;font-weight: bold }
.terminal-3326395380-r6 { fill: #a7a9ab }
.terminal-3326395380-r7 { fill: #e2e3e3 }
.terminal-3326395380-r8 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2628588616-clip-terminal">
<clipPath id="terminal-3326395380-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2628588616-line-0">
<clipPath id="terminal-3326395380-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-1">
<clipPath id="terminal-3326395380-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-2">
<clipPath id="terminal-3326395380-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-3">
<clipPath id="terminal-3326395380-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-4">
<clipPath id="terminal-3326395380-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-5">
<clipPath id="terminal-3326395380-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-6">
<clipPath id="terminal-3326395380-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-7">
<clipPath id="terminal-3326395380-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-8">
<clipPath id="terminal-3326395380-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-9">
<clipPath id="terminal-3326395380-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-10">
<clipPath id="terminal-3326395380-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-11">
<clipPath id="terminal-3326395380-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-12">
<clipPath id="terminal-3326395380-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-13">
<clipPath id="terminal-3326395380-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-14">
<clipPath id="terminal-3326395380-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-15">
<clipPath id="terminal-3326395380-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-16">
<clipPath id="terminal-3326395380-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-17">
<clipPath id="terminal-3326395380-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-18">
<clipPath id="terminal-3326395380-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-19">
<clipPath id="terminal-3326395380-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-20">
<clipPath id="terminal-3326395380-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-21">
<clipPath id="terminal-3326395380-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2628588616-line-22">
<clipPath id="terminal-3326395380-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-2628588616-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-3326395380-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</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-2628588616-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2628588616-matrix">
<text class="terminal-2628588616-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2628588616-line-0)">
</text><text class="terminal-2628588616-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2628588616-line-1)">
</text><text class="terminal-2628588616-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2628588616-line-2)">
</text><text class="terminal-2628588616-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2628588616-line-3)">
</text><text class="terminal-2628588616-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2628588616-line-4)">
</text><text class="terminal-2628588616-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2628588616-line-5)">
</text><text class="terminal-2628588616-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2628588616-line-6)">
</text><text class="terminal-2628588616-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2628588616-line-7)">
</text><text class="terminal-2628588616-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2628588616-line-8)">
</text><text class="terminal-2628588616-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2628588616-line-9)">
</text><text class="terminal-2628588616-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2628588616-line-10)">
</text><text class="terminal-2628588616-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-2628588616-line-11)">━╸</text><text class="terminal-2628588616-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-2628588616-line-11)">━━━━━━━━</text><text class="terminal-2628588616-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-2628588616-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2628588616-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-2628588616-line-11)">--%</text><text class="terminal-2628588616-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-2628588616-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2628588616-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2628588616-line-11)">
</text><text class="terminal-2628588616-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2628588616-line-12)">
</text><text class="terminal-2628588616-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2628588616-line-13)">
</text><text class="terminal-2628588616-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2628588616-line-14)">
</text><text class="terminal-2628588616-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2628588616-line-15)">
</text><text class="terminal-2628588616-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2628588616-line-16)">
</text><text class="terminal-2628588616-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2628588616-line-17)">
</text><text class="terminal-2628588616-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2628588616-line-18)">
</text><text class="terminal-2628588616-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2628588616-line-19)">
</text><text class="terminal-2628588616-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2628588616-line-20)">
</text><text class="terminal-2628588616-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2628588616-line-21)">
</text><text class="terminal-2628588616-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2628588616-line-22)">
</text><text class="terminal-2628588616-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2628588616-line-23)">&#160;s&#160;</text><text class="terminal-2628588616-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-2628588616-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3326395380-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3326395380-matrix">
<text class="terminal-3326395380-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3326395380-line-0)">
</text><text class="terminal-3326395380-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3326395380-line-1)">
</text><text class="terminal-3326395380-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3326395380-line-2)">
</text><text class="terminal-3326395380-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3326395380-line-3)">
</text><text class="terminal-3326395380-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3326395380-line-4)">
</text><text class="terminal-3326395380-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3326395380-line-5)">
</text><text class="terminal-3326395380-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3326395380-line-6)">
</text><text class="terminal-3326395380-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3326395380-line-7)">
</text><text class="terminal-3326395380-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3326395380-line-8)">
</text><text class="terminal-3326395380-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3326395380-line-9)">
</text><text class="terminal-3326395380-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3326395380-line-10)">
</text><text class="terminal-3326395380-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-3326395380-line-11)">━╸</text><text class="terminal-3326395380-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-3326395380-line-11)">━━━━━━━━</text><text class="terminal-3326395380-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-3326395380-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3326395380-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-3326395380-line-11)">--%</text><text class="terminal-3326395380-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-3326395380-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3326395380-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3326395380-line-11)">
</text><text class="terminal-3326395380-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3326395380-line-12)">
</text><text class="terminal-3326395380-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3326395380-line-13)">
</text><text class="terminal-3326395380-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3326395380-line-14)">
</text><text class="terminal-3326395380-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3326395380-line-15)">
</text><text class="terminal-3326395380-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3326395380-line-16)">
</text><text class="terminal-3326395380-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3326395380-line-17)">
</text><text class="terminal-3326395380-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3326395380-line-18)">
</text><text class="terminal-3326395380-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3326395380-line-19)">
</text><text class="terminal-3326395380-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3326395380-line-20)">
</text><text class="terminal-3326395380-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3326395380-line-21)">
</text><text class="terminal-3326395380-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3326395380-line-22)">
</text><text class="terminal-3326395380-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3326395380-line-23)">&#160;s&#160;</text><text class="terminal-3326395380-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3326395380-line-23)">Start&#160;</text><text class="terminal-3326395380-r8" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3326395380-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -19,139 +19,140 @@
font-weight: 700;
}
.terminal-1415143893-matrix {
.terminal-686231952-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1415143893-title {
.terminal-686231952-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1415143893-r1 { fill: #e1e1e1 }
.terminal-1415143893-r2 { fill: #c5c8c6 }
.terminal-1415143893-r3 { fill: #fea62b }
.terminal-1415143893-r4 { fill: #004578 }
.terminal-1415143893-r5 { fill: #1e1e1e }
.terminal-1415143893-r6 { fill: #e1e1e1;text-decoration: underline; }
.terminal-1415143893-r7 { fill: #fea62b;font-weight: bold }
.terminal-1415143893-r8 { fill: #a7a9ab }
.terminal-1415143893-r9 { fill: #e2e3e3 }
.terminal-686231952-r1 { fill: #e1e1e1 }
.terminal-686231952-r2 { fill: #c5c8c6 }
.terminal-686231952-r3 { fill: #fea62b }
.terminal-686231952-r4 { fill: #004578 }
.terminal-686231952-r5 { fill: #1e1e1e }
.terminal-686231952-r6 { fill: #e1e1e1;text-decoration: underline; }
.terminal-686231952-r7 { fill: #fea62b;font-weight: bold }
.terminal-686231952-r8 { fill: #a7a9ab }
.terminal-686231952-r9 { fill: #e2e3e3 }
.terminal-686231952-r10 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-1415143893-clip-terminal">
<clipPath id="terminal-686231952-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1415143893-line-0">
<clipPath id="terminal-686231952-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-1">
<clipPath id="terminal-686231952-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-2">
<clipPath id="terminal-686231952-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-3">
<clipPath id="terminal-686231952-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-4">
<clipPath id="terminal-686231952-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-5">
<clipPath id="terminal-686231952-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-6">
<clipPath id="terminal-686231952-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-7">
<clipPath id="terminal-686231952-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-8">
<clipPath id="terminal-686231952-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-9">
<clipPath id="terminal-686231952-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-10">
<clipPath id="terminal-686231952-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-11">
<clipPath id="terminal-686231952-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-12">
<clipPath id="terminal-686231952-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-13">
<clipPath id="terminal-686231952-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-14">
<clipPath id="terminal-686231952-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-15">
<clipPath id="terminal-686231952-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-16">
<clipPath id="terminal-686231952-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-17">
<clipPath id="terminal-686231952-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-18">
<clipPath id="terminal-686231952-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-19">
<clipPath id="terminal-686231952-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-20">
<clipPath id="terminal-686231952-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-21">
<clipPath id="terminal-686231952-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1415143893-line-22">
<clipPath id="terminal-686231952-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-1415143893-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-686231952-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</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-1415143893-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="866.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1415143893-matrix">
<text class="terminal-1415143893-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1415143893-line-0)">
</text><text class="terminal-1415143893-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1415143893-line-1)">
</text><text class="terminal-1415143893-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1415143893-line-2)">
</text><text class="terminal-1415143893-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1415143893-line-3)">
</text><text class="terminal-1415143893-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1415143893-line-4)">
</text><text class="terminal-1415143893-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1415143893-line-5)">
</text><text class="terminal-1415143893-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1415143893-line-6)">
</text><text class="terminal-1415143893-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1415143893-line-7)">
</text><text class="terminal-1415143893-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1415143893-line-8)">
</text><text class="terminal-1415143893-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1415143893-line-9)">
</text><text class="terminal-1415143893-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1415143893-line-10)">
</text><text class="terminal-1415143893-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-1415143893-line-11)">━╸</text><text class="terminal-1415143893-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-1415143893-line-11)">━━━━━━━━</text><text class="terminal-1415143893-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-1415143893-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1415143893-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-1415143893-line-11)">--%</text><text class="terminal-1415143893-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-1415143893-line-11)">--:--:--</text><text class="terminal-1415143893-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1415143893-line-11)">
</text><text class="terminal-1415143893-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1415143893-line-12)">
</text><text class="terminal-1415143893-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1415143893-line-13)">
</text><text class="terminal-1415143893-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1415143893-line-14)">
</text><text class="terminal-1415143893-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1415143893-line-15)">
</text><text class="terminal-1415143893-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1415143893-line-16)">
</text><text class="terminal-1415143893-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1415143893-line-17)">
</text><text class="terminal-1415143893-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1415143893-line-18)">
</text><text class="terminal-1415143893-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1415143893-line-19)">
</text><text class="terminal-1415143893-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1415143893-line-20)">
</text><text class="terminal-1415143893-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1415143893-line-21)">
</text><text class="terminal-1415143893-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1415143893-line-22)">
</text><text class="terminal-1415143893-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1415143893-line-23)">&#160;s&#160;</text><text class="terminal-1415143893-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-1415143893-line-23)">Start&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-686231952-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-686231952-matrix">
<text class="terminal-686231952-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-686231952-line-0)">
</text><text class="terminal-686231952-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-686231952-line-1)">
</text><text class="terminal-686231952-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-686231952-line-2)">
</text><text class="terminal-686231952-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-686231952-line-3)">
</text><text class="terminal-686231952-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-686231952-line-4)">
</text><text class="terminal-686231952-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-686231952-line-5)">
</text><text class="terminal-686231952-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-686231952-line-6)">
</text><text class="terminal-686231952-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-686231952-line-7)">
</text><text class="terminal-686231952-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-686231952-line-8)">
</text><text class="terminal-686231952-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-686231952-line-9)">
</text><text class="terminal-686231952-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-686231952-line-10)">
</text><text class="terminal-686231952-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-686231952-line-11)">━╸</text><text class="terminal-686231952-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-686231952-line-11)">━━━━━━━━</text><text class="terminal-686231952-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-686231952-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-686231952-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-686231952-line-11)">--%</text><text class="terminal-686231952-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-686231952-line-11)">--:--:--</text><text class="terminal-686231952-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-686231952-line-11)">
</text><text class="terminal-686231952-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-686231952-line-12)">
</text><text class="terminal-686231952-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-686231952-line-13)">
</text><text class="terminal-686231952-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-686231952-line-14)">
</text><text class="terminal-686231952-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-686231952-line-15)">
</text><text class="terminal-686231952-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-686231952-line-16)">
</text><text class="terminal-686231952-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-686231952-line-17)">
</text><text class="terminal-686231952-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-686231952-line-18)">
</text><text class="terminal-686231952-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-686231952-line-19)">
</text><text class="terminal-686231952-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-686231952-line-20)">
</text><text class="terminal-686231952-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-686231952-line-21)">
</text><text class="terminal-686231952-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-686231952-line-22)">
</text><text class="terminal-686231952-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-686231952-line-23)">&#160;s&#160;</text><text class="terminal-686231952-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-686231952-line-23)">Start&#160;</text><text class="terminal-686231952-r10" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-686231952-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 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,138 +19,139 @@
font-weight: 700;
}
.terminal-2357839144-matrix {
.terminal-1937077475-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2357839144-title {
.terminal-1937077475-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2357839144-r1 { fill: #c5c8c6 }
.terminal-2357839144-r2 { fill: #e3e3e3 }
.terminal-2357839144-r3 { fill: #008000 }
.terminal-2357839144-r4 { fill: #ffff00 }
.terminal-2357839144-r5 { fill: #e1e1e1 }
.terminal-2357839144-r6 { fill: #fea62b;font-weight: bold }
.terminal-2357839144-r7 { fill: #a7a9ab }
.terminal-2357839144-r8 { fill: #e2e3e3 }
.terminal-1937077475-r1 { fill: #c5c8c6 }
.terminal-1937077475-r2 { fill: #e3e3e3 }
.terminal-1937077475-r3 { fill: #008000 }
.terminal-1937077475-r4 { fill: #ffff00 }
.terminal-1937077475-r5 { fill: #e1e1e1 }
.terminal-1937077475-r6 { fill: #fea62b;font-weight: bold }
.terminal-1937077475-r7 { fill: #a7a9ab }
.terminal-1937077475-r8 { fill: #e2e3e3 }
.terminal-1937077475-r9 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-2357839144-clip-terminal">
<clipPath id="terminal-1937077475-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2357839144-line-0">
<clipPath id="terminal-1937077475-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-1">
<clipPath id="terminal-1937077475-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-2">
<clipPath id="terminal-1937077475-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-3">
<clipPath id="terminal-1937077475-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-4">
<clipPath id="terminal-1937077475-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-5">
<clipPath id="terminal-1937077475-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-6">
<clipPath id="terminal-1937077475-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-7">
<clipPath id="terminal-1937077475-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-8">
<clipPath id="terminal-1937077475-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-9">
<clipPath id="terminal-1937077475-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-10">
<clipPath id="terminal-1937077475-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-11">
<clipPath id="terminal-1937077475-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-12">
<clipPath id="terminal-1937077475-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-13">
<clipPath id="terminal-1937077475-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-14">
<clipPath id="terminal-1937077475-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-15">
<clipPath id="terminal-1937077475-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-16">
<clipPath id="terminal-1937077475-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-17">
<clipPath id="terminal-1937077475-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-18">
<clipPath id="terminal-1937077475-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-19">
<clipPath id="terminal-1937077475-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-20">
<clipPath id="terminal-1937077475-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-21">
<clipPath id="terminal-1937077475-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2357839144-line-22">
<clipPath id="terminal-1937077475-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-2357839144-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VerticalRemoveApp</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-1937077475-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VerticalRemoveApp</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-2357839144-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="50.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="74.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" 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="#ff0000" x="12.2" y="99.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="768.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2357839144-matrix">
<text class="terminal-2357839144-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2357839144-line-0)"></text><text class="terminal-2357839144-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-2357839144-line-0)">VerticalRemoveApp</text><text class="terminal-2357839144-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2357839144-line-0)">
</text><text class="terminal-2357839144-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2357839144-line-1)">╭──────────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-2357839144-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2357839144-line-1)">
</text><text class="terminal-2357839144-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-2)"></text><text class="terminal-2357839144-r4" x="12.2" y="68.8" textLength="268.4" clip-path="url(#terminal-2357839144-line-2)">╭────────────────────╮</text><text class="terminal-2357839144-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-2)"></text><text class="terminal-2357839144-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-2)">
</text><text class="terminal-2357839144-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-3)"></text><text class="terminal-2357839144-r4" x="12.2" y="93.2" textLength="268.4" clip-path="url(#terminal-2357839144-line-3)">│This&#160;is&#160;a&#160;test&#160;label│</text><text class="terminal-2357839144-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-3)"></text><text class="terminal-2357839144-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-3)">
</text><text class="terminal-2357839144-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-4)"></text><text class="terminal-2357839144-r4" x="12.2" y="117.6" textLength="268.4" clip-path="url(#terminal-2357839144-line-4)">╰────────────────────╯</text><text class="terminal-2357839144-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-4)"></text><text class="terminal-2357839144-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-4)">
</text><text class="terminal-2357839144-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-2357839144-line-5)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-2357839144-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2357839144-line-5)">
</text><text class="terminal-2357839144-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2357839144-line-6)">
</text><text class="terminal-2357839144-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-7)">
</text><text class="terminal-2357839144-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-8)">
</text><text class="terminal-2357839144-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-9)">
</text><text class="terminal-2357839144-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2357839144-line-10)">
</text><text class="terminal-2357839144-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2357839144-line-11)">
</text><text class="terminal-2357839144-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-12)">
</text><text class="terminal-2357839144-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-13)">
</text><text class="terminal-2357839144-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-14)">
</text><text class="terminal-2357839144-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2357839144-line-15)">
</text><text class="terminal-2357839144-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2357839144-line-16)">
</text><text class="terminal-2357839144-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-17)">
</text><text class="terminal-2357839144-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2357839144-line-18)">
</text><text class="terminal-2357839144-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2357839144-line-19)">
</text><text class="terminal-2357839144-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2357839144-line-20)">
</text><text class="terminal-2357839144-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2357839144-line-21)">
</text><text class="terminal-2357839144-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2357839144-line-22)">
</text><text class="terminal-2357839144-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2357839144-line-23)">&#160;a&#160;</text><text class="terminal-2357839144-r7" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-2357839144-line-23)">Add&#160;</text><text class="terminal-2357839144-r6" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-2357839144-line-23)">&#160;d&#160;</text><text class="terminal-2357839144-r7" x="122" y="581.2" textLength="85.4" clip-path="url(#terminal-2357839144-line-23)">Delete&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1937077475-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="50.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="74.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" 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="#ff0000" x="12.2" y="99.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1937077475-matrix">
<text class="terminal-1937077475-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1937077475-line-0)"></text><text class="terminal-1937077475-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-1937077475-line-0)">VerticalRemoveApp</text><text class="terminal-1937077475-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1937077475-line-0)">
</text><text class="terminal-1937077475-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-1937077475-line-1)">╭──────────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-1937077475-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1937077475-line-1)">
</text><text class="terminal-1937077475-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-2)"></text><text class="terminal-1937077475-r4" x="12.2" y="68.8" textLength="268.4" clip-path="url(#terminal-1937077475-line-2)">╭────────────────────╮</text><text class="terminal-1937077475-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-2)"></text><text class="terminal-1937077475-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-2)">
</text><text class="terminal-1937077475-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-3)"></text><text class="terminal-1937077475-r4" x="12.2" y="93.2" textLength="268.4" clip-path="url(#terminal-1937077475-line-3)">│This&#160;is&#160;a&#160;test&#160;label│</text><text class="terminal-1937077475-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-3)"></text><text class="terminal-1937077475-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-3)">
</text><text class="terminal-1937077475-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-4)"></text><text class="terminal-1937077475-r4" x="12.2" y="117.6" textLength="268.4" clip-path="url(#terminal-1937077475-line-4)">╰────────────────────╯</text><text class="terminal-1937077475-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-4)"></text><text class="terminal-1937077475-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-4)">
</text><text class="terminal-1937077475-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-1937077475-line-5)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-1937077475-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1937077475-line-5)">
</text><text class="terminal-1937077475-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1937077475-line-6)">
</text><text class="terminal-1937077475-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-7)">
</text><text class="terminal-1937077475-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-8)">
</text><text class="terminal-1937077475-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-9)">
</text><text class="terminal-1937077475-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1937077475-line-10)">
</text><text class="terminal-1937077475-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1937077475-line-11)">
</text><text class="terminal-1937077475-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-12)">
</text><text class="terminal-1937077475-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-13)">
</text><text class="terminal-1937077475-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-14)">
</text><text class="terminal-1937077475-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1937077475-line-15)">
</text><text class="terminal-1937077475-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1937077475-line-16)">
</text><text class="terminal-1937077475-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-17)">
</text><text class="terminal-1937077475-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1937077475-line-18)">
</text><text class="terminal-1937077475-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1937077475-line-19)">
</text><text class="terminal-1937077475-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1937077475-line-20)">
</text><text class="terminal-1937077475-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1937077475-line-21)">
</text><text class="terminal-1937077475-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1937077475-line-22)">
</text><text class="terminal-1937077475-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1937077475-line-23)">&#160;a&#160;</text><text class="terminal-1937077475-r7" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-1937077475-line-23)">Add&#160;</text><text class="terminal-1937077475-r6" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-1937077475-line-23)">&#160;d&#160;</text><text class="terminal-1937077475-r7" x="122" y="581.2" textLength="85.4" clip-path="url(#terminal-1937077475-line-23)">Delete&#160;</text><text class="terminal-1937077475-r9" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-1937077475-line-23)">^p</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -19,136 +19,137 @@
font-weight: 700;
}
.terminal-300775983-matrix {
.terminal-3493865962-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-300775983-title {
.terminal-3493865962-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-300775983-r1 { fill: #c5c8c6 }
.terminal-300775983-r2 { fill: #e3e3e3 }
.terminal-300775983-r3 { fill: #e1e1e1 }
.terminal-300775983-r4 { fill: #fea62b;font-weight: bold }
.terminal-300775983-r5 { fill: #a7a9ab }
.terminal-300775983-r6 { fill: #e2e3e3 }
.terminal-3493865962-r1 { fill: #c5c8c6 }
.terminal-3493865962-r2 { fill: #e3e3e3 }
.terminal-3493865962-r3 { fill: #e1e1e1 }
.terminal-3493865962-r4 { fill: #fea62b;font-weight: bold }
.terminal-3493865962-r5 { fill: #a7a9ab }
.terminal-3493865962-r6 { fill: #e2e3e3 }
.terminal-3493865962-r7 { fill: #4ebf71;font-weight: bold }
</style>
<defs>
<clipPath id="terminal-300775983-clip-terminal">
<clipPath id="terminal-3493865962-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-300775983-line-0">
<clipPath id="terminal-3493865962-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-1">
<clipPath id="terminal-3493865962-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-2">
<clipPath id="terminal-3493865962-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-3">
<clipPath id="terminal-3493865962-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-4">
<clipPath id="terminal-3493865962-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-5">
<clipPath id="terminal-3493865962-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-6">
<clipPath id="terminal-3493865962-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-7">
<clipPath id="terminal-3493865962-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-8">
<clipPath id="terminal-3493865962-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-9">
<clipPath id="terminal-3493865962-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-10">
<clipPath id="terminal-3493865962-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-11">
<clipPath id="terminal-3493865962-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-12">
<clipPath id="terminal-3493865962-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-13">
<clipPath id="terminal-3493865962-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-14">
<clipPath id="terminal-3493865962-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-15">
<clipPath id="terminal-3493865962-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-16">
<clipPath id="terminal-3493865962-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-17">
<clipPath id="terminal-3493865962-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-18">
<clipPath id="terminal-3493865962-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-19">
<clipPath id="terminal-3493865962-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-20">
<clipPath id="terminal-3493865962-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-21">
<clipPath id="terminal-3493865962-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-300775983-line-22">
<clipPath id="terminal-3493865962-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-300775983-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-3493865962-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</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-300775983-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.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="963.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="768.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-300775983-matrix">
<text class="terminal-300775983-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-300775983-line-0)"></text><text class="terminal-300775983-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-300775983-line-0)">ModalApp</text><text class="terminal-300775983-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-300775983-line-0)">
</text><text class="terminal-300775983-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-300775983-line-1)">B</text><text class="terminal-300775983-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-300775983-line-1)">
</text><text class="terminal-300775983-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-300775983-line-2)">
</text><text class="terminal-300775983-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-300775983-line-3)">
</text><text class="terminal-300775983-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-300775983-line-4)">
</text><text class="terminal-300775983-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-300775983-line-5)">
</text><text class="terminal-300775983-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-300775983-line-6)">
</text><text class="terminal-300775983-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-300775983-line-7)">
</text><text class="terminal-300775983-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-300775983-line-8)">
</text><text class="terminal-300775983-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-300775983-line-9)">
</text><text class="terminal-300775983-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-300775983-line-10)">
</text><text class="terminal-300775983-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-300775983-line-11)">
</text><text class="terminal-300775983-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-300775983-line-12)">
</text><text class="terminal-300775983-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-300775983-line-13)">
</text><text class="terminal-300775983-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-300775983-line-14)">
</text><text class="terminal-300775983-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-300775983-line-15)">
</text><text class="terminal-300775983-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-300775983-line-16)">
</text><text class="terminal-300775983-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-300775983-line-17)">
</text><text class="terminal-300775983-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-300775983-line-18)">
</text><text class="terminal-300775983-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-300775983-line-19)">
</text><text class="terminal-300775983-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-300775983-line-20)">
</text><text class="terminal-300775983-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-300775983-line-21)">
</text><text class="terminal-300775983-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-300775983-line-22)">
</text><text class="terminal-300775983-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-300775983-line-23)">&#160;a&#160;</text><text class="terminal-300775983-r5" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-300775983-line-23)">Push&#160;screen&#160;A&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3493865962-clip-terminal)">
<rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.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="963.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" 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="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="927.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3493865962-matrix">
<text class="terminal-3493865962-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3493865962-line-0)"></text><text class="terminal-3493865962-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-3493865962-line-0)">ModalApp</text><text class="terminal-3493865962-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3493865962-line-0)">
</text><text class="terminal-3493865962-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-1)">B</text><text class="terminal-3493865962-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-1)">
</text><text class="terminal-3493865962-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3493865962-line-2)">
</text><text class="terminal-3493865962-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3493865962-line-3)">
</text><text class="terminal-3493865962-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3493865962-line-4)">
</text><text class="terminal-3493865962-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3493865962-line-5)">
</text><text class="terminal-3493865962-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-6)">
</text><text class="terminal-3493865962-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3493865962-line-7)">
</text><text class="terminal-3493865962-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3493865962-line-8)">
</text><text class="terminal-3493865962-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3493865962-line-9)">
</text><text class="terminal-3493865962-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3493865962-line-10)">
</text><text class="terminal-3493865962-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-11)">
</text><text class="terminal-3493865962-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3493865962-line-12)">
</text><text class="terminal-3493865962-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3493865962-line-13)">
</text><text class="terminal-3493865962-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3493865962-line-14)">
</text><text class="terminal-3493865962-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3493865962-line-15)">
</text><text class="terminal-3493865962-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-16)">
</text><text class="terminal-3493865962-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3493865962-line-17)">
</text><text class="terminal-3493865962-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3493865962-line-18)">
</text><text class="terminal-3493865962-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3493865962-line-19)">
</text><text class="terminal-3493865962-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3493865962-line-20)">
</text><text class="terminal-3493865962-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3493865962-line-21)">
</text><text class="terminal-3493865962-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3493865962-line-22)">
</text><text class="terminal-3493865962-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3493865962-line-23)">&#160;a&#160;</text><text class="terminal-3493865962-r5" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-3493865962-line-23)">Push&#160;screen&#160;A&#160;</text><text class="terminal-3493865962-r7" x="939.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3493865962-line-23)">^p</text>
</g>
</g>
</svg>

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: 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: 33 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: 33 KiB

After

Width:  |  Height:  |  Size: 34 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 34 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: 33 KiB

After

Width:  |  Height:  |  Size: 34 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 45 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-3361617742-matrix {
.terminal-3603379720-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3361617742-title {
.terminal-3603379720-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3361617742-r1 { fill: #fea62b }
.terminal-3361617742-r2 { fill: #323232 }
.terminal-3361617742-r3 { fill: #c5c8c6 }
.terminal-3361617742-r4 { fill: #e1e1e1 }
.terminal-3361617742-r5 { fill: #e2e3e3 }
.terminal-3603379720-r1 { fill: #fea62b }
.terminal-3603379720-r2 { fill: #323232 }
.terminal-3603379720-r3 { fill: #c5c8c6 }
.terminal-3603379720-r4 { fill: #e1e1e1 }
.terminal-3603379720-r5 { fill: #e0e0e0 }
</style>
<defs>
<clipPath id="terminal-3361617742-clip-terminal">
<clipPath id="terminal-3603379720-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3361617742-line-0">
<clipPath id="terminal-3603379720-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-1">
<clipPath id="terminal-3603379720-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-2">
<clipPath id="terminal-3603379720-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-3">
<clipPath id="terminal-3603379720-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-4">
<clipPath id="terminal-3603379720-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-5">
<clipPath id="terminal-3603379720-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-6">
<clipPath id="terminal-3603379720-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-7">
<clipPath id="terminal-3603379720-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-8">
<clipPath id="terminal-3603379720-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-9">
<clipPath id="terminal-3603379720-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-10">
<clipPath id="terminal-3603379720-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-11">
<clipPath id="terminal-3603379720-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-12">
<clipPath id="terminal-3603379720-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-13">
<clipPath id="terminal-3603379720-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-14">
<clipPath id="terminal-3603379720-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-15">
<clipPath id="terminal-3603379720-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-16">
<clipPath id="terminal-3603379720-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-17">
<clipPath id="terminal-3603379720-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-18">
<clipPath id="terminal-3603379720-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-19">
<clipPath id="terminal-3603379720-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-20">
<clipPath id="terminal-3603379720-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-21">
<clipPath id="terminal-3603379720-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3361617742-line-22">
<clipPath id="terminal-3603379720-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-3361617742-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TooltipApp</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-3603379720-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TooltipApp</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-3361617742-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="36.6" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="25.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="25.9" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="50.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="50.3" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="74.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="74.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3361617742-matrix">
<text class="terminal-3361617742-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-3361617742-line-0)">━━━</text><text class="terminal-3361617742-r2" x="36.6" y="20" textLength="353.8" clip-path="url(#terminal-3361617742-line-0)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3361617742-r4" x="414.8" y="20" textLength="561.2" clip-path="url(#terminal-3361617742-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;</text><text class="terminal-3361617742-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3361617742-line-0)">
</text><text class="terminal-3361617742-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3361617742-line-1)">
</text><text class="terminal-3361617742-r5" x="48.8" y="68.8" textLength="183" clip-path="url(#terminal-3361617742-line-2)">Hello,&#160;Tooltip!</text><text class="terminal-3361617742-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3361617742-line-2)">
</text><text class="terminal-3361617742-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3361617742-line-3)">
</text><text class="terminal-3361617742-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3361617742-line-4)">
</text><text class="terminal-3361617742-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3361617742-line-5)">
</text><text class="terminal-3361617742-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3361617742-line-6)">
</text><text class="terminal-3361617742-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3361617742-line-7)">
</text><text class="terminal-3361617742-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3361617742-line-8)">
</text><text class="terminal-3361617742-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3361617742-line-9)">
</text><text class="terminal-3361617742-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3361617742-line-10)">
</text><text class="terminal-3361617742-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3361617742-line-11)">
</text><text class="terminal-3361617742-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3361617742-line-12)">
</text><text class="terminal-3361617742-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3361617742-line-13)">
</text><text class="terminal-3361617742-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3361617742-line-14)">
</text><text class="terminal-3361617742-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3361617742-line-15)">
</text><text class="terminal-3361617742-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3361617742-line-16)">
</text><text class="terminal-3361617742-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3361617742-line-17)">
</text><text class="terminal-3361617742-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3361617742-line-18)">
</text><text class="terminal-3361617742-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3361617742-line-19)">
</text><text class="terminal-3361617742-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3361617742-line-20)">
</text><text class="terminal-3361617742-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3361617742-line-21)">
</text><text class="terminal-3361617742-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3361617742-line-22)">
<g transform="translate(9, 41)" clip-path="url(#terminal-3603379720-clip-terminal)">
<rect fill="#1e1e1e" x="0" y="1.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="36.6" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="25.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="25.9" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="48.8" y="50.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="231.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="50.3" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="24.4" y="74.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="74.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" 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="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3603379720-matrix">
<text class="terminal-3603379720-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-3603379720-line-0)">━━━</text><text class="terminal-3603379720-r2" x="36.6" y="20" textLength="353.8" clip-path="url(#terminal-3603379720-line-0)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3603379720-r4" x="414.8" y="20" textLength="561.2" clip-path="url(#terminal-3603379720-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;</text><text class="terminal-3603379720-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3603379720-line-0)">
</text><text class="terminal-3603379720-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3603379720-line-1)">
</text><text class="terminal-3603379720-r5" x="48.8" y="68.8" textLength="183" clip-path="url(#terminal-3603379720-line-2)">Hello,&#160;Tooltip!</text><text class="terminal-3603379720-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3603379720-line-2)">
</text><text class="terminal-3603379720-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3603379720-line-3)">
</text><text class="terminal-3603379720-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3603379720-line-4)">
</text><text class="terminal-3603379720-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3603379720-line-5)">
</text><text class="terminal-3603379720-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3603379720-line-6)">
</text><text class="terminal-3603379720-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3603379720-line-7)">
</text><text class="terminal-3603379720-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3603379720-line-8)">
</text><text class="terminal-3603379720-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3603379720-line-9)">
</text><text class="terminal-3603379720-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3603379720-line-10)">
</text><text class="terminal-3603379720-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3603379720-line-11)">
</text><text class="terminal-3603379720-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3603379720-line-12)">
</text><text class="terminal-3603379720-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3603379720-line-13)">
</text><text class="terminal-3603379720-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3603379720-line-14)">
</text><text class="terminal-3603379720-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3603379720-line-15)">
</text><text class="terminal-3603379720-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3603379720-line-16)">
</text><text class="terminal-3603379720-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3603379720-line-17)">
</text><text class="terminal-3603379720-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3603379720-line-18)">
</text><text class="terminal-3603379720-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3603379720-line-19)">
</text><text class="terminal-3603379720-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3603379720-line-20)">
</text><text class="terminal-3603379720-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3603379720-line-21)">
</text><text class="terminal-3603379720-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3603379720-line-22)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -1195,7 +1195,7 @@ def test_example_color_command(snap_compare):
"""Test the color_command example."""
assert snap_compare(
EXAMPLES_DIR / "color_command.py",
press=["ctrl+backslash", "r", "e", "d", "down", "enter"],
press=["ctrl+p", "r", "e", "d", "down", "enter"],
)

View File

@@ -41,7 +41,7 @@ async def test_just_app_no_bindings() -> None:
async with NoBindings().run_test() as pilot:
assert list(pilot.app._bindings.key_to_bindings.keys()) == [
"ctrl+c",
"ctrl+backslash",
"ctrl+p",
]
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
@@ -65,7 +65,7 @@ async def test_just_app_alpha_binding() -> None:
"""An app with a single binding should have just the one binding."""
async with AlphaBinding().run_test() as pilot:
assert sorted(pilot.app._bindings.key_to_bindings.keys()) == sorted(
["ctrl+c", "ctrl+backslash", "a"]
["ctrl+c", "ctrl+p", "a"]
)
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("a")[0].priority is True
@@ -89,7 +89,7 @@ async def test_just_app_low_priority_alpha_binding() -> None:
"""An app with a single low-priority binding should have just the one binding."""
async with LowAlphaBinding().run_test() as pilot:
assert sorted(pilot.app._bindings.key_to_bindings.keys()) == sorted(
["ctrl+c", "ctrl+backslash", "a"]
["ctrl+c", "ctrl+p", "a"]
)
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("a")[0].priority is False