feat: Add logo

ForkbombEu · Feb 13, 2024 · ec13ac8 · ec13ac8
1 parent 3d4c71b
commit ec13ac8
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 0 deletions.
diff --git a/src/components/logo/didroom-logo.css b/src/components/logo/didroom-logo.css
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
diff --git a/src/components/logo/didroom-logo.tsx b/src/components/logo/didroom-logo.tsx
@@ -0,0 +1,18 @@
+import { Component, Host, h } from '@stencil/core';
+
+@Component({
+  tag: 'didroom-logo',
+  styleUrl: 'didroom-logo.css',
+  shadow: false,
+})
+export class DidroomLogo {
+
+  render() {
+    return (
+      <Host>
+<svg height="350.509833" viewBox="0 0 34.73 43" width="285.298701" xmlns="http://www.w3.org/2000/svg"><clipPath><path d="m392.216 653.232c-1.944-.897-3.473-1.981-4.446-3.19-.769-.957-1.19-1.991-1.19-3.071 0-4.906 8.692-8.881 19.41-8.881 10.3 0 18.727 3.668 19.374 8.308.026.185.039.372.04.561v.012c0 1.08-.42 2.114-1.191 3.071-.972 1.209-2.502 2.293-4.445 3.19z"/></clipPath><clipPath><path d="m392.216 653.232c-1.944-.897-3.473-1.981-4.446-3.19-.769-.957-1.19-1.991-1.19-3.071 0-4.906 8.692-8.881 19.41-8.881 10.3 0 18.727 3.668 19.374 8.308.026.185.039.372.04.561v.012c0 1.08-.42 2.114-1.191 3.071-.972 1.209-2.502 2.293-4.445 3.19z"/></clipPath><clipPath><path d="m479.806 496.847c0-.883 1.589-1.6 3.549-1.6 1.959 0 3.548.717 3.548 1.6 0 .883-1.589 1.599-3.548 1.599-1.96 0-3.549-.716-3.549-1.599"/></clipPath><clipPath><path d="m479.806 496.847c0-.883 1.589-1.6 3.549-1.6 1.959 0 3.548.717 3.548 1.6 0 .883-1.589 1.599-3.548 1.599-1.96 0-3.549-.716-3.549-1.599"/></clipPath><clipPath><path d="m488.449 496.847c0-.883 1.588-1.6 3.548-1.6 1.96 0 3.548.717 3.548 1.6 0 .883-1.588 1.599-3.548 1.599-1.96 0-3.548-.716-3.548-1.599"/></clipPath><clipPath><path d="m488.449 496.847c0-.883 1.588-1.6 3.548-1.6 1.96 0 3.548.717 3.548 1.6 0 .883-1.588 1.599-3.548 1.599-1.96 0-3.548-.716-3.548-1.599"/></clipPath><clipPath><path d="m280.587 662.705c0-7.618 13.698-13.791 30.594-13.791 16.897 0 30.594 6.173 30.594 13.791 0 7.618-13.697 13.793-30.594 13.793-16.896 0-30.594-6.175-30.594-13.793"/></clipPath><clipPath><path d="m280.587 662.705c0-7.618 13.698-13.791 30.594-13.791 16.897 0 30.594 6.173 30.594 13.791 0 7.618-13.697 13.793-30.594 13.793-16.896 0-30.594-6.175-30.594-13.793"/></clipPath><clipPath><path d="m272.878 582.957c0-6.663 11.981-12.065 26.762-12.065 14.779 0 26.761 5.402 26.761 12.065 0 6.663-11.982 12.065-26.761 12.065-14.781 0-26.762-5.402-26.762-12.065"/></clipPath><clipPath><path d="m272.878 582.957c0-6.663 11.981-12.065 26.762-12.065 14.779 0 26.761 5.402 26.761 12.065 0 6.663-11.982 12.065-26.761 12.065-14.781 0-26.762-5.402-26.762-12.065"/></clipPath><clipPath><path d="m379.164 527.041c0-6.663 11.981-12.065 26.761-12.065 14.78 0 26.762 5.402 26.762 12.065 0 6.663-11.982 12.064-26.762 12.064-14.78 0-26.761-5.401-26.761-12.064"/></clipPath><clipPath><path d="m379.164 527.041c0-6.663 11.981-12.065 26.761-12.065 14.78 0 26.762 5.402 26.762 12.065 0 6.663-11.982 12.064-26.762 12.064-14.78 0-26.761-5.401-26.761-12.064"/></clipPath><clipPath><path d="m482.639 583.048c0-6.663 11.981-12.065 26.762-12.065 14.78 0 26.76 5.402 26.76 12.065 0 6.663-11.98 12.064-26.76 12.064-14.781 0-26.762-5.401-26.762-12.064"/></clipPath><clipPath><path d="m482.639 583.048c0-6.663 11.981-12.065 26.762-12.065 14.78 0 26.76 5.402 26.76 12.065 0 6.663-11.98 12.064-26.76 12.064-14.781 0-26.762-5.401-26.762-12.064"/></clipPath><clipPath><path d="m389.131 552.748c0-4.261 7.549-7.716 16.86-7.716 9.311 0 16.861 3.455 16.861 7.716 0 4.263-7.55 7.718-16.861 7.718-9.311 0-16.86-3.455-16.86-7.718"/></clipPath><clipPath><path d="m389.131 552.748c0-4.261 7.549-7.716 16.86-7.716 9.311 0 16.861 3.455 16.861 7.716 0 4.263-7.55 7.718-16.861 7.718-9.311 0-16.86-3.455-16.86-7.718"/></clipPath><clipPath><path d="m348.34 558.09c-6.24-1.132-10.654-3.919-10.654-7.178 0-4.259 7.548-7.718 16.86-7.718 9.312 0 16.859 3.459 16.859 7.718 0 3.259-4.414 6.046-10.654 7.178z"/></clipPath><clipPath><path d="m348.34 558.09c-6.24-1.132-10.654-3.919-10.654-7.178 0-4.259 7.548-7.718 16.86-7.718 9.312 0 16.859 3.459 16.859 7.718 0 3.259-4.414 6.046-10.654 7.178z"/></clipPath><clipPath><path d="m337.685 570.758c0-4.261 7.549-7.716 16.861-7.716 9.311 0 16.86 3.455 16.86 7.716 0 4.263-7.549 7.718-16.86 7.718-9.312 0-16.861-3.455-16.861-7.718"/></clipPath><clipPath><path d="m337.685 570.758c0-4.261 7.549-7.716 16.861-7.716 9.311 0 16.86 3.455 16.86 7.716 0 4.263-7.549 7.718-16.86 7.718-9.312 0-16.861-3.455-16.861-7.718"/></clipPath><g transform="matrix(1.25 0 0 -1.25 -490.49163 774.70075)"><path d="m418.7759 585.87248c.562 0 1.017.455 1.017 1.018v20.449c0 .562-.455 1.018-1.017 1.018h-24.946c-.562 0-1.018-.456-1.018-1.018v-20.449c0-.563.456-1.018 1.018-1.018z" fill="#ffd41f" fill-rule="evenodd"/><path d="m408.9262 616.28108c0 .114-.142.283-.255.341-.68.396-1.362-.114-2.042-.114-.256 0-.511-.057-.709.085 0 .114.114.143.114.255-.169 0-.37.057-.566.085-.001 0-.426.028-.682.113-.936.396-1.813.597-2.89.086-.341-.142-.68-.284-1.049-.284-.17 0 .255-.34.199-.51-.567-.086-1.077-.255-1.559-.709v-.028c.339-.426.85-.482 1.36-.482.17 0 .482-.397 1.275-.51 1.162-.226 1.843.426 2.664.086-.056.141-.056.226-.056.34.965-.257 1.729-.227 2.467.14.68.172.992 1.135 1.729 1.106" fill="#cd1041"/><g fill="#231f20"><path d="m406.4309 611.74598c-.097.131-.058.341-.166.234-.218-.218-.177-.547-.15-.831.012-.138-.095-.124-.138-.081-.247.234-.34.423-.453.735-.283-.084-.314-.294-.325-.523-.01-.195.155-.497-.016-.468-.311.055-.453.566-.481.934-.112 0-.195-.068-.322-.3-.085-.17-.132-.437-.386-.408-.255.028-.338.388-.366.682-.01.153-.166.002-.222-.055-.124-.124-.327-.402-.461-.627-.199.226-.199.565-.227.963l-.028.002c-.312-.143-.68-1.164-1.134-1.164-.057 0-.076.057-.057.085.216.32.203.682.175 1.079-.008.13-.071.356-.162.266 0 0-.372-.419-.523-.55-.137-.119-.397-.341-.651-.397 0 .226.453.765.198 1.614-.198-.226-.283-.41-.876-.581-.342-.085-.604-.03-.858.085-.02-.253-.079-.569-.306-.783 0 0-.783.403-1.01.374-.199-.028-.492-.824-.635-1.305-.338-.012-.762.313-.833.663-.271-.717-.251-1.584-.089-2.436.422-2.226 1.173-3.698 1.599-6.244.163-.983-.906-1.634-1.304-2.442.454 0 .849-.022 1.358-.003.127.006.319.143.355.301.109.472.133 1.036.303 1.517.481.085.622.653 1.048.907.03.171-.226.199-.255.397.142.141.341.313.482.511.057.17-.227.199-.227.34s.05.204.109.289c.112.162.405.184.26.405-.136.208-.397.127-.539.298.085.284.341.623.596.736-.199.255-.539.37-.852.342v.593c0 .079.086.028.086.028.396-.198.681-.338 1.078-.51-.03-.34.084-.652.141-.963.056-.481.379-.788.313-1.33-.046-.361-.423-.524-.649-.706-.095-.077-.259-.146-.259-.317.254-.339.675-.607.987-.89.235.287.345.75.543 1.061.199.055.369.084.511.169.113.057.227.057.339.114-.084.283-.368.425-.565.595.112.114.287.107.453.142.092.021.198.056.255.171-.199.058-.426.198-.455.426.228.168.597.366.682.736-.114.14-.312.14-.454.226-.028.199.052.427.095.603.022.093.089.187.173.187.596-.112 1.224-.08 1.79.003 0 0 .246.051.203-.172-.17-.737-.419-1.415-.532-2.18-.255-.312-.595-.454-.851-.679-.197-.172-.453-.199-.538-.483l1.135-.915c.204.241.396.66.538.944.055.113 0 .282.113.396.254-.029.51.058.736.085.029.256-.197.369-.311.568.199.056.453.008.624.109.108.065.255.204.255.344h-.2c-.055 0-.141 0-.112.084.339.086.709.144.935.454-.056 0-.114.029-.141.084.023.079.141.114.141.114.226.086.426.341.426.567-.2 0-.454.058-.511.255.114.198.341.314.568.342.311-.71.736-1.362 1.216-1.985.029-.055.058-.142.029-.228l-1.077-1.303c-.056-.057-.056-.17.029-.17l1.531.056c.109.014.199.057.226.142.029.425.029.851.085 1.275.228.173.398.541.71.541-.03.168-.198.197-.312.31-.029.228.169.342.282.51-.141.085-.339-.113-.481-.028.142.113.255.17.368.425.029.07-.028.056-.028.056-.141-.056-.265-.013-.368.028-.135.066-.256.171-.256.313.085.283.316.506.514.705.08.074.161.108.198.023.087-.228.138-.417.28-.616.029-.14.029-.309.113-.425.368-.226.709-.536 1.02-.935.142-.255.37-.453.313-.763l-.908-1.362c-.038-.057-.022-.122-.022-.122.01-.043.062-.115.124-.1l1.429.335.071.035.016.049-.058 1.05c.142.17.369.257.538.425-.056.087-.112.114-.169.171 0 .171.169.226.283.31-.058.171-.311.144-.369.342.227.14.398.339.426.623-.084.058-.277.005-.39.001-.108-.003-.556.051-.697.198-.108.113-.132.367-.16.594 0 0 .003.074.057.057 1.075-.34 2.183-.623 3.287-.823 0 0 .148-.023.199-.113.453-.794.907-1.516 1.394-2.295.114-.183.194-.351.234-.508-.255-.455-.648-.746-1.017-1.173-.14-.19.042-.349.153-.331l1.361.226s.095.01.115.116c.029.337.14.649.084.99.113.198.396.198.511.397-.115.142-.237.26-.45.377-.342.187-.419.56-.492.794-.184.582.347.415.347.786-.115.14-.227.253-.369.365 0 .2.17.256.34.313-.035.108-.113.186-.198.229-.114.055-.283.085-.398.167-.056.142.426.255.368.681-.141-.085-.368-.029-.509.028-.171.142.112.284.028.424-.34.115-.68.284-.992.455-.221.119-.323.469-.425.709-.398.992-.709 1.983-1.417 2.833-.17.198-.227.228-.454.398-.073.056-.045.178.108.302.142.113.287.293.346.435.312.623.282 1.53-.059 2.125-.395.738-.962.992-1.643.992-1.047 0-1.728-.85-2.096-1.729-.454-1.105-.313-1.652-1.048-2.19-.119-.076-.421-.14-.655.121-.112.141-.254.369-.169.567.086-.057.172-.209.278-.285.114-.085.263-.088.375-.027.153.085.229.254.229.424 0 .207-.115.387-.257.512-.227.197-.597.169-.852.027-.339-.169-.538-.537-.481-.963.028-.284.186-.481.3-.764.031-.078-.002-.16-.13-.172-.198-.014-.347.05-.482.227m-7.596 4.337.766.425c.141-.028.141-.169.225-.256.2.058.114.342.228.484.113 0 .113-.171.198-.256.198 0 .141.311.228.453.112.17.424.113.368.397l-.284 1.276c-.034.151-.116.221-.171.198-1.019-.368-1.814-.737-2.778-1.076-.084-.029-.169-.029-.311-.029l-1.559 1.162c.085-.68.17-1.305.227-1.702.028-.084 0-.113-.057-.113-.312 0-.595-.255-.793-.538-.227-.482-.51-.879-.964-1.077.085-.199.254-.312.425-.367.142-.058.284-.029.426-.114 0-.057-.029-.087-.058-.142-.368-.652.199-1.531-.509-2.013.312-.141.68 0 .935.283l.056-.028c-.197-.453-.283-.972-.255-1.474 0 0 .022-.118-.028-.265 0 0-.053-.164-.085-.245.91.149 1.252 1.314 1.321 1.514l.032.026.008-.037s-.263-.853 0-1.219c.059-.082.16-.164.26-.154.107.407.335.92.703 1.202.34-.027.681-.198 1.021-.339.199.481-.17 1.161-.17 1.161l.003.014.025-.014s.283-.31.426-.425c.168-.113.68-.226.963-.056.1.059.255.197.283.311-.907-.057-.965 1.077-1.389 1.616l.028.029c.228-.114.342-.426.567-.539 0 0 1.19-.246 1.239-.256.084-.017.116.114.116.114.011.04.126.49.063.708-.141.086-.198-.141-.312-.141-.312.085-.51.114-.85.255l-.567 1.134c-.042.086 0 .113 0 .113m9.969-4.315.037.035c.652.68 1.02 1.814 1.302 2.353.34.622.681.908 1.191.935.426.028.992-.34 1.163-.766.17-.368.057-.849-.142-1.134-.226-.339-.651-.424-1.021-.339-.226.058-.424.198-.594.368-.257-.397-.597-.849-.993-1.104-.284-.2-.624-.397-.935-.397zm-10.422 5.053c0-.199-.142-.341-.341-.341-.171 0-.312.142-.312.341 0 .197.141.338.312.338.199 0 .341-.141.341-.338"/><path d="m396.5237 589.85718c.038 2.139 1.273 3.751 3.276 3.751 1.477 0 2.394-.778 2.589-2.11.149-1.019-.031-1.641-1.211-1.637l-4.147-.195c.09-2.858 1.955-3.815 4.239-3.793h1.447l-.01.656h-1.403c-2.107.064-3.293.964-3.361 2.572l3.846.201c.813.032 1.403.402 1.404 1.428.002 1.823-1 3.544-3.373 3.542-2.169-.003-4.037-1.55-4.037-4.448 0-1.629.53-3.107 1.626-3.951h1.264c-1.387.614-2.185 1.991-2.149 3.984"/><path d="m405.9351 591.74148v-5.869h.876v5.578c.476.568 1.329.999 1.982.999.78 0 1.167-.29 1.17-1.263l.005-5.314h.842v5.423c0 1.172-.547 1.862-1.951 1.862-.838 0-1.748-.45-2.924-1.416"/><path d="m405.4226 591.98138c1.168 1.006 2.343 1.645 3.551 1.645 1.53 0 2.38-.759 2.35-2.331v-5.422h.838v5.427c.047 1.748-.843 2.958-3.038 2.958-1.323 0-2.945-.636-4.54-2.068l.002-6.317h.837z"/><path d="m415.0196 593.25978.557.13v-7.517h.801l-.009 8.132c0 .238-.137.356-.411.281l-1.741-.476-.002-7.937h.805z"/><path d="m415.2963 596.14468c.622 0 1.126.504 1.126 1.126 0 .623-.504 1.127-1.126 1.127-.623 0-1.126-.504-1.126-1.127 0-.622.503-1.126 1.126-1.126"/><path d="m401.8832 591.42478c-.162 1.108-.855 1.736-2.084 1.736-1.512 0-2.539-1.2-2.736-3.046l4.003.193c.768.037.937.291.817 1.117m-.717-.065c-.004-.229-.126-.418-.565-.44l-2.616-.137c.08.877.731 1.668 1.733 1.668 1.114 0 1.438-.643 1.448-1.091"/></g></g></svg>
+      </Host>
+    );
+  }
+
+}
diff --git a/src/components/logo/test/didroom-logo.e2e.ts b/src/components/logo/test/didroom-logo.e2e.ts
@@ -0,0 +1,11 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+describe('didroom-logo', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<didroom-logo></didroom-logo>');
+
+    const element = await page.find('didroom-logo');
+    expect(element).toHaveClass('hydrated');
+  });
+});
diff --git a/src/components/logo/test/didroom-logo.spec.tsx b/src/components/logo/test/didroom-logo.spec.tsx
@@ -0,0 +1,18 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { DidroomLogo } from '../didroom-logo';
+
+describe('didroom-logo', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [DidroomLogo],
+      html: `<didroom-logo></didroom-logo>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <didroom-logo>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </didroom-logo>
+    `);
+  });
+});