open-webui/docs
1
0
Fork 0
mirror of https://github.com/open-webui/docs.git synced 2026-07-21 01:55:22 -04:00
Code Issues 37 Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-06-30 20:47:26 -05:00
parent fbf947a88c
commit b3ba324435
29 changed files with 347 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docusaurus.config.ts
+1 -1
View File
@@ -181,7 +181,7 @@ const config: Config = {
styles: [],
},
darkTheme: {
plain: { color: "#ccc", backgroundColor: "#1a1a1a" },
plain: { color: "#ccc", backgroundColor: "#000" },
styles: [],
},
},
src/css/custom.css
+49 -16
View File
@@ -69,10 +69,19 @@
--ifm-link-color: #ccc;
--ifm-heading-color: #eee;
--ifm-font-color-base: #bbb;
--ifm-background-color: #0a0a0a;
--ifm-navbar-background-color: #0a0a0a;
--ifm-footer-background-color: #0a0a0a;
--ifm-background-color: #000;
--ifm-background-surface-color: #000;
--ifm-code-background: #000;
--ifm-pre-background: #000;
--ifm-card-background-color: #000;
--ifm-dropdown-background-color: #000;
--ifm-hero-background-color: #000;
--ifm-menu-color-background-active: #000;
--ifm-menu-color-background-hover: #000;
--ifm-navbar-background-color: #000;
--ifm-footer-background-color: #000;
--ifm-footer-color: #555;
--ifm-hover-overlay: rgb(255 255 255 / 4%);
--ifm-menu-color: #888;
--docusaurus-highlighted-code-line-bg: rgb(255 255 255 / 8%);
}
@@ -141,7 +150,7 @@ nav.menu::-webkit-scrollbar {
[data-theme="dark"] .menu__link--active {
color: #fff;
background-color: #1a1a1a;
background-color: var(--ifm-menu-color-background-active);
}
/* ─── Hide breadcrumbs ─── */
@@ -167,7 +176,7 @@ code {
[data-theme="dark"] code {
color: #ccc;
background-color: #222;
background-color: var(--ifm-code-background);
}
[data-theme="light"] code {
@@ -176,7 +185,7 @@ code {
/* stylelint-disable-next-line no-duplicate-selectors */
[data-theme="dark"] code {
background-color: #222;
background-color: var(--ifm-code-background);
}
.theme-code-block {
@@ -220,7 +229,7 @@ code {
/* stylelint-disable-next-line no-duplicate-selectors */
[data-theme="dark"] .shiki-code-block pre {
background-color: var(--shiki-dark-bg, #1a1a1a) !important;
background-color: var(--ifm-pre-background) !important;
}
.shiki-code-block-content {
@@ -251,7 +260,7 @@ code {
}
[data-theme="dark"] .shiki-copy-button {
background: #1a1a1a;
background: var(--ifm-pre-background);
color: #ccc;
}
@@ -287,7 +296,7 @@ blockquote {
}
[data-theme="dark"] blockquote {
border-left-color: #333;
border-left-color: #000;
color: #999;
}
@@ -550,7 +559,7 @@ div.special_table + table tr:nth-child(even) {
}
[data-theme="dark"] .custom-tag {
background-color: #1a1a1a;
background-color: var(--ifm-background-surface-color);
color: #ccc;
}
@@ -559,7 +568,7 @@ div.special_table + table tr:nth-child(even) {
}
[data-theme="dark"] .custom-tag:hover {
background-color: #222;
background-color: var(--ifm-menu-color-background-active);
}
.navbar__link:has(div.custom-tag) {
@@ -625,12 +634,12 @@ a.footer__link-item:hover {
}
[data-theme="dark"] .footer--dark {
background-color: #0a0a0a;
background-color: var(--ifm-footer-background-color);
}
/* ─── Hiring link ─── */
.hiring-link {
background-color: #111;
background-color: #000;
color: #fff;
font-weight: 500;
padding: 4px 10px;
@@ -714,6 +723,30 @@ a.footer__link-item:hover {
border-right-width: 0 !important;
}
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] [id="__docusaurus"],
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] main,
html[data-theme="dark"] .container,
html[data-theme="dark"] .row,
html[data-theme="dark"] .col,
html[data-theme="dark"] div[class*="docsWrapper"],
html[data-theme="dark"] div[class*="docRoot"],
html[data-theme="dark"] main[class*="docMainContainer"],
html[data-theme="dark"] div[class*="docItemWrapper"],
html[data-theme="dark"] div[class*="docItemCol"],
html[data-theme="dark"] div[class*="docItemContainer"],
html[data-theme="dark"] article,
html[data-theme="dark"] .theme-doc-markdown,
html[data-theme="dark"] .theme-doc-sidebar-container {
background-color: #000 !important;
}
html[data-theme="dark"] .navbar {
background-color: var(--ifm-navbar-background-color) !important;
}
/* ─── Misc ─── */
.small-text {
@@ -743,7 +776,7 @@ a.footer__link-item:hover {
}
[data-theme="dark"] .homepage-svg svg {
background-color: #111 !important;
background-color: #000 !important;
color: #fff !important;
}
@@ -804,11 +837,11 @@ a.footer__link-item:hover {
}
[data-theme="dark"] .hero--bg {
background-color: #111 !important;
background-color: #000 !important;
}
.btn--black {
background-color: #111;
background-color: #000;
color: #fff;
border-radius: 2px;
}
static/images/banners/administration-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="administration-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">ACCESS CONTROL</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Administration</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">policy / roles / audit</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">POLICY MATRIX</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROLE SCOPES</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">AUDIT TRAIL</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">POLICY MATRIX</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROLE SCOPES</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">AUDIT TRAIL</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#administration-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(798 194) scale(0.78) translate(-804 -194)">
<text x="640" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">VIEW</text><text x="726" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">WRITE</text><text x="812" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">RUN</text><text x="898" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">ADMIN</text><text x="548" y="142" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">OWNER</text><rect x="640" y="120" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="726" y="120" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="812" y="120" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><rect x="898" y="120" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><text x="548" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">EDITOR</text><rect x="640" y="154" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="726" y="154" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><rect x="812" y="154" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="898" y="154" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><text x="548" y="210" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">MEMBER</text><rect x="640" y="188" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="726" y="188" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="812" y="188" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="898" y="188" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><text x="548" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">GUEST</text><rect x="640" y="222" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="726" y="222" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="812" y="222" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><rect x="898" y="222" width="62" height="20" fill="#ebe9e4" stroke="#c1beb6" opacity="0.9"/><text x="915" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SCOPE LOCKED</text>
<text x="640" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">VIEW</text><text x="726" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">WRITE</text><text x="812" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">RUN</text><text x="898" y="102" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.78" text-anchor="start">ADMIN</text><text x="548" y="142" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">OWNER</text><rect x="640" y="120" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="726" y="120" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="812" y="120" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><rect x="898" y="120" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><text x="548" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">EDITOR</text><rect x="640" y="154" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="726" y="154" width="62" height="20" fill="#ff6a00" stroke="#ff6a00" opacity="0.9"/><rect x="812" y="154" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="898" y="154" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><text x="548" y="210" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">MEMBER</text><rect x="640" y="188" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="726" y="188" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="812" y="188" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="898" y="188" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><text x="548" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.82" text-anchor="start">GUEST</text><rect x="640" y="222" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="726" y="222" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="812" y="222" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><rect x="898" y="222" width="62" height="20" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.9"/><text x="915" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SCOPE LOCKED</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">ACCESS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">ACCESS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

static/images/banners/authentication-access-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="authentication-access-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">IDENTITY LAYER</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Authentication</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">keys / sessions / trust</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">IDENTITY</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SESSION</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">BOUNDARY</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">IDENTITY</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SESSION</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">BOUNDARY</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#authentication-access-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="527" y="140" width="96" height="68" fill="#ebe9e4" stroke="#c1beb6"/><text x="575" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">USER</text><path d="M623 174H687" stroke="#c1beb6"/><rect x="687" y="140" width="96" height="68" fill="#ebe9e4" stroke="#c1beb6"/><text x="735" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">SESSION</text><path d="M783 174H847" stroke="#c1beb6"/><rect x="847" y="140" width="96" height="68" fill="#ebe9e4" stroke="#ff6a00"/><text x="895" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="0.95" text-anchor="middle">TOKEN</text><path d="M943 174H987" stroke="#c1beb6"/><rect x="987" y="140" width="96" height="68" fill="#ebe9e4" stroke="#c1beb6"/><text x="1035" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">ACCESS</text><path d="M575 238H1035" stroke="#ff6a00" stroke-width="2"/><path d="M1035 238v-30" stroke="#ff6a00" stroke-width="2"/>
<rect x="527" y="140" width="96" height="68" fill="#f6f7f8" stroke="#d4d7dc"/><text x="575" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">USER</text><path d="M623 174H687" stroke="#d4d7dc"/><rect x="687" y="140" width="96" height="68" fill="#f6f7f8" stroke="#d4d7dc"/><text x="735" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">SESSION</text><path d="M783 174H847" stroke="#d4d7dc"/><rect x="847" y="140" width="96" height="68" fill="#f6f7f8" stroke="#ff6a00"/><text x="895" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="0.95" text-anchor="middle">TOKEN</text><path d="M943 174H987" stroke="#d4d7dc"/><rect x="987" y="140" width="96" height="68" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1035" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">ACCESS</text><path d="M575 238H1035" stroke="#ff6a00" stroke-width="2"/><path d="M1035 238v-30" stroke="#ff6a00" stroke-width="2"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">IDENTITY</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">IDENTITY</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/calendar-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="calendar-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">SCHEDULED OPERATIONS</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Calendar</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">time / queue / handoff</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SCHEDULE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">QUEUE</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">HANDOFF</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SCHEDULE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">QUEUE</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">HANDOFF</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#calendar-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<path d="M548 118H1068" stroke="#c1beb6"/><text x="510" y="122" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+00</text><rect x="590" y="106" width="80" height="24" fill="#ebe9e4" stroke="#c1beb6"/><path d="M548 162H1068" stroke="#c1beb6"/><text x="510" y="166" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+01</text><rect x="685" y="150" width="98" height="24" fill="#ebe9e4" stroke="#c1beb6"/><path d="M548 206H1068" stroke="#c1beb6"/><text x="510" y="210" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+02</text><rect x="780" y="194" width="116" height="24" fill="#ff6a00" stroke="#ff6a00"/><path d="M548 250H1068" stroke="#c1beb6"/><text x="510" y="254" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+03</text><rect x="875" y="238" width="134" height="24" fill="#ebe9e4" stroke="#c1beb6"/><text x="884" y="282" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">HANDOFF WINDOW</text>
<path d="M548 118H1068" stroke="#d4d7dc"/><text x="510" y="122" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+00</text><rect x="590" y="106" width="80" height="24" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M548 162H1068" stroke="#d4d7dc"/><text x="510" y="166" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+01</text><rect x="685" y="150" width="98" height="24" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M548 206H1068" stroke="#d4d7dc"/><text x="510" y="210" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+02</text><rect x="780" y="194" width="116" height="24" fill="#ff6a00" stroke="#ff6a00"/><path d="M548 250H1068" stroke="#d4d7dc"/><text x="510" y="254" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.75" text-anchor="start">T+03</text><rect x="875" y="238" width="134" height="24" fill="#f6f7f8" stroke="#d4d7dc"/><text x="884" y="282" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">HANDOFF WINDOW</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">TIMELINE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">TIMELINE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

static/images/banners/channels-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="channels-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">CONVERSATION ROUTING</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Channels</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">threads / teams / context</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">THREADS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TEAMS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTEXT</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">THREADS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TEAMS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTEXT</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#channels-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<path d="M592 112L804 186" stroke="#c1beb6"/><path d="M1020 118L804 186" stroke="#c1beb6"/><path d="M584 258L804 186" stroke="#c1beb6"/><path d="M1014 262L804 186" stroke="#c1beb6"/><rect x="538" y="88" width="108" height="48" fill="#ebe9e4" stroke="#c1beb6"/><text x="592" y="116" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">TEAM</text><rect x="966" y="94" width="108" height="48" fill="#ebe9e4" stroke="#c1beb6"/><text x="1020" y="122" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">OPS</text><rect x="530" y="234" width="108" height="48" fill="#ebe9e4" stroke="#c1beb6"/><text x="584" y="262" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">USER</text><rect x="960" y="238" width="108" height="48" fill="#ebe9e4" stroke="#c1beb6"/><text x="1014" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">BOT</text><rect x="750" y="162" width="108" height="48" fill="#ffffff" stroke="#ff6a00"/><text x="804" y="190" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="0.95" text-anchor="middle">CHANNEL</text>
<path d="M592 112L804 186" stroke="#d4d7dc"/><path d="M1020 118L804 186" stroke="#d4d7dc"/><path d="M584 258L804 186" stroke="#d4d7dc"/><path d="M1014 262L804 186" stroke="#d4d7dc"/><rect x="538" y="88" width="108" height="48" fill="#f6f7f8" stroke="#d4d7dc"/><text x="592" y="116" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">TEAM</text><rect x="966" y="94" width="108" height="48" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1020" y="122" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">OPS</text><rect x="530" y="234" width="108" height="48" fill="#f6f7f8" stroke="#d4d7dc"/><text x="584" y="262" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">USER</text><rect x="960" y="238" width="108" height="48" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1014" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#111111" opacity="0.95" text-anchor="middle">BOT</text><rect x="750" y="162" width="108" height="48" fill="#ffffff" stroke="#ff6a00"/><text x="804" y="190" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="0.95" text-anchor="middle">CHANNEL</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">ROUTING</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">ROUTING</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

static/images/banners/chat-conversations-audio-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-audio-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">VOICE INTERFACE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Audio</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">speech / playback / notes</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SPEECH</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PLAYBACK</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">NOTES</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SPEECH</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PLAYBACK</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">NOTES</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-audio-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<path d="M540 190H1070" stroke="#c1beb6"/><rect x="560" y="181" width="5" height="18" fill="#111111" opacity="0.36"/><rect x="574" y="158.5" width="5" height="63" fill="#111111" opacity="0.36"/><rect x="588" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="602" y="151" width="5" height="78" fill="#111111" opacity="0.36"/><rect x="616" y="169.5" width="5" height="41" fill="#111111" opacity="0.36"/><rect x="630" y="168.5" width="5" height="43" fill="#111111" opacity="0.36"/><rect x="644" y="150.5" width="5" height="79" fill="#111111" opacity="0.36"/><rect x="658" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="672" y="159" width="5" height="62" fill="#111111" opacity="0.36"/><rect x="686" y="180.5" width="5" height="19" fill="#111111" opacity="0.36"/><rect x="700" y="158" width="5" height="64" fill="#111111" opacity="0.36"/><rect x="714" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="728" y="151" width="5" height="78" fill="#111111" opacity="0.36"/><rect x="742" y="170" width="5" height="40" fill="#111111" opacity="0.36"/><rect x="756" y="168" width="5" height="44" fill="#ff6a00" opacity="0.82"/><rect x="770" y="150" width="5" height="80" fill="#ff6a00" opacity="0.82"/><rect x="784" y="146.5" width="5" height="87" fill="#ff6a00" opacity="0.82"/><rect x="798" y="159.5" width="5" height="61" fill="#ff6a00" opacity="0.82"/><rect x="812" y="180" width="5" height="20" fill="#ff6a00" opacity="0.82"/><rect x="826" y="157.5" width="5" height="65" fill="#ff6a00" opacity="0.82"/><rect x="840" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="854" y="151.5" width="5" height="77" fill="#111111" opacity="0.36"/><rect x="868" y="170.5" width="5" height="39" fill="#111111" opacity="0.36"/><rect x="882" y="167.5" width="5" height="45" fill="#111111" opacity="0.36"/><rect x="896" y="150" width="5" height="80" fill="#111111" opacity="0.36"/><rect x="910" y="147" width="5" height="86" fill="#111111" opacity="0.36"/><rect x="924" y="160" width="5" height="60" fill="#111111" opacity="0.36"/><rect x="938" y="179" width="5" height="22" fill="#111111" opacity="0.36"/><rect x="952" y="157" width="5" height="66" fill="#111111" opacity="0.36"/><rect x="966" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="980" y="151.5" width="5" height="77" fill="#111111" opacity="0.36"/><rect x="994" y="171" width="5" height="38" fill="#111111" opacity="0.36"/><rect x="1008" y="167" width="5" height="46" fill="#111111" opacity="0.36"/><rect x="1022" y="149.5" width="5" height="81" fill="#111111" opacity="0.36"/><rect x="612" y="252" width="382" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="632" y="271" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#585858" opacity="1" text-anchor="start">TRANSCRIPT / 00:34</text>
<path d="M540 190H1070" stroke="#d4d7dc"/><rect x="560" y="181" width="5" height="18" fill="#111111" opacity="0.36"/><rect x="574" y="158.5" width="5" height="63" fill="#111111" opacity="0.36"/><rect x="588" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="602" y="151" width="5" height="78" fill="#111111" opacity="0.36"/><rect x="616" y="169.5" width="5" height="41" fill="#111111" opacity="0.36"/><rect x="630" y="168.5" width="5" height="43" fill="#111111" opacity="0.36"/><rect x="644" y="150.5" width="5" height="79" fill="#111111" opacity="0.36"/><rect x="658" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="672" y="159" width="5" height="62" fill="#111111" opacity="0.36"/><rect x="686" y="180.5" width="5" height="19" fill="#111111" opacity="0.36"/><rect x="700" y="158" width="5" height="64" fill="#111111" opacity="0.36"/><rect x="714" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="728" y="151" width="5" height="78" fill="#111111" opacity="0.36"/><rect x="742" y="170" width="5" height="40" fill="#111111" opacity="0.36"/><rect x="756" y="168" width="5" height="44" fill="#ff6a00" opacity="0.82"/><rect x="770" y="150" width="5" height="80" fill="#ff6a00" opacity="0.82"/><rect x="784" y="146.5" width="5" height="87" fill="#ff6a00" opacity="0.82"/><rect x="798" y="159.5" width="5" height="61" fill="#ff6a00" opacity="0.82"/><rect x="812" y="180" width="5" height="20" fill="#ff6a00" opacity="0.82"/><rect x="826" y="157.5" width="5" height="65" fill="#ff6a00" opacity="0.82"/><rect x="840" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="854" y="151.5" width="5" height="77" fill="#111111" opacity="0.36"/><rect x="868" y="170.5" width="5" height="39" fill="#111111" opacity="0.36"/><rect x="882" y="167.5" width="5" height="45" fill="#111111" opacity="0.36"/><rect x="896" y="150" width="5" height="80" fill="#111111" opacity="0.36"/><rect x="910" y="147" width="5" height="86" fill="#111111" opacity="0.36"/><rect x="924" y="160" width="5" height="60" fill="#111111" opacity="0.36"/><rect x="938" y="179" width="5" height="22" fill="#111111" opacity="0.36"/><rect x="952" y="157" width="5" height="66" fill="#111111" opacity="0.36"/><rect x="966" y="146.5" width="5" height="87" fill="#111111" opacity="0.36"/><rect x="980" y="151.5" width="5" height="77" fill="#111111" opacity="0.36"/><rect x="994" y="171" width="5" height="38" fill="#111111" opacity="0.36"/><rect x="1008" y="167" width="5" height="46" fill="#111111" opacity="0.36"/><rect x="1022" y="149.5" width="5" height="81" fill="#111111" opacity="0.36"/><rect x="612" y="252" width="382" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="632" y="271" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#585858" opacity="1" text-anchor="start">TRANSCRIPT / 00:34</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">AUDIO</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">AUDIO</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

static/images/banners/chat-conversations-chat-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-chat-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">LIVE EXECUTION</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Chat</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">messages / tools / review</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MESSAGE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOL CALL</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REVIEW</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MESSAGE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOL CALL</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REVIEW</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-chat-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="560" y="112" width="260" height="30" fill="#ebe9e4" stroke="#c1beb6"/><text x="576" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">USER MESSAGE</text><rect x="650" y="158" width="360" height="30" fill="#ff6a00" stroke="#ff6a00"/><text x="666" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">TOOL CALL</text><rect x="560" y="204" width="300" height="30" fill="#ebe9e4" stroke="#c1beb6"/><text x="576" y="224" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">RESULT</text><rect x="716" y="250" width="300" height="30" fill="#ebe9e4" stroke="#c1beb6"/><text x="732" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">REVIEW</text>
<rect x="560" y="112" width="260" height="30" fill="#f6f7f8" stroke="#d4d7dc"/><text x="576" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">USER MESSAGE</text><rect x="650" y="158" width="360" height="30" fill="#ff6a00" stroke="#ff6a00"/><text x="666" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">TOOL CALL</text><rect x="560" y="204" width="300" height="30" fill="#f6f7f8" stroke="#d4d7dc"/><text x="576" y="224" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">RESULT</text><rect x="716" y="250" width="300" height="30" fill="#f6f7f8" stroke="#d4d7dc"/><text x="732" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">REVIEW</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">CHAT</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">CHAT</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

static/images/banners/chat-conversations-connections-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-connections-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">MODEL FABRIC</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Connections</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">providers / endpoints / keys</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PROVIDERS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ENDPOINTS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">KEYS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PROVIDERS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ENDPOINTS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">KEYS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-connections-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<path d="M570 116L810 188" stroke="#c1beb6"/><rect x="526" y="94" width="88" height="44" fill="#ebe9e4" stroke="#c1beb6"/><text x="570" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER A</text><path d="M1040 116L810 188" stroke="#c1beb6"/><rect x="996" y="94" width="88" height="44" fill="#ebe9e4" stroke="#c1beb6"/><text x="1040" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER B</text><path d="M570 262L810 188" stroke="#c1beb6"/><rect x="526" y="240" width="88" height="44" fill="#ebe9e4" stroke="#c1beb6"/><text x="570" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER C</text><path d="M1040 262L810 188" stroke="#c1beb6"/><rect x="996" y="240" width="88" height="44" fill="#ebe9e4" stroke="#c1beb6"/><text x="1040" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER D</text><rect x="746" y="150" width="128" height="76" fill="#ffffff" stroke="#ff6a00"/><text x="810" y="194" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="middle">ROUTER</text>
<path d="M570 116L810 188" stroke="#d4d7dc"/><rect x="526" y="94" width="88" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="570" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER A</text><path d="M1040 116L810 188" stroke="#d4d7dc"/><rect x="996" y="94" width="88" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1040" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER B</text><path d="M570 262L810 188" stroke="#d4d7dc"/><rect x="526" y="240" width="88" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="570" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER C</text><path d="M1040 262L810 188" stroke="#d4d7dc"/><rect x="996" y="240" width="88" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1040" y="266" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.88" text-anchor="middle">PROVIDER D</text><rect x="746" y="150" width="128" height="76" fill="#ffffff" stroke="#ff6a00"/><text x="810" y="194" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="middle">ROUTER</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">CONNECTIONS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">CONNECTIONS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

static/images/banners/chat-conversations-data-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-data-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">STATE SURFACE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Data</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">tables / records / lineage</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TABLES</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RECORDS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">LINEAGE</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TABLES</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RECORDS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">LINEAGE</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-data-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="548" y="104" width="500" height="162" fill="#ebe9e4" stroke="#c1beb6"/><path d="M548 136H1048" stroke="#c1beb6"/><path d="M548 168H1048" stroke="#c1beb6"/><path d="M548 200H1048" stroke="#c1beb6"/><path d="M548 232H1048" stroke="#c1beb6"/><path d="M673 104V266" stroke="#c1beb6"/><path d="M798 104V266" stroke="#c1beb6"/><path d="M923 104V266" stroke="#c1beb6"/><rect x="673" y="168" width="125" height="32" fill="#ff6a00" opacity="0.9"/><text x="900" y="290" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">LINEAGE</text>
<rect x="548" y="104" width="500" height="162" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M548 136H1048" stroke="#d4d7dc"/><path d="M548 168H1048" stroke="#d4d7dc"/><path d="M548 200H1048" stroke="#d4d7dc"/><path d="M548 232H1048" stroke="#d4d7dc"/><path d="M673 104V266" stroke="#d4d7dc"/><path d="M798 104V266" stroke="#d4d7dc"/><path d="M923 104V266" stroke="#d4d7dc"/><rect x="673" y="168" width="125" height="32" fill="#ff6a00" opacity="0.9"/><text x="900" y="290" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">LINEAGE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">DATA</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">DATA</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

static/images/banners/chat-conversations-documents-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-documents-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">FILE INTELLIGENCE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Documents</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">parse / cite / reuse</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PARSE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITE</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REUSE</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PARSE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITE</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REUSE</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-documents-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(812 194) scale(0.78) translate(-804 -194)">
<rect x="570" y="112" width="120" height="150" fill="#ebe9e4" stroke="#c1beb6"/><path d="M588 148H662" stroke="#c1beb6"/><path d="M588 166H662" stroke="#c1beb6"/><path d="M588 184H662" stroke="#c1beb6"/><path d="M588 202H662" stroke="#c1beb6"/><path d="M588 220H662" stroke="#c1beb6"/><rect x="658" y="122" width="120" height="150" fill="#ebe9e4" stroke="#c1beb6"/><path d="M676 158H750" stroke="#c1beb6"/><path d="M676 176H750" stroke="#c1beb6"/><path d="M676 194H750" stroke="#c1beb6"/><path d="M676 212H750" stroke="#c1beb6"/><path d="M676 230H750" stroke="#c1beb6"/><rect x="746" y="132" width="120" height="150" fill="#ebe9e4" stroke="#ff6a00"/><path d="M764 168H838" stroke="#c1beb6"/><path d="M764 186H838" stroke="#c1beb6"/><path d="M764 204H838" stroke="#c1beb6"/><path d="M764 222H838" stroke="#c1beb6"/><path d="M764 240H838" stroke="#c1beb6"/><rect x="834" y="142" width="120" height="150" fill="#ebe9e4" stroke="#c1beb6"/><path d="M852 178H926" stroke="#c1beb6"/><path d="M852 196H926" stroke="#c1beb6"/><path d="M852 214H926" stroke="#c1beb6"/><path d="M852 232H926" stroke="#c1beb6"/><path d="M852 250H926" stroke="#c1beb6"/><path d="M904 144H1040M904 180H1040M904 216H1000" stroke="#ff6a00" stroke-width="2"/>
<rect x="570" y="112" width="120" height="150" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M588 148H662" stroke="#d4d7dc"/><path d="M588 166H662" stroke="#d4d7dc"/><path d="M588 184H662" stroke="#d4d7dc"/><path d="M588 202H662" stroke="#d4d7dc"/><path d="M588 220H662" stroke="#d4d7dc"/><rect x="658" y="122" width="120" height="150" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M676 158H750" stroke="#d4d7dc"/><path d="M676 176H750" stroke="#d4d7dc"/><path d="M676 194H750" stroke="#d4d7dc"/><path d="M676 212H750" stroke="#d4d7dc"/><path d="M676 230H750" stroke="#d4d7dc"/><rect x="746" y="132" width="120" height="150" fill="#f6f7f8" stroke="#ff6a00"/><path d="M764 168H838" stroke="#d4d7dc"/><path d="M764 186H838" stroke="#d4d7dc"/><path d="M764 204H838" stroke="#d4d7dc"/><path d="M764 222H838" stroke="#d4d7dc"/><path d="M764 240H838" stroke="#d4d7dc"/><rect x="834" y="142" width="120" height="150" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M852 178H926" stroke="#d4d7dc"/><path d="M852 196H926" stroke="#d4d7dc"/><path d="M852 214H926" stroke="#d4d7dc"/><path d="M852 232H926" stroke="#d4d7dc"/><path d="M852 250H926" stroke="#d4d7dc"/><path d="M904 144H1040M904 180H1040M904 216H1000" stroke="#ff6a00" stroke-width="2"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">DOCUMENTS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">DOCUMENTS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/chat-conversations-images-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-images-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">VISUAL CONTEXT</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Images</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">media / visual / review</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MEDIA</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTEXT</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REVIEW</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MEDIA</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTEXT</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REVIEW</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-images-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<rect x="558" y="112" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M570 154l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="674" y="112" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M686 154l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="790" y="112" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M802 154l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="906" y="112" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M918 154l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="558" y="190" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M570 232l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="674" y="190" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M686 232l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="790" y="190" width="88" height="58" fill="#ebe9e4" stroke="#ff6a00"/><path d="M802 232l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="906" y="190" width="88" height="58" fill="#ebe9e4" stroke="#c1beb6"/><path d="M918 232l18-18 15 14 12-10 20 20" stroke="#8a8a84" fill="none"/><rect x="940" y="118" width="96" height="128" fill="none" stroke="#ff6a00" stroke-width="2"/>
<rect x="558" y="112" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M570 154l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="674" y="112" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M686 154l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="790" y="112" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M802 154l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="906" y="112" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M918 154l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="558" y="190" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M570 232l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="674" y="190" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M686 232l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="790" y="190" width="88" height="58" fill="#f6f7f8" stroke="#ff6a00"/><path d="M802 232l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="906" y="190" width="88" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M918 232l18-18 15 14 12-10 20 20" stroke="#888888" fill="none"/><rect x="940" y="118" width="96" height="128" fill="none" stroke="#ff6a00" stroke-width="2"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">IMAGES</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">IMAGES</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/chat-conversations-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">AGENT WORKSPACE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Conversations</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">chat / files / terminal</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CHAT</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FILES</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TERMINAL</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CHAT</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FILES</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TERMINAL</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="540" y="108" width="160" height="160" fill="#ebe9e4" stroke="#c1beb6"/><rect x="720" y="108" width="350" height="160" fill="#ebe9e4" stroke="#c1beb6"/><path d="M562 132H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 154H660" stroke="#ff6a00" stroke-width="2"/><path d="M562 176H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 198H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 220H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 242H660" stroke="#c1beb6" stroke-width="1"/><path d="M748 136H1030" stroke="#c1beb6"/><path d="M748 160H1030" stroke="#c1beb6"/><path d="M748 184H1030" stroke="#c1beb6"/><path d="M748 208H1030" stroke="#c1beb6"/><path d="M748 232H1030" stroke="#c1beb6"/><text x="750" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">$ run</text>
<rect x="540" y="108" width="160" height="160" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="720" y="108" width="350" height="160" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M562 132H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 154H660" stroke="#ff6a00" stroke-width="2"/><path d="M562 176H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 198H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 220H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 242H660" stroke="#d4d7dc" stroke-width="1"/><path d="M748 136H1030" stroke="#d4d7dc"/><path d="M748 160H1030" stroke="#d4d7dc"/><path d="M748 184H1030" stroke="#d4d7dc"/><path d="M748 208H1030" stroke="#d4d7dc"/><path d="M748 232H1030" stroke="#d4d7dc"/><text x="750" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">$ run</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">WORKSPACE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">WORKSPACE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

static/images/banners/chat-conversations-memory-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-memory-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">RECALL LAYER</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Memory</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">workspace / user / history</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">WORKSPACE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">USER</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">HISTORY</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">WORKSPACE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">USER</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">HISTORY</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-memory-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(792 194) scale(0.78) translate(-804 -194)">
<rect x="575" y="130" width="210" height="42" fill="#ebe9e4" stroke="#c1beb6" opacity="1"/><rect x="671" y="148" width="210" height="42" fill="#ebe9e4" stroke="#c1beb6" opacity="0.92"/><rect x="767" y="166" width="210" height="42" fill="#ebe9e4" stroke="#ff6a00" opacity="0.84"/><rect x="863" y="184" width="210" height="42" fill="#ebe9e4" stroke="#c1beb6" opacity="0.76"/><path d="M590 258C700 220 850 220 1034 146" fill="none" stroke="#ff6a00" stroke-width="2"/><text x="912" y="276" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">RECALL PATH</text>
<rect x="575" y="130" width="210" height="42" fill="#f6f7f8" stroke="#d4d7dc" opacity="1"/><rect x="671" y="148" width="210" height="42" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.92"/><rect x="767" y="166" width="210" height="42" fill="#f6f7f8" stroke="#ff6a00" opacity="0.84"/><rect x="863" y="184" width="210" height="42" fill="#f6f7f8" stroke="#d4d7dc" opacity="0.76"/><path d="M590 258C700 220 850 220 1034 146" fill="none" stroke="#ff6a00" stroke-width="2"/><text x="912" y="276" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">RECALL PATH</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">MEMORY</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">MEMORY</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

static/images/banners/chat-conversations-websearch-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="chat-conversations-websearch-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">EXTERNAL SIGNAL</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Web Search</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">search / verify / cite</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SEARCH</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VERIFY</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITE</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SEARCH</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VERIFY</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITE</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#chat-conversations-websearch-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<circle cx="664" cy="184" r="78" fill="none" stroke="#c1beb6"/><path d="M586 184H742M664 106C626 150 626 218 664 262M664 106C702 150 702 218 664 262" stroke="#c1beb6" fill="none"/><rect x="815" y="118" width="205" height="22" fill="#ebe9e4" stroke="#c1beb6"/><rect x="815" y="156" width="187" height="22" fill="#ff6a00" stroke="#ff6a00"/><rect x="815" y="194" width="169" height="22" fill="#ebe9e4" stroke="#c1beb6"/><rect x="815" y="232" width="151" height="22" fill="#ebe9e4" stroke="#c1beb6"/>
<circle cx="664" cy="184" r="78" fill="none" stroke="#d4d7dc"/><path d="M586 184H742M664 106C626 150 626 218 664 262M664 106C702 150 702 218 664 262" stroke="#d4d7dc" fill="none"/><rect x="815" y="118" width="205" height="22" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="815" y="156" width="187" height="22" fill="#ff6a00" stroke="#ff6a00"/><rect x="815" y="194" width="169" height="22" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="815" y="232" width="151" height="22" fill="#f6f7f8" stroke="#d4d7dc"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">SEARCH</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">SEARCH</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

static/images/banners/community-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="community-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">SHARED NETWORK</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Community</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">models / prompts / tools</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MODELS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PROMPTS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">MODELS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PROMPTS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#community-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<path d="M602 124L810 184" stroke="#c1beb6"/><path d="M760 116L810 184" stroke="#c1beb6"/><path d="M956 140L810 184" stroke="#c1beb6"/><path d="M662 248L810 184" stroke="#c1beb6"/><path d="M884 256L810 184" stroke="#c1beb6"/><path d="M1030 224L810 184" stroke="#c1beb6"/><circle cx="602" cy="124" r="6" fill="#111111" opacity="0.66"/><circle cx="760" cy="116" r="6" fill="#111111" opacity="0.66"/><circle cx="956" cy="140" r="6" fill="#111111" opacity="0.66"/><circle cx="662" cy="248" r="6" fill="#111111" opacity="0.66"/><circle cx="884" cy="256" r="6" fill="#111111" opacity="0.66"/><circle cx="1030" cy="224" r="6" fill="#111111" opacity="0.66"/><circle cx="810" cy="184" r="10" fill="#ff6a00" opacity="1"/><text x="892" y="290" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SHARED REGISTRY</text>
<path d="M602 124L810 184" stroke="#d4d7dc"/><path d="M760 116L810 184" stroke="#d4d7dc"/><path d="M956 140L810 184" stroke="#d4d7dc"/><path d="M662 248L810 184" stroke="#d4d7dc"/><path d="M884 256L810 184" stroke="#d4d7dc"/><path d="M1030 224L810 184" stroke="#d4d7dc"/><circle cx="602" cy="124" r="6" fill="#111111" opacity="0.66"/><circle cx="760" cy="116" r="6" fill="#111111" opacity="0.66"/><circle cx="956" cy="140" r="6" fill="#111111" opacity="0.66"/><circle cx="662" cy="248" r="6" fill="#111111" opacity="0.66"/><circle cx="884" cy="256" r="6" fill="#111111" opacity="0.66"/><circle cx="1030" cy="224" r="6" fill="#111111" opacity="0.66"/><circle cx="810" cy="184" r="10" fill="#ff6a00" opacity="1"/><text x="892" y="290" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SHARED REGISTRY</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">NETWORK</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">NETWORK</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

static/images/banners/computer-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="computer-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">REMOTE MACHINE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Computer</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">files / shell / git</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FILES</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SHELL</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">GIT</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FILES</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SHELL</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">GIT</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#computer-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="548" y="102" width="510" height="182" fill="#ebe9e4" stroke="#c1beb6"/><path d="M548 140H1058M710 140V284" stroke="#c1beb6"/><path d="M572 164H670" stroke="#c1beb6"/><path d="M572 182H670" stroke="#c1beb6"/><path d="M572 200H670" stroke="#c1beb6"/><path d="M572 218H670" stroke="#c1beb6"/><path d="M572 236H670" stroke="#c1beb6"/><path d="M572 254H670" stroke="#c1beb6"/><path d="M742 166H1018" stroke="#c1beb6" stroke-width="1"/><path d="M742 188H1018" stroke="#c1beb6" stroke-width="1"/><path d="M742 210H1018" stroke="#ff6a00" stroke-width="2"/><path d="M742 232H1018" stroke="#c1beb6" stroke-width="1"/><path d="M742 254H1018" stroke="#c1beb6" stroke-width="1"/><text x="742" y="126" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">LOCAL MACHINE</text>
<rect x="548" y="102" width="510" height="182" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M548 140H1058M710 140V284" stroke="#d4d7dc"/><path d="M572 164H670" stroke="#d4d7dc"/><path d="M572 182H670" stroke="#d4d7dc"/><path d="M572 200H670" stroke="#d4d7dc"/><path d="M572 218H670" stroke="#d4d7dc"/><path d="M572 236H670" stroke="#d4d7dc"/><path d="M572 254H670" stroke="#d4d7dc"/><path d="M742 166H1018" stroke="#d4d7dc" stroke-width="1"/><path d="M742 188H1018" stroke="#d4d7dc" stroke-width="1"/><path d="M742 210H1018" stroke="#ff6a00" stroke-width="2"/><path d="M742 232H1018" stroke="#d4d7dc" stroke-width="1"/><path d="M742 254H1018" stroke="#d4d7dc" stroke-width="1"/><text x="742" y="126" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">LOCAL MACHINE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">COMPUTER</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">COMPUTER</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

static/images/banners/event-function-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="event-function-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">AUTOMATION HOOKS</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Event Functions</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">events / functions / triggers</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">EVENTS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FUNCTIONS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TRIGGERS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">EVENTS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FUNCTIONS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TRIGGERS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#event-function-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="548" y="150" width="100" height="58" fill="#ebe9e4" stroke="#c1beb6"/><text x="598" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">EVENT</text><path d="M648 179H680" stroke="#c1beb6"/><rect x="680" y="150" width="100" height="58" fill="#ebe9e4" stroke="#c1beb6"/><text x="730" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">FILTER</text><path d="M780 179H812" stroke="#c1beb6"/><rect x="812" y="150" width="100" height="58" fill="#ff6a00" stroke="#ff6a00"/><text x="862" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">FUNCTION</text><path d="M912 179H944" stroke="#c1beb6"/><rect x="944" y="150" width="100" height="58" fill="#ebe9e4" stroke="#c1beb6"/><text x="994" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">ACTION</text><path d="M598 238H1010" stroke="#ff6a00" stroke-width="2"/>
<rect x="548" y="150" width="100" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><text x="598" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">EVENT</text><path d="M648 179H680" stroke="#d4d7dc"/><rect x="680" y="150" width="100" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><text x="730" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">FILTER</text><path d="M780 179H812" stroke="#d4d7dc"/><rect x="812" y="150" width="100" height="58" fill="#ff6a00" stroke="#ff6a00"/><text x="862" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">FUNCTION</text><path d="M912 179H944" stroke="#d4d7dc"/><rect x="944" y="150" width="100" height="58" fill="#f6f7f8" stroke="#d4d7dc"/><text x="994" y="184" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">ACTION</text><path d="M598 238H1010" stroke="#ff6a00" stroke-width="2"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">PIPELINE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">PIPELINE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

static/images/banners/extensibility-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="extensibility-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">PLUGIN SURFACE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Extensibility</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">tools / functions / skills</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FUNCTIONS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SKILLS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">FUNCTIONS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SKILLS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#extensibility-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="552" y="104" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="648" y="104" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="744" y="104" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="840" y="104" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="936" y="104" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="552" y="166" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="648" y="166" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="744" y="166" width="72" height="42" fill="#ff6a00" stroke="#ff6a00"/><rect x="840" y="166" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="936" y="166" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="552" y="228" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="648" y="228" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="744" y="228" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="840" y="228" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><rect x="936" y="228" width="72" height="42" fill="#ebe9e4" stroke="#c1beb6"/><text x="790" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CAPABILITY BUS</text>
<rect x="552" y="104" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="648" y="104" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="744" y="104" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="840" y="104" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="936" y="104" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="552" y="166" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="648" y="166" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="744" y="166" width="72" height="42" fill="#ff6a00" stroke="#ff6a00"/><rect x="840" y="166" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="936" y="166" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="552" y="228" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="648" y="228" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="744" y="228" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="840" y="228" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="936" y="228" width="72" height="42" fill="#f6f7f8" stroke="#d4d7dc"/><text x="790" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CAPABILITY BUS</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">MODULES</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">MODULES</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

static/images/banners/features-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="features-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">FULL STACK</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Features</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">voice / vision / retrieval</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VOICE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VISION</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RETRIEVAL</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VOICE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">VISION</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RETRIEVAL</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#features-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.84) translate(-804 -194)">
<rect x="570" y="104" width="420" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="590" y="123" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">VOICE</text><rect x="606" y="148" width="382" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="626" y="167" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">VISION</text><rect x="642" y="192" width="344" height="28" fill="#ff6a00" stroke="#ff6a00"/><text x="662" y="211" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">RETRIEVAL</text><rect x="678" y="236" width="306" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="698" y="255" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">TOOLS</text>
<rect x="570" y="104" width="420" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="590" y="123" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">VOICE</text><rect x="606" y="148" width="382" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="626" y="167" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">VISION</text><rect x="642" y="192" width="344" height="28" fill="#ff6a00" stroke="#ff6a00"/><text x="662" y="211" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">RETRIEVAL</text><rect x="678" y="236" width="306" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="698" y="255" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">TOOLS</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">STACK</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">STACK</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

static/images/banners/kbsync-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="kbsync-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">KNOWLEDGE PIPELINE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Knowledge Sync</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">sync / index / retrieve</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SYNC</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">INDEX</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RETRIEVE</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SYNC</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">INDEX</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RETRIEVE</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#kbsync-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<rect x="508" y="145" width="104" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="560" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">SOURCE</text><path d="M612 171L668 207" stroke="#c1beb6"/><rect x="668" y="181" width="104" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="720" y="212" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">CHUNK</text><path d="M772 207L828 171" stroke="#c1beb6"/><rect x="828" y="145" width="104" height="52" fill="#ff6a00" stroke="#ff6a00"/><text x="880" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">INDEX</text><path d="M932 171L988 207" stroke="#c1beb6"/><rect x="988" y="181" width="104" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="1040" y="212" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">QUERY</text>
<rect x="508" y="145" width="104" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="560" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">SOURCE</text><path d="M612 171L668 207" stroke="#d4d7dc"/><rect x="668" y="181" width="104" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="720" y="212" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">CHUNK</text><path d="M772 207L828 171" stroke="#d4d7dc"/><rect x="828" y="145" width="104" height="52" fill="#ff6a00" stroke="#ff6a00"/><text x="880" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">INDEX</text><path d="M932 171L988 207" stroke="#d4d7dc"/><rect x="988" y="181" width="104" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1040" y="212" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">QUERY</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">SYNC</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">SYNC</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

static/images/banners/knowledge-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="knowledge-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">RETRIEVAL CORE</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Knowledge</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">docs / chunks / citations</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DOCS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CHUNKS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITATIONS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DOCS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CHUNKS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CITATIONS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#knowledge-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(800 194) scale(0.76) translate(-804 -194)">
<path d="M610 128L902 130" stroke="#c1beb6" opacity="0.75"/><path d="M610 128L864 244" stroke="#c1beb6" opacity="0.75"/><path d="M732 104L678 246" stroke="#c1beb6" opacity="0.75"/><path d="M732 104L1010 190" stroke="#c1beb6" opacity="0.75"/><path d="M902 130L864 244" stroke="#c1beb6" opacity="0.75"/><path d="M678 246L1010 190" stroke="#c1beb6" opacity="0.75"/><rect x="575" y="110" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="697" y="86" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="867" y="112" width="70" height="36" fill="#ff6a00" stroke="#ff6a00"/><rect x="643" y="228" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="829" y="226" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="975" y="172" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><text x="870" y="286" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CITATION TRACE</text>
<path d="M610 128L902 130" stroke="#d4d7dc" opacity="0.75"/><path d="M610 128L864 244" stroke="#d4d7dc" opacity="0.75"/><path d="M732 104L678 246" stroke="#d4d7dc" opacity="0.75"/><path d="M732 104L1010 190" stroke="#d4d7dc" opacity="0.75"/><path d="M902 130L864 244" stroke="#d4d7dc" opacity="0.75"/><path d="M678 246L1010 190" stroke="#d4d7dc" opacity="0.75"/><rect x="575" y="110" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="697" y="86" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="867" y="112" width="70" height="36" fill="#ff6a00" stroke="#ff6a00"/><rect x="643" y="228" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="829" y="226" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="975" y="172" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><text x="870" y="286" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CITATION TRACE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">KNOWLEDGE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">KNOWLEDGE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

static/images/banners/notes-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="notes-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">PLAIN FILES</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Notes</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">capture / edit / search</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CAPTURE</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">EDIT</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SEARCH</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CAPTURE</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">EDIT</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SEARCH</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#notes-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<rect x="610" y="92" width="338" height="198" fill="#ebe9e4" stroke="#c1beb6"/><path d="M642 126H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 144H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 162H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 180H916" stroke="#ff6a00" stroke-width="2"/><path d="M642 198H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 216H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 234H916" stroke="#c1beb6" stroke-width="1"/><path d="M642 252H916" stroke="#c1beb6" stroke-width="1"/><path d="M682 92V290" stroke="#c1beb6"/><text x="816" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">PLAIN TEXT</text>
<rect x="610" y="92" width="338" height="198" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M642 126H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 144H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 162H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 180H916" stroke="#ff6a00" stroke-width="2"/><path d="M642 198H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 216H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 234H916" stroke="#d4d7dc" stroke-width="1"/><path d="M642 252H916" stroke="#d4d7dc" stroke-width="1"/><path d="M682 92V290" stroke="#d4d7dc"/><text x="816" y="270" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">PLAIN TEXT</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">NOTES</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">NOTES</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

static/images/banners/terminal-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="terminal-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">SHELL ACCESS</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Terminal</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">commands / logs / sessions</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">COMMANDS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">LOGS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SESSIONS</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">COMMANDS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">LOGS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SESSIONS</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#terminal-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.78) translate(-804 -194)">
<rect x="548" y="104" width="500" height="170" fill="#ffffff" stroke="#c1beb6"/><text x="580" y="138" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="160" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><text x="580" y="182" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="204" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><text x="580" y="226" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><rect x="566" y="245" width="9" height="18" fill="#ff6a00"/>
<rect x="548" y="104" width="500" height="170" fill="#ffffff" stroke="#d4d7dc"/><text x="580" y="138" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="160" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><text x="580" y="182" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="204" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><text x="580" y="226" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">$ open-webui run</text><text x="580" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.95" text-anchor="start">ok session ready</text><rect x="566" y="245" width="9" height="18" fill="#ff6a00"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">TERMINAL</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">TERMINAL</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/workspace-knowledge-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="workspace-knowledge-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">PROJECT MEMORY</text>
<text x="54" y="148" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Workspace</text><text x="54" y="179" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Knowledge</text>
<text x="58" y="214" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">repo / docs / decisions</text>
<path d="M58 236H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REPO</text><path d="M58 254H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DOCS</text><path d="M58 272H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DECISIONS</text><path d="M58 290H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 236H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REPO</text><path d="M58 254H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DOCS</text><path d="M58 272H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DECISIONS</text><path d="M58 290H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#workspace-knowledge-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(800 194) scale(0.76) translate(-804 -194)">
<path d="M610 128L902 130" stroke="#c1beb6" opacity="0.75"/><path d="M610 128L864 244" stroke="#c1beb6" opacity="0.75"/><path d="M732 104L678 246" stroke="#c1beb6" opacity="0.75"/><path d="M732 104L1010 190" stroke="#c1beb6" opacity="0.75"/><path d="M902 130L864 244" stroke="#c1beb6" opacity="0.75"/><path d="M678 246L1010 190" stroke="#c1beb6" opacity="0.75"/><rect x="575" y="110" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="697" y="86" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="867" y="112" width="70" height="36" fill="#ff6a00" stroke="#ff6a00"/><rect x="643" y="228" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="829" y="226" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><rect x="975" y="172" width="70" height="36" fill="#ebe9e4" stroke="#c1beb6"/><text x="870" y="286" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CITATION TRACE</text>
<path d="M610 128L902 130" stroke="#d4d7dc" opacity="0.75"/><path d="M610 128L864 244" stroke="#d4d7dc" opacity="0.75"/><path d="M732 104L678 246" stroke="#d4d7dc" opacity="0.75"/><path d="M732 104L1010 190" stroke="#d4d7dc" opacity="0.75"/><path d="M902 130L864 244" stroke="#d4d7dc" opacity="0.75"/><path d="M678 246L1010 190" stroke="#d4d7dc" opacity="0.75"/><rect x="575" y="110" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="697" y="86" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="867" y="112" width="70" height="36" fill="#ff6a00" stroke="#ff6a00"/><rect x="643" y="228" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="829" y="226" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="975" y="172" width="70" height="36" fill="#f6f7f8" stroke="#d4d7dc"/><text x="870" y="286" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">CITATION TRACE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">KNOWLEDGE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">KNOWLEDGE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

static/images/banners/workspace-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="workspace-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">LOCAL CONTEXT</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Workspace</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">repo / state / environment</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REPO</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">STATE</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ENVIRONMENT</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REPO</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">STATE</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ENVIRONMENT</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#workspace-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="540" y="108" width="160" height="160" fill="#ebe9e4" stroke="#c1beb6"/><rect x="720" y="108" width="350" height="160" fill="#ebe9e4" stroke="#c1beb6"/><path d="M562 132H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 154H660" stroke="#ff6a00" stroke-width="2"/><path d="M562 176H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 198H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 220H660" stroke="#c1beb6" stroke-width="1"/><path d="M562 242H660" stroke="#c1beb6" stroke-width="1"/><path d="M748 136H1030" stroke="#c1beb6"/><path d="M748 160H1030" stroke="#c1beb6"/><path d="M748 184H1030" stroke="#c1beb6"/><path d="M748 208H1030" stroke="#c1beb6"/><path d="M748 232H1030" stroke="#c1beb6"/><text x="750" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">$ run</text>
<rect x="540" y="108" width="160" height="160" fill="#f6f7f8" stroke="#d4d7dc"/><rect x="720" y="108" width="350" height="160" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M562 132H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 154H660" stroke="#ff6a00" stroke-width="2"/><path d="M562 176H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 198H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 220H660" stroke="#d4d7dc" stroke-width="1"/><path d="M562 242H660" stroke="#d4d7dc" stroke-width="1"/><path d="M748 136H1030" stroke="#d4d7dc"/><path d="M748 160H1030" stroke="#d4d7dc"/><path d="M748 184H1030" stroke="#d4d7dc"/><path d="M748 208H1030" stroke="#d4d7dc"/><path d="M748 232H1030" stroke="#d4d7dc"/><text x="750" y="248" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">$ run</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">WORKSPACE</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">WORKSPACE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

static/images/banners/workspace-models-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="workspace-models-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">MODEL SELECTION</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Workspace Models</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">routing / params / control</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROUTING</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PARAMS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTROL</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROUTING</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">PARAMS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CONTROL</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#workspace-models-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.82) translate(-804 -194)">
<path d="M548 116H1048" stroke="#c1beb6"/><rect x="610" y="102" width="138" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="628" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">LOCAL</text><path d="M548 160H1048" stroke="#c1beb6"/><rect x="662" y="146" width="138" height="28" fill="#ff6a00" stroke="#ff6a00"/><text x="680" y="164" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">FAST</text><path d="M548 204H1048" stroke="#c1beb6"/><rect x="714" y="190" width="138" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="732" y="208" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">VISION</text><path d="M548 248H1048" stroke="#c1beb6"/><rect x="766" y="234" width="138" height="28" fill="#ebe9e4" stroke="#c1beb6"/><text x="784" y="252" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">LONG</text><text x="890" y="278" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">ROUTING POLICY</text>
<path d="M548 116H1048" stroke="#d4d7dc"/><rect x="610" y="102" width="138" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="628" y="120" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">LOCAL</text><path d="M548 160H1048" stroke="#d4d7dc"/><rect x="662" y="146" width="138" height="28" fill="#ff6a00" stroke="#ff6a00"/><text x="680" y="164" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">FAST</text><path d="M548 204H1048" stroke="#d4d7dc"/><rect x="714" y="190" width="138" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="732" y="208" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">VISION</text><path d="M548 248H1048" stroke="#d4d7dc"/><rect x="766" y="234" width="138" height="28" fill="#f6f7f8" stroke="#d4d7dc"/><text x="784" y="252" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="1" text-anchor="start">LONG</text><text x="890" y="278" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">ROUTING POLICY</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">MODELS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">MODELS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

static/images/banners/workspace-prompts-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="workspace-prompts-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">SYSTEM INTENT</text>
<text x="54" y="148" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Workspace</text><text x="54" y="179" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Prompts</text>
<text x="58" y="214" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">templates / roles / policy</text>
<path d="M58 236H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TEMPLATES</text><path d="M58 254H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROLES</text><path d="M58 272H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">POLICY</text><path d="M58 290H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 236H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TEMPLATES</text><path d="M58 254H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ROLES</text><path d="M58 272H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">POLICY</text><path d="M58 290H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#workspace-prompts-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.76) translate(-804 -194)">
<rect x="578" y="100" width="420" height="184" fill="#ebe9e4" stroke="#c1beb6"/><text x="610" y="138" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SYSTEM:</text><path d="M680 134H940M610 166H948M610 194H900M610 222H958" stroke="#c1beb6"/><rect x="610" y="242" width="132" height="24" fill="#ffffff" stroke="#ff6a00"/><text x="626" y="258" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="start">ROLE BOUNDARY</text>
<rect x="578" y="100" width="420" height="184" fill="#f6f7f8" stroke="#d4d7dc"/><text x="610" y="138" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="11" fill="#ff6a00" opacity="1" text-anchor="start">SYSTEM:</text><path d="M680 134H940M610 166H948M610 194H900M610 222H958" stroke="#d4d7dc"/><rect x="610" y="242" width="132" height="24" fill="#ffffff" stroke="#ff6a00"/><text x="626" y="258" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="start">ROLE BOUNDARY</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">PROMPTS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">PROMPTS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

static/images/banners/workspace-skills-light.svg
+11 -11
View File
@@ -2,28 +2,28 @@
<defs>
<clipPath id="workspace-skills-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#f1f0ed"/>
<path d="M0 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M40 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M80 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M240 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M280 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M320 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M360 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M400 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M440 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M480 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M520 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M560 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M600 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M640 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M680 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M720 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M760 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M800 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M840 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M880 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M920 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M960 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1000 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1040 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1080 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1120 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1160 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M1200 0V380" stroke="#dedbd4" opacity="0.28"/><path d="M0 0H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 40H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 80H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 120H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 160H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 200H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 240H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 280H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 320H1200" stroke="#dedbd4" opacity="0.28"/><path d="M0 360H1200" stroke="#dedbd4" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#c1beb6" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#c1beb6" stroke-width="1"/>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">CAPABILITY PACKS</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Workspace Skills</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">instructions / tools / reuse</text>
<path d="M58 234H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">INSTRUCTIONS</text><path d="M58 252H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 270H398" stroke="#c1beb6" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REUSE</text><path d="M58 288H398" stroke="#c1beb6" opacity="0.55"/>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">INSTRUCTIONS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">TOOLS</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">REUSE</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#fbfaf7" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#workspace-skills-light-svg-diagram)">
<path d="M526 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M566 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M606 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M646 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M686 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M726 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M766 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M806 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M846 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M886 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M926 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M966 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1006 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1046 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M1086 96V292" stroke="#dedbd4" opacity="0.24"/><path d="M486 136H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 176H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 216H1122" stroke="#dedbd4" opacity="0.24"/><path d="M486 256H1122" stroke="#dedbd4" opacity="0.24"/>
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.76) translate(-804 -194)">
<rect x="602" y="122" width="132" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="668" y="152" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">INSTRUCT</text><rect x="874" y="122" width="132" height="52" fill="#ff6a00" stroke="#ff6a00"/><text x="940" y="152" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">TOOL</text><rect x="602" y="214" width="132" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="668" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">REUSE</text><rect x="874" y="214" width="132" height="52" fill="#ebe9e4" stroke="#c1beb6"/><text x="940" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">RUN</text><path d="M734 148H874M900 174L708 214M734 240H874" stroke="#c1beb6"/>
<rect x="602" y="122" width="132" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="668" y="152" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">INSTRUCT</text><rect x="874" y="122" width="132" height="52" fill="#ff6a00" stroke="#ff6a00"/><text x="940" y="152" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">TOOL</text><rect x="602" y="214" width="132" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="668" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">REUSE</text><rect x="874" y="214" width="132" height="52" fill="#f6f7f8" stroke="#d4d7dc"/><text x="940" y="244" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">RUN</text><path d="M734 148H874M900 174L708 214M734 240H874" stroke="#d4d7dc"/>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#c1beb6"/>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#8a8a84" opacity="0.72" text-anchor="end" dominant-baseline="middle">SKILLS</text>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">SKILLS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB