chore(FR-942): change Backend.AI Badge to revised logo (#3605)

nowgnuesLee · nowgnuesLee · commit 50021f538a69 · 2025-05-20T09:51:04.000Z
resolves #NNN (FR-942) We replaced the Backend.AI logo with the new logo in that PR. ![CleanShot 2025-04-30 at 09.43.48@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/xbCemO1RqqcSjEXCRK3p/9cfaf8d2-6b87-48cf-a302-b8ce5942ed2e.png) **Checklist:** (if applicable) - [ ] Documentation - [ ] Minium required manager version - [ ] Specific setting for review (eg., KB link, endpoint or how to setup) - [ ] Minimum requirements to check during review - [ ] Test case(s) to demonstrate the difference of before/after
diff --git a/resources/badge.svg b/resources/badge.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="147" height="20" role="img" aria-label="‎: Run on Backend.AI"><title>‎: Run on Backend.AI</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="147" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="32" height="20" fill="#555"/><rect x="32" width="115" height="20" fill="#52a06e"/><rect width="147" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="18" height="14" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE0OSA4NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTM2My42OSwwKSI+CiAgICAgICAgPHJlY3QgeD0iNDY5LjU3IiB5PSIwIiB3aWR0aD0iNDIuNTIiIGhlaWdodD0iMjEuMjYiIHN0eWxlPSJmaWxsOnJnYigxMTgsMjA4LDE0Myk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0zNjMuNjksMCkiPgogICAgICAgIDxyZWN0IHg9IjQ2OS41NyIgeT0iNjMuNzgiIHdpZHRoPSI0Mi41MiIgaGVpZ2h0PSIyMS4yNiIgc3R5bGU9ImZpbGw6cmdiKDExOCwyMDgsMTQzKTsiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xMjcuMTQsMzEuODlDMTMyLjk3LDMxLjg5MiAxMzcuNzY2LDM2LjY5IDEzNy43NjYsNDIuNTJDMTM3Ljc2Niw0OC4zNTEgMTMyLjk2OCw1My4xNSAxMjcuMTM2LDUzLjE1QzEyMi4zNyw1My4xNSAxMTguMTU5LDQ5Ljk0NCAxMTYuODksNDUuMzVMNTIuNzcsNDUuMzVDNTEuNTAxLDQ5Ljk0NCA0Ny4yOSw1My4xNSA0Mi41MjQsNTMuMTVDMzYuNjkyLDUzLjE1IDMxLjg5NCw0OC4zNTEgMzEuODk0LDQyLjUyQzMxLjg5NCwzNi42ODkgMzYuNjkyLDMxLjg5IDQyLjUyNCwzMS44OUM0Ny4yOSwzMS44OSA1MS41MDEsMzUuMDk2IDUyLjc3LDM5LjY5TDExNi44OSwzOS42OUMxMTguMTU5LDM1LjA5NCAxMjIuMzcyLDMxLjg4OCAxMjcuMTQsMzEuODlaTTEyNy4xNCw0Ny44NUMxMzAuMDY0LDQ3Ljg1IDEzMi40Nyw0NS40NDQgMTMyLjQ3LDQyLjUyQzEzMi40NywzOS41OTYgMTMwLjA2NCwzNy4xOSAxMjcuMTQsMzcuMTlDMTI0LjIxNiwzNy4xOSAxMjEuODEsMzkuNTk2IDEyMS44MSw0Mi41MkMxMjEuODEsNDUuNDQ0IDEyNC4yMTYsNDcuODUgMTI3LjE0LDQ3Ljg1Wk00Mi41Miw0Ny44NUMzOS41OTYsNDcuODUgMzcuMTksNDUuNDQ0IDM3LjE5LDQyLjUyQzM3LjE5LDM5LjU5NiAzOS41OTYsMzcuMTkgNDIuNTIsMzcuMTlDNDUuNDQ0LDM3LjE5IDQ3Ljg1LDM5LjU5NiA0Ny44NSw0Mi41MkM0Ny44NSw0NS40NDQgNDUuNDQ0LDQ3Ljg1IDQyLjUyLDQ3Ljg1WiIgc3R5bGU9ImZpbGw6cmdiKDIwMCwyMzEsMTg4KTsiLz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTM2My42OSwwKSI+CiAgICAgICAgPHBhdGggZD0iTTM2My42OSw4NUwzODUsODVMMzg1LDI4LjM1QzM4NSwyNC40OTQgMzg4LjE0NSwyMS4zMDkgMzkyLDIxLjI2TDQyMC4zNSwyMS4yNkM0MjQuMjM0LDIxLjI2IDQyNy40MywyNC40NTYgNDI3LjQzLDI4LjM0QzQyNy40MywyOC4zNDMgNDI3LjQzLDI4LjM0NyA0MjcuNDMsMjguMzVMNDI3LjQzLDg1TDQ0OC42OSw4NUw0NDguNjksMjEuMjZDNDQ4LjY5LDkuNjEyIDQzOS4xMTgsMC4wMjIgNDI3LjQ3LDBMMzg1LDBDMzczLjMzNywwIDM2My43NCw5LjU5NyAzNjMuNzQsMjEuMjZMMzYzLjY5LDg1WiIgc3R5bGU9ImZpbGw6cmdiKDExOCwyMDgsMTQzKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="/><text aria-hidden="true" x="275" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="10">‎</text><text x="275" y="140" transform="scale(.1)" fill="#fff" textLength="10">‎</text><text aria-hidden="true" x="885" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1050">Run on Backend.AI</text><text x="885" y="140" transform="scale(.1)" fill="#fff" textLength="1050">Run on Backend.AI</text></g></svg>
+<svg id="_layer_1" data-name="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 147 20"><defs><style>.st0{fill:none}.st1{fill:url(#_gradient)}.st2{fill:#d6edf5}.st3{fill:#ff9d00}.st4,.st5,.st6{isolation:isolate}.st7{fill:#f19c45}.st5{fill:#010101}.st5,.st6{font-family:Verdana,Geneva,DejaVu Sans,sans-serif;font-size:11.1px}.st8{fill:#555}.st9{clip-path:url(#clippath)}.st6{fill:#fff}</style><clipPath id="clippath"><rect class="st0" width="147" height="20" rx="3" ry="3"/></clipPath><linearGradient id="_gradient" x1="-2639.4" y1="471.6" x2="-2639.4" y2="470.6" gradientTransform="translate(388068 9433) scale(147 -20)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-color="#000" stop-opacity=".1"/></linearGradient></defs><g class="st9"><g><rect class="st8" width="32" height="20"/><rect class="st7" x="32" width="115" height="20"/><rect class="st1" y=".2" width="147" height="20"/></g></g><g text-rendering="geometricPrecision"><g class="st4"><g class="st4"><text class="st5" transform="translate(36.2 14.7)"><tspan x="0" y="0">Run on Backend.AI</tspan></text></g><g class="st4"><text/></g><g class="st4"><text/></g><g class="st4"><text/></g></g><g class="st4"><g class="st4"><text class="st6" transform="translate(35.8 14.4)"><tspan x="0" y="0">Run on Backend.AI</tspan></text></g><g class="st4"><text/></g><g class="st4"><text/></g><g class="st4"><text/></g></g></g><path class="st2" d="M11.7 14.8c1.5 0 2.4-.7 2.4-2.4s-.9-2.4-2.4-2.4-2.5.7-2.5 2.4 1 2.4 2.5 2.4M7.2 16.4V4.8h2.1v4.5l-.4 1.2h.5c.4-1.1 1.3-2.1 3.2-2.1s3.6 1.8 3.6 4.1-1.3 4.1-3.6 4.1-2.8-1-3.2-2.1h-.5l.4 1.2v.8H7.2z"/><path class="st3" d="M21 7h1.3l-.7-1.7-.6 1.7zM24.8 8.5h-.7v-3.7h.7v3.7zM22.9 8.5l-.3-.9h-1.7l-.3.9h-.7l1.5-3.7h.8l1.5 3.7h-.8zM24.2 3.4h-3.4c-1.8 0-3.3 1.5-3.3 3.3v.2c0 1.8 1.5 3.3 3.3 3.3h3.4c1.8 0 3.3-1.5 3.3-3.3v-.2c0-1.8-1.5-3.3-3.3-3.3"/></svg>
diff --git a/src/components/backend-ai-import-view.ts b/src/components/backend-ai-import-view.ts
@@ -771,6 +771,7 @@ export default class BackendAIImport extends BackendAIPage {
               <img
                 src="/resources/badge.svg"
                 style="margin-top:5px;margin-bottom:5px;"
+                width="147"
               />
               <mwc-textfield
                 id="notebook-badge-url"
