You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by po...@apache.org on 2022/04/30 23:54:11 UTC
[airflow] 06/09: Fix regeneration of breeze screenshots (#23344)
This is an automated email from the ASF dual-hosted git repository.
potiuk pushed a commit to branch v2-3-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
commit 18d1ba0e0ad4658a9c3ccc23bca03d559280c85f
Author: Jarek Potiuk <ja...@polidea.com>
AuthorDate: Fri Apr 29 17:43:22 2022 +0200
Fix regeneration of breeze screenshots (#23344)
(cherry picked from commit c1528f71b055db3cf27ea4597f9550171fcb2678)
---
.github/workflows/ci.yml | 4 +-
dev/breeze/README.md | 2 +-
dev/breeze/setup.cfg | 2 +-
images/breeze/output-build-docs.svg | 58 +++++++++++-----------
images/breeze/output-build-image.svg | 58 +++++++++++-----------
images/breeze/output-build-prod-image.svg | 58 +++++++++++-----------
images/breeze/output-cleanup.svg | 58 +++++++++++-----------
images/breeze/output-commands.svg | 58 +++++++++++-----------
images/breeze/output-config.svg | 58 +++++++++++-----------
images/breeze/output-docker-compose-tests.svg | 58 +++++++++++-----------
images/breeze/output-exec.svg | 56 ++++++++++-----------
images/breeze/output-find-newer-dependencies.svg | 58 +++++++++++-----------
images/breeze/output-fix-ownership.svg | 56 ++++++++++-----------
images/breeze/output-free-space.svg | 58 +++++++++++-----------
images/breeze/output-generate-constraints.svg | 58 +++++++++++-----------
images/breeze/output-prepare-airflow-package.svg | 58 +++++++++++-----------
.../output-prepare-provider-documentation.svg | 58 +++++++++++-----------
images/breeze/output-prepare-provider-packages.svg | 58 +++++++++++-----------
images/breeze/output-pull-image.svg | 58 +++++++++++-----------
images/breeze/output-pull-prod-image.svg | 58 +++++++++++-----------
images/breeze/output-resource-check.svg | 56 ++++++++++-----------
images/breeze/output-self-upgrade.svg | 56 ++++++++++-----------
images/breeze/output-setup-autocomplete.svg | 58 +++++++++++-----------
images/breeze/output-shell.svg | 58 +++++++++++-----------
images/breeze/output-start-airflow.svg | 58 +++++++++++-----------
images/breeze/output-static-checks.svg | 58 +++++++++++-----------
images/breeze/output-stop.svg | 56 ++++++++++-----------
images/breeze/output-verify-image.svg | 58 +++++++++++-----------
images/breeze/output-verify-prod-image.svg | 58 +++++++++++-----------
images/breeze/output-version.svg | 56 ++++++++++-----------
30 files changed, 780 insertions(+), 782 deletions(-)
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 3de74ef64d..e85684107a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -633,9 +633,7 @@ ${{ hashFiles('.pre-commit-config.yaml') }}"
run: breeze static-checks --all-files --show-diff-on-failure --color always
env:
VERBOSE: false
- # TODO(potiuk): check why the SVG images in CI suddenly started to be different
- # than locally even with new rich 12.3.0 ?????
- SKIP: "identity,update-breeze-file"
+ SKIP: "identity"
COLUMNS: 250
- name: "Fix ownership"
run: breeze fix-ownership
diff --git a/dev/breeze/README.md b/dev/breeze/README.md
index e038229c27..2df4bfac42 100644
--- a/dev/breeze/README.md
+++ b/dev/breeze/README.md
@@ -52,6 +52,6 @@ PLEASE DO NOT MODIFY THE HASH BELOW! IT IS AUTOMATICALLY UPDATED BY PRE-COMMIT.
---------------------------------------------------------------------------------------------------------
-Package config hash: 7f2ce934ce9d90dcc7f97c10534416a8736cb37c1bdf10c0b9abaae77fef35875863188897e13b68899caac65072697341bd11f7cc39148b0c4774ef11a88df2
+Package config hash: 6ab00f80228fe4392cdb1263a52c55416c153052010bd5baca25add84da7475d8601cc399342c72ad95df0e1f2de99e2a99e3d0b19631ff0480554360a9578b4
---------------------------------------------------------------------------------------------------------
diff --git a/dev/breeze/setup.cfg b/dev/breeze/setup.cfg
index 5ef8675c98..7469807313 100644
--- a/dev/breeze/setup.cfg
+++ b/dev/breeze/setup.cfg
@@ -63,7 +63,7 @@ install_requires =
pytest-xdist
pyyaml
requests
- rich
+ rich>=12.3.0
rich_click
[options.packages.find]
diff --git a/images/breeze/output-build-docs.svg b/images/breeze/output-build-docs.svg
index 572747d685..d01d3ecf1c 100644
--- a/images/breeze/output-build-docs.svg
+++ b/images/breeze/output-build-docs.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3399521216-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3399521216-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3399521216-terminal-body .blink {
+ animation: rich-svg-3399521216-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3399521216-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3399521216-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3399521216-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3399521216-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3399521216-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3399521216-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3399521216-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3399521216-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-3399521216-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3399521216-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3399521216-terminal-wrapper">
+ <div class="rich-svg-3399521216-terminal">
+ <div class="rich-svg-3399521216-terminal-header">
+ <svg class="rich-svg-3399521216-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: build-docs</div>
+ <div class="rich-svg-3399521216-terminal-title-tab">Command: build-docs</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3399521216-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze build-docs [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-build-image.svg b/images/breeze/output-build-image.svg
index f55442611c..8ff7a50baa 100644
--- a/images/breeze/output-build-image.svg
+++ b/images/breeze/output-build-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-662778973-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-662778973-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-662778973-terminal-body .blink {
+ animation: rich-svg-662778973-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-662778973-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-662778973-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-662778973-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-662778973-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-662778973-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-662778973-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-662778973-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-662778973-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-662778973-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-662778973-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-662778973-terminal-wrapper">
+ <div class="rich-svg-662778973-terminal">
+ <div class="rich-svg-662778973-terminal-header">
+ <svg class="rich-svg-662778973-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: build-image</div>
+ <div class="rich-svg-662778973-terminal-title-tab">Command: build-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-662778973-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze build-image [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-build-prod-image.svg b/images/breeze/output-build-prod-image.svg
index 7d693c4d73..47346d92ee 100644
--- a/images/breeze/output-build-prod-image.svg
+++ b/images/breeze/output-build-prod-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-787753248-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-787753248-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-787753248-terminal-body .blink {
+ animation: rich-svg-787753248-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-787753248-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-787753248-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-787753248-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-787753248-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-787753248-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-787753248-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-787753248-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-787753248-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-787753248-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-787753248-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-787753248-terminal-wrapper">
+ <div class="rich-svg-787753248-terminal">
+ <div class="rich-svg-787753248-terminal-header">
+ <svg class="rich-svg-787753248-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: build-prod-image</div>
+ <div class="rich-svg-787753248-terminal-title-tab">Command: build-prod-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-787753248-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze build-prod-image [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-cleanup.svg b/images/breeze/output-cleanup.svg
index ced3f3d578..955561e0b6 100644
--- a/images/breeze/output-cleanup.svg
+++ b/images/breeze/output-cleanup.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3462681779-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3462681779-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3462681779-terminal-body .blink {
+ animation: rich-svg-3462681779-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3462681779-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3462681779-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3462681779-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3462681779-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3462681779-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3462681779-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3462681779-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3462681779-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-3462681779-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3462681779-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3462681779-terminal-wrapper">
+ <div class="rich-svg-3462681779-terminal">
+ <div class="rich-svg-3462681779-terminal-header">
+ <svg class="rich-svg-3462681779-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: cleanup</div>
+ <div class="rich-svg-3462681779-terminal-title-tab">Command: cleanup</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3462681779-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze cleanup [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-commands.svg b/images/breeze/output-commands.svg
index 23ecba4348..ce8af6ddff 100644
--- a/images/breeze/output-commands.svg
+++ b/images/breeze/output-commands.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1828580335-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1828580335-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1828580335-terminal-body .blink {
+ animation: rich-svg-1828580335-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1828580335-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1828580335-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1828580335-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1828580335-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1828580335-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1828580335-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1828580335-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1828580335-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-1828580335-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1828580335-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1828580335-terminal-wrapper">
+ <div class="rich-svg-1828580335-terminal">
+ <div class="rich-svg-1828580335-terminal-header">
+ <svg class="rich-svg-1828580335-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Breeze commands</div>
+ <div class="rich-svg-1828580335-terminal-title-tab">Breeze commands</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1828580335-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze [OPTIONS] COMMAND [ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-config.svg b/images/breeze/output-config.svg
index 35d0962e15..8f7df02100 100644
--- a/images/breeze/output-config.svg
+++ b/images/breeze/output-config.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-747847725-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-747847725-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-747847725-terminal-body .blink {
+ animation: rich-svg-747847725-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-747847725-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-747847725-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-747847725-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-747847725-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-747847725-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-747847725-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-747847725-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-747847725-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-747847725-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-747847725-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-747847725-terminal-wrapper">
+ <div class="rich-svg-747847725-terminal">
+ <div class="rich-svg-747847725-terminal-header">
+ <svg class="rich-svg-747847725-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: config</div>
+ <div class="rich-svg-747847725-terminal-title-tab">Command: config</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-747847725-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze config [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-docker-compose-tests.svg b/images/breeze/output-docker-compose-tests.svg
index 573b17bc55..10d2e0314b 100644
--- a/images/breeze/output-docker-compose-tests.svg
+++ b/images/breeze/output-docker-compose-tests.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2342278705-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2342278705-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2342278705-terminal-body .blink {
+ animation: rich-svg-2342278705-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2342278705-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2342278705-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2342278705-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2342278705-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2342278705-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2342278705-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2342278705-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2342278705-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2342278705-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2342278705-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2342278705-terminal-wrapper">
+ <div class="rich-svg-2342278705-terminal">
+ <div class="rich-svg-2342278705-terminal-header">
+ <svg class="rich-svg-2342278705-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: docker-compose-tests</div>
+ <div class="rich-svg-2342278705-terminal-title-tab">Command: docker-compose-tests</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2342278705-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze docker-compose-tests [OPTIONS] [EXTRA_PYTEST_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-exec.svg b/images/breeze/output-exec.svg
index 9e8900f0fb..2f49fba216 100644
--- a/images/breeze/output-exec.svg
+++ b/images/breeze/output-exec.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1543437590-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1543437590-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1543437590-terminal-body .blink {
+ animation: rich-svg-1543437590-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1543437590-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1543437590-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1543437590-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1543437590-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1543437590-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1543437590-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1543437590-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1543437590-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-1543437590-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1543437590-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1543437590-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1543437590-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1543437590-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1543437590-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1543437590-terminal-wrapper">
+ <div class="rich-svg-1543437590-terminal">
+ <div class="rich-svg-1543437590-terminal-header">
+ <svg class="rich-svg-1543437590-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: exec</div>
+ <div class="rich-svg-1543437590-terminal-title-tab">Command: exec</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1543437590-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze exec [OPTIONS] [EXEC_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-find-newer-dependencies.svg b/images/breeze/output-find-newer-dependencies.svg
index 0fbf3aa534..a1e69ef7dc 100644
--- a/images/breeze/output-find-newer-dependencies.svg
+++ b/images/breeze/output-find-newer-dependencies.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3339896715-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3339896715-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3339896715-terminal-body .blink {
+ animation: rich-svg-3339896715-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3339896715-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3339896715-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3339896715-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3339896715-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3339896715-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3339896715-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3339896715-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3339896715-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-3339896715-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3339896715-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3339896715-terminal-wrapper">
+ <div class="rich-svg-3339896715-terminal">
+ <div class="rich-svg-3339896715-terminal-header">
+ <svg class="rich-svg-3339896715-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: find-newer-dependencies</div>
+ <div class="rich-svg-3339896715-terminal-title-tab">Command: find-newer-dependencies</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3339896715-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze find-newer-dependencies [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-fix-ownership.svg b/images/breeze/output-fix-ownership.svg
index 2b89bb86e5..62ee3e15fd 100644
--- a/images/breeze/output-fix-ownership.svg
+++ b/images/breeze/output-fix-ownership.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3669752792-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3669752792-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3669752792-terminal-body .blink {
+ animation: rich-svg-3669752792-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3669752792-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3669752792-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3669752792-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3669752792-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3669752792-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3669752792-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3669752792-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3669752792-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-3669752792-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3669752792-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3669752792-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3669752792-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3669752792-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3669752792-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3669752792-terminal-wrapper">
+ <div class="rich-svg-3669752792-terminal">
+ <div class="rich-svg-3669752792-terminal-header">
+ <svg class="rich-svg-3669752792-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: fix-ownership</div>
+ <div class="rich-svg-3669752792-terminal-title-tab">Command: fix-ownership</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3669752792-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze fix-ownership [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-free-space.svg b/images/breeze/output-free-space.svg
index 9250d459c7..2ce40fadce 100644
--- a/images/breeze/output-free-space.svg
+++ b/images/breeze/output-free-space.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2873849831-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2873849831-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2873849831-terminal-body .blink {
+ animation: rich-svg-2873849831-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2873849831-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2873849831-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2873849831-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2873849831-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2873849831-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2873849831-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2873849831-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2873849831-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2873849831-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2873849831-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2873849831-terminal-wrapper">
+ <div class="rich-svg-2873849831-terminal">
+ <div class="rich-svg-2873849831-terminal-header">
+ <svg class="rich-svg-2873849831-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: free-space</div>
+ <div class="rich-svg-2873849831-terminal-title-tab">Command: free-space</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2873849831-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze free-space [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-generate-constraints.svg b/images/breeze/output-generate-constraints.svg
index 298da74edc..e30b53ac33 100644
--- a/images/breeze/output-generate-constraints.svg
+++ b/images/breeze/output-generate-constraints.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1608918125-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1608918125-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1608918125-terminal-body .blink {
+ animation: rich-svg-1608918125-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1608918125-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1608918125-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1608918125-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1608918125-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1608918125-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1608918125-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1608918125-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1608918125-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-1608918125-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1608918125-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1608918125-terminal-wrapper">
+ <div class="rich-svg-1608918125-terminal">
+ <div class="rich-svg-1608918125-terminal-header">
+ <svg class="rich-svg-1608918125-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: generate-constraints</div>
+ <div class="rich-svg-1608918125-terminal-title-tab">Command: generate-constraints</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1608918125-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze generate-constraints [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-prepare-airflow-package.svg b/images/breeze/output-prepare-airflow-package.svg
index b720df7f61..d1e487553e 100644
--- a/images/breeze/output-prepare-airflow-package.svg
+++ b/images/breeze/output-prepare-airflow-package.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1135701573-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1135701573-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1135701573-terminal-body .blink {
+ animation: rich-svg-1135701573-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1135701573-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1135701573-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1135701573-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1135701573-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1135701573-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1135701573-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1135701573-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1135701573-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
-.r7 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-1135701573-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r6 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+.rich-svg-1135701573-terminal-body .r7 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1135701573-terminal-wrapper">
+ <div class="rich-svg-1135701573-terminal">
+ <div class="rich-svg-1135701573-terminal-header">
+ <svg class="rich-svg-1135701573-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: prepare-airflow-package</div>
+ <div class="rich-svg-1135701573-terminal-title-tab">Command: prepare-airflow-package</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1135701573-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze prepare-airflow-package [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-prepare-provider-documentation.svg b/images/breeze/output-prepare-provider-documentation.svg
index 3eb46c8701..ac42860fac 100644
--- a/images/breeze/output-prepare-provider-documentation.svg
+++ b/images/breeze/output-prepare-provider-documentation.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-920130443-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-920130443-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-920130443-terminal-body .blink {
+ animation: rich-svg-920130443-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-920130443-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-920130443-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-920130443-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-920130443-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-920130443-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-920130443-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-920130443-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-920130443-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-920130443-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-920130443-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-920130443-terminal-wrapper">
+ <div class="rich-svg-920130443-terminal">
+ <div class="rich-svg-920130443-terminal-header">
+ <svg class="rich-svg-920130443-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: prepare-provider-documentation</div>
+ <div class="rich-svg-920130443-terminal-title-tab">Command: prepare-provider-documentation</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-920130443-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze prepare-provider-documentation [OPTIONS] [airbyte | alibaba | amazon | apache.beam | apache.cassandra | </span></div>
<div><span class="r2"> apache.drill | apache.druid | apache.hdfs | apache.hive | apache.kylin | </span></div>
diff --git a/images/breeze/output-prepare-provider-packages.svg b/images/breeze/output-prepare-provider-packages.svg
index cd81f86397..d2c8b2219f 100644
--- a/images/breeze/output-prepare-provider-packages.svg
+++ b/images/breeze/output-prepare-provider-packages.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3921007243-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3921007243-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3921007243-terminal-body .blink {
+ animation: rich-svg-3921007243-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3921007243-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3921007243-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3921007243-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3921007243-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3921007243-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3921007243-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3921007243-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3921007243-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
-.r7 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-3921007243-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r6 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+.rich-svg-3921007243-terminal-body .r7 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3921007243-terminal-wrapper">
+ <div class="rich-svg-3921007243-terminal">
+ <div class="rich-svg-3921007243-terminal-header">
+ <svg class="rich-svg-3921007243-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: prepare-provider-packages</div>
+ <div class="rich-svg-3921007243-terminal-title-tab">Command: prepare-provider-packages</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3921007243-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze prepare-provider-packages [OPTIONS] [airbyte | alibaba | amazon | apache.beam | apache.cassandra | </span></div>
<div><span class="r2"> apache.drill | apache.druid | apache.hdfs | apache.hive | apache.kylin | </span></div>
diff --git a/images/breeze/output-pull-image.svg b/images/breeze/output-pull-image.svg
index c5ea6d91ae..b432347677 100644
--- a/images/breeze/output-pull-image.svg
+++ b/images/breeze/output-pull-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2708726962-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2708726962-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2708726962-terminal-body .blink {
+ animation: rich-svg-2708726962-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2708726962-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2708726962-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2708726962-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2708726962-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2708726962-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2708726962-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2708726962-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2708726962-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2708726962-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2708726962-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2708726962-terminal-wrapper">
+ <div class="rich-svg-2708726962-terminal">
+ <div class="rich-svg-2708726962-terminal-header">
+ <svg class="rich-svg-2708726962-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: pull-image</div>
+ <div class="rich-svg-2708726962-terminal-title-tab">Command: pull-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2708726962-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze pull-image [OPTIONS] [EXTRA_PYTEST_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-pull-prod-image.svg b/images/breeze/output-pull-prod-image.svg
index a25ea871ba..a12f75146f 100644
--- a/images/breeze/output-pull-prod-image.svg
+++ b/images/breeze/output-pull-prod-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3990808719-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3990808719-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3990808719-terminal-body .blink {
+ animation: rich-svg-3990808719-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3990808719-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3990808719-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3990808719-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3990808719-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3990808719-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3990808719-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3990808719-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3990808719-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-3990808719-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3990808719-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3990808719-terminal-wrapper">
+ <div class="rich-svg-3990808719-terminal">
+ <div class="rich-svg-3990808719-terminal-header">
+ <svg class="rich-svg-3990808719-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: pull-prod-image</div>
+ <div class="rich-svg-3990808719-terminal-title-tab">Command: pull-prod-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3990808719-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze pull-prod-image [OPTIONS] [EXTRA_PYTEST_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-resource-check.svg b/images/breeze/output-resource-check.svg
index c5a2bcb473..b3d347fa10 100644
--- a/images/breeze/output-resource-check.svg
+++ b/images/breeze/output-resource-check.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3759274647-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3759274647-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3759274647-terminal-body .blink {
+ animation: rich-svg-3759274647-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3759274647-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3759274647-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3759274647-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3759274647-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3759274647-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3759274647-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3759274647-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3759274647-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-3759274647-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3759274647-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3759274647-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3759274647-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3759274647-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3759274647-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3759274647-terminal-wrapper">
+ <div class="rich-svg-3759274647-terminal">
+ <div class="rich-svg-3759274647-terminal-header">
+ <svg class="rich-svg-3759274647-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: resource-check</div>
+ <div class="rich-svg-3759274647-terminal-title-tab">Command: resource-check</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3759274647-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze resource-check [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-self-upgrade.svg b/images/breeze/output-self-upgrade.svg
index 8020900b9e..218e226e2d 100644
--- a/images/breeze/output-self-upgrade.svg
+++ b/images/breeze/output-self-upgrade.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-4041262352-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-4041262352-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-4041262352-terminal-body .blink {
+ animation: rich-svg-4041262352-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-4041262352-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-4041262352-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-4041262352-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-4041262352-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-4041262352-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-4041262352-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-4041262352-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-4041262352-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-4041262352-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-4041262352-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-4041262352-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-4041262352-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-4041262352-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-4041262352-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-4041262352-terminal-wrapper">
+ <div class="rich-svg-4041262352-terminal">
+ <div class="rich-svg-4041262352-terminal-header">
+ <svg class="rich-svg-4041262352-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: self-upgrade</div>
+ <div class="rich-svg-4041262352-terminal-title-tab">Command: self-upgrade</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-4041262352-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze self-upgrade [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-setup-autocomplete.svg b/images/breeze/output-setup-autocomplete.svg
index 86e66e661c..a307a2b9e9 100644
--- a/images/breeze/output-setup-autocomplete.svg
+++ b/images/breeze/output-setup-autocomplete.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2604643872-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2604643872-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2604643872-terminal-body .blink {
+ animation: rich-svg-2604643872-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2604643872-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2604643872-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2604643872-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2604643872-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2604643872-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2604643872-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2604643872-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2604643872-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2604643872-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2604643872-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2604643872-terminal-wrapper">
+ <div class="rich-svg-2604643872-terminal">
+ <div class="rich-svg-2604643872-terminal-header">
+ <svg class="rich-svg-2604643872-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: setup-autocomplete</div>
+ <div class="rich-svg-2604643872-terminal-title-tab">Command: setup-autocomplete</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2604643872-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze setup-autocomplete [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-shell.svg b/images/breeze/output-shell.svg
index 4ffd4c8b21..c0a7da761a 100644
--- a/images/breeze/output-shell.svg
+++ b/images/breeze/output-shell.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-379414012-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-379414012-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-379414012-terminal-body .blink {
+ animation: rich-svg-379414012-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-379414012-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-379414012-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-379414012-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-379414012-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-379414012-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-379414012-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-379414012-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-379414012-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-379414012-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-379414012-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-379414012-terminal-wrapper">
+ <div class="rich-svg-379414012-terminal">
+ <div class="rich-svg-379414012-terminal-header">
+ <svg class="rich-svg-379414012-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: shell</div>
+ <div class="rich-svg-379414012-terminal-title-tab">Command: shell</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-379414012-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze shell [OPTIONS] [EXTRA_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-start-airflow.svg b/images/breeze/output-start-airflow.svg
index 5a338cb49e..4efbcdbaa1 100644
--- a/images/breeze/output-start-airflow.svg
+++ b/images/breeze/output-start-airflow.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2393603551-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2393603551-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2393603551-terminal-body .blink {
+ animation: rich-svg-2393603551-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2393603551-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2393603551-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2393603551-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2393603551-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2393603551-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2393603551-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2393603551-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2393603551-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2393603551-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2393603551-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2393603551-terminal-wrapper">
+ <div class="rich-svg-2393603551-terminal">
+ <div class="rich-svg-2393603551-terminal-header">
+ <svg class="rich-svg-2393603551-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: start-airflow</div>
+ <div class="rich-svg-2393603551-terminal-title-tab">Command: start-airflow</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2393603551-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze start-airflow [OPTIONS] [EXTRA_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-static-checks.svg b/images/breeze/output-static-checks.svg
index bde9d4473e..b039113af9 100644
--- a/images/breeze/output-static-checks.svg
+++ b/images/breeze/output-static-checks.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1500548947-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1500548947-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1500548947-terminal-body .blink {
+ animation: rich-svg-1500548947-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1500548947-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1500548947-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1500548947-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1500548947-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1500548947-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1500548947-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1500548947-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1500548947-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-1500548947-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1500548947-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1500548947-terminal-wrapper">
+ <div class="rich-svg-1500548947-terminal">
+ <div class="rich-svg-1500548947-terminal-header">
+ <svg class="rich-svg-1500548947-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: static-checks</div>
+ <div class="rich-svg-1500548947-terminal-title-tab">Command: static-checks</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1500548947-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze static-checks [OPTIONS] [PRECOMMIT_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-stop.svg b/images/breeze/output-stop.svg
index e0ae1ca62a..09b58cc5ee 100644
--- a/images/breeze/output-stop.svg
+++ b/images/breeze/output-stop.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1813462456-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1813462456-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1813462456-terminal-body .blink {
+ animation: rich-svg-1813462456-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1813462456-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1813462456-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1813462456-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1813462456-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1813462456-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1813462456-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1813462456-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1813462456-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-1813462456-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1813462456-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1813462456-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1813462456-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1813462456-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1813462456-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1813462456-terminal-wrapper">
+ <div class="rich-svg-1813462456-terminal">
+ <div class="rich-svg-1813462456-terminal-header">
+ <svg class="rich-svg-1813462456-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: stop</div>
+ <div class="rich-svg-1813462456-terminal-title-tab">Command: stop</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1813462456-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze stop [OPTIONS] </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-verify-image.svg b/images/breeze/output-verify-image.svg
index 2f07f67ad7..96302da9db 100644
--- a/images/breeze/output-verify-image.svg
+++ b/images/breeze/output-verify-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-2410044435-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-2410044435-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-2410044435-terminal-body .blink {
+ animation: rich-svg-2410044435-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-2410044435-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-2410044435-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-2410044435-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-2410044435-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-2410044435-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-2410044435-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-2410044435-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-2410044435-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-2410044435-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-2410044435-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-2410044435-terminal-wrapper">
+ <div class="rich-svg-2410044435-terminal">
+ <div class="rich-svg-2410044435-terminal-header">
+ <svg class="rich-svg-2410044435-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: verify-image</div>
+ <div class="rich-svg-2410044435-terminal-title-tab">Command: verify-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-2410044435-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze verify-image [OPTIONS] [EXTRA_PYTEST_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-verify-prod-image.svg b/images/breeze/output-verify-prod-image.svg
index 4560031a3b..b491d5e76e 100644
--- a/images/breeze/output-verify-prod-image.svg
+++ b/images/breeze/output-verify-prod-image.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-3971506160-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-3971506160-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-3971506160-terminal-body .blink {
+ animation: rich-svg-3971506160-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-3971506160-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-3971506160-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-3971506160-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-3971506160-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-3971506160-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-3971506160-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,36 +85,36 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-3971506160-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-3971506160-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
-.r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
+ .rich-svg-3971506160-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-3971506160-terminal-body .r7 {color: #78780e; text-decoration-color: #78780e;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-3971506160-terminal-wrapper">
+ <div class="rich-svg-3971506160-terminal">
+ <div class="rich-svg-3971506160-terminal-header">
+ <svg class="rich-svg-3971506160-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: verify-prod-image</div>
+ <div class="rich-svg-3971506160-terminal-title-tab">Command: verify-prod-image</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-3971506160-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze verify-prod-image [OPTIONS] [EXTRA_PYTEST_ARGS]... </span></div>
<div><span class="r2"> </span></div>
diff --git a/images/breeze/output-version.svg b/images/breeze/output-version.svg
index ee6657d3c6..6ee36e351a 100644
--- a/images/breeze/output-version.svg
+++ b/images/breeze/output-version.svg
@@ -2,7 +2,7 @@
xmlns="http://www.w3.org/2000/svg">
<style>
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
@@ -10,46 +10,46 @@
font-weight: 400;
}
@font-face {
- font-family: "Fira Code";
+ font-family: "Rich Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
- span {
+ .rich-svg-1810271890-terminal-wrapper span {
display: inline-block;
white-space: pre;
vertical-align: top;
font-size: 18px;
- font-family:'Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
+ font-family:'Rich Fira Code','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
}
- a {
+ .rich-svg-1810271890-terminal-wrapper a {
text-decoration: none;
color: inherit;
}
- .blink {
- animation: blinker 1s infinite;
+ .rich-svg-1810271890-terminal-body .blink {
+ animation: rich-svg-1810271890-blinker 1s infinite;
}
- @keyframes blinker {
+ @keyframes rich-svg-1810271890-blinker {
from { opacity: 1.0; }
50% { opacity: 0.3; }
to { opacity: 1.0; }
}
- #wrapper {
+ .rich-svg-1810271890-terminal-wrapper {
padding: 140px;
padding-top: 100px;
}
- #terminal {
+ .rich-svg-1810271890-terminal {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #0c0c0c;
border-radius: 14px;
- outline: 1px solid #484848;
+ box-shadow: 0 0 0 1px #484848;
}
- #terminal:after {
+ .rich-svg-1810271890-terminal:after {
position: absolute;
width: 100%;
height: 100%;
@@ -60,7 +60,7 @@
transform: rotate(-4.5deg);
z-index: -1;
}
- #terminal-header {
+ .rich-svg-1810271890-terminal-header {
position: relative;
width: 100%;
background-color: #2e2e2e;
@@ -72,7 +72,7 @@
box-shadow: inset 0px -1px 0px 0px #4e4e4e,
inset 0px -4px 8px 0px #1a1a1a;
}
- #terminal-title-tab {
+ .rich-svg-1810271890-terminal-title-tab {
display: inline-block;
margin-top: 14px;
margin-left: 124px;
@@ -85,35 +85,35 @@
inset 1px 0px 0px 0px #4e4e4e,
inset -1px 0px 0px 0px #4e4e4e;
}
- #terminal-traffic-lights {
+ .rich-svg-1810271890-terminal-traffic-lights {
position: absolute;
top: 24px;
left: 20px;
}
- #terminal-body {
+ .rich-svg-1810271890-terminal-body {
line-height: 22px;
padding: 14px;
}
- .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
-.r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
-.r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
-.r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
-.r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
+ .rich-svg-1810271890-terminal-body .r1 {color: #f2f2f2; text-decoration-color: #f2f2f2;background-color: #0c0c0c;}
+.rich-svg-1810271890-terminal-body .r2 {font-weight: bold;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1810271890-terminal-body .r3 {color: #e5e510; text-decoration-color: #e5e510; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1810271890-terminal-body .r4 {color: #7f7f7f; text-decoration-color: #7f7f7f;color: #f2f2f2; text-decoration-color: #f2f2f2;;background-color: #0c0c0c;}
+.rich-svg-1810271890-terminal-body .r5 {color: #11a8cd; text-decoration-color: #11a8cd; font-weight: bold;background-color: #0c0c0c;}
+.rich-svg-1810271890-terminal-body .r6 {color: #0dbc79; text-decoration-color: #0dbc79; font-weight: bold;background-color: #0c0c0c;}
</style>
<foreignObject x="0" y="0" width="100%" height="100%">
<body xmlns="http://www.w3.org/1999/xhtml">
- <div id="wrapper">
- <div id="terminal">
- <div id='terminal-header'>
- <svg id="terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
+ <div class="rich-svg-1810271890-terminal-wrapper">
+ <div class="rich-svg-1810271890-terminal">
+ <div class="rich-svg-1810271890-terminal-header">
+ <svg class="rich-svg-1810271890-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="8" r="8" fill="#ff6159"/>
<circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
<circle cx="62" cy="8" r="8" fill="#28c941"/>
</svg>
- <div id="terminal-title-tab">Command: version</div>
+ <div class="rich-svg-1810271890-terminal-title-tab">Command: version</div>
</div>
- <div id='terminal-body'>
+ <div class="rich-svg-1810271890-terminal-body">
<div><span class="r2"> </span></div>
<div><span class="r2"> </span><span class="r3">Usage: </span><span class="r2">breeze version [OPTIONS] </span></div>
<div><span class="r2"> </span></div>