@mdn/fred 0.0.1

package/components/generic-about/server.js

@@ -0,0 +1,126 @@
+import { html, nothing } from "lit";
+
+import { ifDefined } from "lit/directives/if-defined.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+
+import { HeadingAnchor } from "../heading-anchor/server.js";
+import { PageLayout } from "../page-layout/server.js";
+import { ServerComponent } from "../server/index.js";
+
+/**
+ * @typedef {import("@mdn/rari").Section} Section
+ * @typedef {Section & { H3s?: Section[] }} AboutSection
+ */
+
+export class GenericAbout extends ServerComponent {
+  /**
+   * @param {import("@fred").Context<import("@rari").GenericPage>} context
+   */
+  render(context) {
+    const doc = context.hyData;
+
+    // Process sections to group H3s under their preceding H2
+    const originalSections = doc?.sections || [];
+    /** @type {AboutSection[]} */
+    const sections = [];
+    for (const section of originalSections) {
+      if (section.value.isH3) {
+        // Get the last section added (should be the preceding H2)
+        const lastSection = sections.at(-1);
+        if (lastSection) {
+          if (!lastSection.H3s) {
+            lastSection.H3s = [];
+          }
+          let { content } = section.value;
+          // Replace <team-member> with <mdn-about-team-member> for
+          // compatibility with the Fred naming conventions and Yari.
+          // Update the markup in generic-content when Yari is phased out.
+          content = content?.replaceAll(
+            "<team-member>",
+            "<mdn-about-team-member>",
+          );
+          content = content?.replaceAll(
+            "</team-member>",
+            "</mdn-about-team-member>",
+          );
+          section.value.content = content;
+          lastSection.H3s.push(section);
+        }
+      } else {
+        /** @type {AboutSection} */
+        const newSection = { ...section };
+        sections.push(newSection);
+      }
+    }
+
+    const bodyContent = sections.map((section, i) => {
+      // Render Header Section (First section)
+
+      if (i === 0) {
+        return section.value.content
+          ? html`<header>
+              <section>${unsafeHTML(section.value.content)}</section>
+            </header>`
+          : nothing;
+      } else if (section.H3s) {
+        const { id, title, content } = section.value;
+        const h3s = section.H3s || [];
+        return id && content
+          ? html`<section aria-labelledby=${id} data-interactive-tabs>
+              <h2 id=${id}>${title}</h2>
+              <div class="section-content">${unsafeHTML(content)}</div>
+              ${h3s.length > 0
+                ? html`
+                    <mdn-about-tabs>
+                      ${h3s.map(({ value: h3Value }, _idx) =>
+                        h3Value.id && h3Value.content
+                          ? html`
+                              <a
+                                slot="tab"
+                                href="#${h3Value.id}"
+                                data-panel-id=${h3Value.id}
+                              >
+                                ${h3Value.title}
+                              </a>
+                            `
+                          : nothing,
+                      )}
+                      ${h3s.map(({ value: h3Value }, _idx) =>
+                        h3Value.id && h3Value.content
+                          ? html`
+                              <div slot="panel" id=${h3Value.id}>
+                                ${unsafeHTML(h3Value.content)}
+                              </div>
+                            `
+                          : nothing,
+                      )}
+                    </mdn-about-tabs>
+                  `
+                : nothing}
+            </section>`
+          : nothing;
+      } else {
+        // Render other sections (like Prose)
+        // Basic rendering for other sections, assuming they have content
+        const { id, title, content } = section.value;
+        return section.type === "prose" && id && content
+          ? html`
+              <section aria-labelledby=${ifDefined(id ?? undefined)}>
+                ${HeadingAnchor.render(
+                  2,
+                  id ? String(id) : null,
+                  String(title),
+                )}
+                <div class="section-content">${unsafeHTML(content)}</div>
+              </section>
+            `
+          : nothing;
+      }
+    });
+
+    const h = html`
+      <main id="content" class="about-container">${bodyContent}</main>
+    `;
+    return PageLayout.render(context, h);
+  }
+}

package/components/generic-community/assets/community-calls-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 95 56"><circle cx="70" cy="24.998" r="25" fill="#354039"/><path fill="#8FF295" d="M68.333.998a6.83 6.83 0 0 1 6.834 6.833v34.167a6.81 6.81 0 0 1-6.834 6.833H82v6.834H0V48.83h13.667a6.83 6.83 0 0 1-6.834-6.833V7.831A6.81 6.81 0 0 1 13.667.998zm0 6.833H13.667v34.167h54.666zM41 28.331c7.55 0 13.667 3.075 13.667 6.834v3.416H27.333v-3.416c0-3.759 6.116-6.834 13.667-6.834m0-17.083a6.83 6.83 0 0 1 6.833 6.833A6.83 6.83 0 0 1 41 24.915a6.81 6.81 0 0 1-6.833-6.834A6.83 6.83 0 0 1 41 11.248"/></svg>

package/components/generic-community/assets/community-calls.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 95 56"><circle cx="70" cy="24.998" r="25" fill="#E1F5E5"/><path fill="#007936" d="M68.333.998a6.83 6.83 0 0 1 6.834 6.833v34.167a6.81 6.81 0 0 1-6.834 6.833H82v6.834H0V48.83h13.667a6.83 6.83 0 0 1-6.834-6.833V7.831A6.81 6.81 0 0 1 13.667.998zm0 6.833H13.667v34.167h54.666zM41 28.331c7.55 0 13.667 3.075 13.667 6.834v3.416H27.333v-3.416c0-3.759 6.116-6.834 13.667-6.834m0-17.083a6.83 6.83 0 0 1 6.833 6.833A6.83 6.83 0 0 1 41 24.915a6.81 6.81 0 0 1-6.833-6.834A6.83 6.83 0 0 1 41 11.248"/></svg>

package/components/generic-community/assets/discord-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 82 81"><ellipse cx="56.455" cy="24.998" fill="#354039" rx="24.761" ry="25"/><path fill="#8FF295" d="M73.125 62.995c5.164-4.485 8.088-10.463 8.088-16.667 0-6.593-3.167-12.76-8.918-17.364-5.597-4.48-13.005-6.946-20.861-6.946s-15.265 2.467-20.861 6.947c-5.75 4.604-8.918 10.77-8.918 17.363s3.167 12.759 8.918 17.363c5.596 4.48 13.005 6.947 20.86 6.947 1.047 0 2.1-.045 3.145-.135l1.784 1.508c6.148 5.191 14.009 8.049 22.143 8.05h2.707v-5.617l-.793-.772a32.8 32.8 0 0 1-7.294-10.677m-13.217 5.028-3.58-3.024-1.194.142q-1.843.22-3.7.22C38 65.361 27.07 56.823 27.07 46.328S38 27.294 51.434 27.294s24.364 8.539 24.364 19.034c0 5.228-2.677 10.11-7.537 13.745l-1.56 1.166.72 1.984a37.9 37.9 0 0 0 6.41 11.183 28.7 28.7 0 0 1-13.923-6.383"/><path fill="#8FF295" d="M7.476 50.624a36.1 36.1 0 0 0 5.89-10.393l.713-1.974-1.558-1.165c-4.583-3.428-7.107-8.028-7.107-12.953 0-9.898 10.323-17.95 23.01-17.95 9.335 0 17.389 4.358 20.994 10.602q1.005-.048 2.017-.05 2.035 0 4.033.193c-1.393-3.518-3.813-6.73-7.14-9.392C42.988 3.267 35.92.912 28.425.912S13.862 3.267 8.52 7.542C3.026 11.94 0 17.835 0 24.139c0 5.903 2.767 11.59 7.656 15.87A31 31 0 0 1 .793 50.021L0 50.795v5.521h2.707c5.006 0 9.943-1.136 14.42-3.318a25.3 25.3 0 0 1-.857-5.548 27.3 27.3 0 0 1-8.794 3.174"/></svg>

package/components/generic-community/assets/discord.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 82 81"><ellipse cx="56.454" cy="24.998" fill="#E1F5E5" rx="24.761" ry="25"/><g fill="#007936"><path d="M73.126 62.995c5.163-4.485 8.087-10.463 8.087-16.667 0-6.593-3.167-12.76-8.917-17.364-5.597-4.48-13.006-6.946-20.862-6.946s-15.264 2.467-20.86 6.947c-5.751 4.604-8.918 10.77-8.918 17.363s3.167 12.759 8.918 17.363c5.596 4.48 13.004 6.947 20.86 6.947 1.047 0 2.1-.045 3.145-.135l1.784 1.508c6.147 5.191 14.008 8.049 22.142 8.05h2.708v-5.617l-.793-.772a32.8 32.8 0 0 1-7.294-10.677m-13.217 5.028-3.58-3.024-1.194.142q-1.844.22-3.7.22C38 65.361 27.07 56.823 27.07 46.328S38 27.294 51.434 27.294s24.364 8.539 24.364 19.034c0 5.228-2.676 10.11-7.537 13.745l-1.559 1.166.72 1.984a37.9 37.9 0 0 0 6.409 11.183 28.7 28.7 0 0 1-13.922-6.383"/><path d="M7.476 50.624a36.1 36.1 0 0 0 5.89-10.393l.713-1.974-1.558-1.165c-4.583-3.428-7.107-8.028-7.107-12.953 0-9.898 10.323-17.95 23.01-17.95 9.335 0 17.389 4.358 20.994 10.602q1.005-.048 2.017-.05 2.035 0 4.033.193c-1.393-3.518-3.813-6.73-7.14-9.392C42.988 3.267 35.92.912 28.425.912S13.862 3.267 8.52 7.542C3.026 11.94 0 17.835 0 24.139c0 5.903 2.767 11.59 7.656 15.87A31 31 0 0 1 .793 50.021L0 50.795v5.521h2.707c5.006 0 9.943-1.136 14.42-3.318a25.3 25.3 0 0 1-.857-5.548 27.3 27.3 0 0 1-8.794 3.174"/></g></svg>

package/components/generic-community/assets/people-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 692 323"><path fill="#975445" d="M330.931 77.662c9.721 21.853 8.935 24.348 29.849 28.703 15.466-8.306 22.813-10.307 21.756-36.788-8.174-25.553-25.486-33.69-40.137-31.793-8.506 6.004-18.734 15.35-11.468 39.878"/><path fill="#975445" d="m374.875 97.653-21.534 6.247s5.115 17.25-12.534 19.536c-17.648 2.286 6.841 54.042 6.841 54.042l62.72-42.992s-12.362-25.901-21.864-25.305c-16.812 1.055-13.629-11.528-13.629-11.528"/><path stroke="#fff" stroke-width=".5" d="m372.558 70.677 7.366-4.299"/><path fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M349.101 92.987c6.364.025 9.446-1.279 14.407-5.016 0 0-2.395 5.538-5.456 6.777-3.322 1.345-8.951-1.76-8.951-1.76"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M354.274 84.667s-2.981 3.816-5.05.654c-2.07-3.16 3.004-9.251.138-13.735-1.62-2.533-4.771-3.96-5.954-4.857-5.976-4.528-9.128 1.802-10.43 1.351m31.559 2.374c-3.625-1.528-5.403-.886-7.738 1.003m-13.978 2.691c-2.941-1.145-4.436-1.055-6.734.872"/><path fill="#66351E" d="m328.311 302.223-13.169-5.231-3.658-59.497s-10.242 11.085-15.281 8.511c-5.02-2.563-18.138-25.927-18.138-25.927l-38.906-87.337h7.678l52.14 52.546c.967-11.703 10.64-32.857 10.64-32.857l6.612-10.893s4.815-9.912 15.526-15.392c8.686-4.444 13.618-9.547 13.618-9.547s16.005 9.924 25.863 7.675c12.731-2.904 15.914-15.488 15.914-15.488l18.352 2.081 11.043.952s8.307 3.942 15.82 14.678c6.979 9.972 30.507 91.391 30.507 91.391l-25.607 16.998 2.997 26.225 2.998 26.224c.415 14.743-70.019 25.244-114.949 14.888"/><path fill="#000" stroke="#000" d="M361.233 152.829c-.312-10.82 4.547-27.102 4.547-27.102s-.937 16.565 0 27.102c.473 5.322 1.819 13.551 1.819 13.551l-4.547.968s-1.494-3.293-1.819-14.519Zm15.803-7.341c-2.321-8.761-10.888-20.207-10.888-20.207s4.901 12.952 6.56 21.69c.838 4.414 1.549 11.439 1.549 11.439l4.562-.709s.626-3.122-1.783-12.213Z"/><path fill="#331125" d="M357.283 47.408s-11.309-7.129-17.936-4.184c-7.381 3.28-8.931 19.05-8.931 19.05s7.589 31.231 13.963 38.862l-18.764 5.684s-18.271 9.572-20.497-.599c18.122-6.43 6.26-9.395 3.208-15.058-13.897-25.78-6.946-53.973 17.356-70.302 30.645-20.592 43.61 14.42 43.61 14.42s31.992-11.665 28.879 12.014c-1.819 13.832 7.932 35.074 19.569 26.876 11.103 9.249-16.887 17.24-16.887 17.24s-19.44 10.364-20.963 1.043c-1.046-6.397 6.657-4.922 6.629-11.418-.034-8.202-11.428-15.698-11.428-15.698z"/><ellipse cx="6.245" cy="11.613" fill="#84473D" rx="6.245" ry="11.613" transform="matrix(-.99172 .12844 .11357 .99353 386.11 65.588)"/><ellipse cx="5.107" cy="11.613" fill="#975445" rx="5.107" ry="11.613" transform="matrix(-.99172 .12844 .11357 .99353 383.852 65.88)"/><path stroke="#fff" d="M336.958 89.19c2.353-.305 4.263-1.995 5.475-4.361 1.214-2.37 1.761-5.469 1.387-8.74s-1.603-6.14-3.316-8.13c-1.71-1.989-3.944-3.142-6.297-2.837-2.354.304-4.263 1.994-5.475 4.36-1.214 2.37-1.761 5.47-1.388 8.74.374 3.272 1.604 6.14 3.317 8.132 1.71 1.988 3.944 3.141 6.297 2.836Zm27.879-3.61c2.353-.304 4.263-1.994 5.475-4.36 1.214-2.37 1.761-5.47 1.387-8.74-.374-3.272-1.603-6.14-3.316-8.131-1.71-1.988-3.944-3.142-6.297-2.837-2.354.305-4.263 1.995-5.475 4.361-1.214 2.37-1.762 5.47-1.388 8.74.374 3.272 1.604 6.14 3.317 8.131 1.709 1.988 3.944 3.142 6.297 2.837Z"/><path stroke="#fff" stroke-width=".5" d="M345.064 77.603s1.584-3.038 3.243-3.707c2.099-.846 6.048 2.504 6.048 2.504"/><path fill="#343434" stroke="#000" stroke-width=".5" d="M390.147 187.166a.78.78 0 0 1 .536-.935l31.299-9.127a.723.723 0 0 1 .923.582l8.973 55.67a.78.78 0 0 1-.549.868l-26.321 7.675a.72.72 0 0 1-.908-.515z"/><path fill="#84473D" d="m383.059 109.271-20.46-4.355s3.996-1.515 6.365-2.904c2.459-1.442 5.911-4.356 5.911-4.356s-.389 2.706 0 4.356c1.017 4.327 8.184 7.259 8.184 7.259"/><path fill="#66224A" d="M361.601 56.482c-2.396-.035-5.244 1.937-5.244 1.937l.909 1.499z"/><path stroke="#66224A" d="M366.107 58.42s-2.608-1.91-4.506-1.938m0 0c-2.396-.035-5.244 1.937-5.244 1.937l.909 1.499z"/><path fill="#BF867A" d="M396.96 219.612c1.585 4.486 16.136 26.347 16.136 26.347l10.906-1.413s14.457-10.691 8.948-12.483c-1.556-.506-7.597 2.271-7.597 2.271l-4.186-22.875s-3.099-3.945-4.646.602 2.954 17.085 2.954 17.085l-1.363.176-6.316-24.494s-1.912-3.605-3.478-.669c-.498.935 3.254 19.586 3.329 20.241s-6.335-18.581-8.455-18.976-1.947-.596-2.926.897c-1.32 2.014 8.849 23.425 8.849 23.425s-9.596-14.351-11.053-14.972c-2.273-.968-2.686.352-1.102 4.838"/><path fill="#000" d="M396.698 132.502c4.545-7.51-2.274-22.747-2.274-22.747l-11.016-2.42s-.453 3.121 0 3.872c4.286 7.103-18.084 13.159-18.084 13.159s-14.291-3.287-12.66-8.161c.323-.963.84-2.578.84-2.578l-9.94 3.182s-5.353 17.104 1.302 21.984c7.728 5.668 20.523-13.306 20.523-13.306s24.542 18.195 31.309 7.015"/><path fill="#EDB39D" d="M156.711 78.877c7.879 26.334 9.311 29.526 29.365 38.304 17.905-7.182 19.943-10.696 22.092-41.023-5.73-30.32-17.759-41.023-33.976-41.023-10.027 5.586-22.349 14.725-17.481 43.742"/><path fill="#EDB39D" d="m202.976 103.6-32.714 4.313s20.424 15.127-11.631 24.508c-32.055 9.382.782 64.1.782 64.1l79.741-40.691s-20.869-32.835-22.367-32.835c-22.551 0-13.811-19.395-13.811-19.395"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M187.171 95.39c-4.85 7.326-13.034 8.778-19.854 2.487m8.943-9.107s-11.797 3.697-8.293-1.275c3.503-4.973 8.595-6.158 6.17-11.464"/><ellipse cx="1.738" cy="2.67" fill="#000" rx="1.738" ry="2.67" transform="matrix(-1 -.00275 -.00243 1 187.136 72.438)"/><path fill="#E5A38C" d="M188.45 114.048c-6.806 1.974-15.222-3.655-15.222-3.655s9.022 10.058 17.064 7.967c5.34-1.388 7.827-4.46 11.05-9.104 1.555-2.239 2.164-3.695 3.223-6.228 1.497-3.584 2.762-9.583 2.762-9.583l-1.841-.959s-2.986 9.348-6.907 13.896l-.035.041c-3.246 3.766-5.399 6.263-10.094 7.625"/><path stroke="#000" d="M180.919 73.86s1.945-4.118 4.629-1.7c2.684 2.42 4.048 2.903 4.048 2.903m-30.428-.296s1.945-4.12 4.629-1.7 4.048 2.902 4.048 2.902"/><ellipse cx="1.738" cy="2.67" fill="#000" rx="1.738" ry="2.67" transform="matrix(-1 -.00275 -.00243 1 165.35 73.137)"/><path fill="#EDB39D" d="M39.057 168.388c2.396-.353 11.55-7.565 11.55-7.565l-1.702-10.541s-5.17-7.576-8.613-9.458-7.12-6.108-7.12-6.108.373-15.266-5.483-7.485-3.323 13.465-.353 16.168c.72.657 1.328 1.132 1.838 1.469-1.96-.085-5.143-.448-10.032-1.566-9.758-2.232-6.225 15.667-1.429 23.083 4.797 7.417 17.893-.744 17.893-.744s1.055 3.1 3.451 2.747"/><path stroke="#000" stroke-width=".5" d="M30.465 147.641c2.97-.927 6.806 11.907 4.092 13.551 0 0-5.821 3.713-8.639 4.122m-10.457-22.028c-5.001 4.355-1.307 20.993 4.547 25.165s15.494-3.137 15.494-3.137l1.328 2.169"/><path stroke="#000" stroke-width=".5" d="M28.646 144.736s-9.094-8.091-1.365-16.786c7.73-8.695 3.99 5.523 7.275 8.558 2.079 1.921 3.613 2.702 5.762 4.531 3.754 3.195 6.325 4.968 8.381 9.592 1.665 3.744 1.93 10.406 1.93 10.406"/><path fill="#4A594F" d="M256.518 318.847v-20.732s27.577-27.851 32.894-31.466c5.296-3.601 5.281-7.894 5.281-7.894l-5.281-40.83-7.002-29.81c-.023-.114-.041-.174-.041-.174s-7.706-29.227-26.742-43.102c-11.473-8.363-9.851-8.533-22.553-13.118-10.3-3.719-17.605-11.244-17.605-11.244l-16.874 8.557s-6.377 8.17-8.911 14.307c-5.98 14.484 0 40.512 0 40.512s-7.753-22.27-9.316-28.763c-1.475-6.132-4.051-26.056-4.051-26.056l-7.622-3.986-14.846 6.673s-21.235 1.339-29.217 8.759c-9.93 9.232-11.246 59.138-11.246 59.138L50.015 155.09l-18.642 16.763c1.424 16.578 176.133 165.117 225.145 146.994"/><path fill="#394035" d="m265.07 232.836-10.002-36.781 2.273 33.393-7.275 16.455-4.546 7.762 3.182 14.017 1.364-21.779z"/><path fill="#BF867A" d="M246.51 153.305c2.294-4.229 3.404-4.929 4.595-8.455.971-2.876 1.407-7.602 1.407-7.602s-1.388-5.076-10.605-9.314c-4.599-2.115-9.198-2.115-9.198-2.115s-4.892 3.806-7.221 6.857c-2.161 2.832-4.327 7.915-4.327 7.915s1.009 5.415 3.827 1.314 5.461-6.642 5.461-6.642l.978.689-5.264 11.992s.662 5.294 2.512 3.599c.7-.641 7.799-13.828 8.121-14.295.321-.468-5.38 16.205-3.673 17.855 1.708 1.651 1.681 1.671 3.344 1.189 2.287-.662 5.44-17.609 5.44-17.609s-1.748 18.626 0 18.852c2.914.376 2.308-.001 4.603-4.23"/><path stroke="#000" stroke-width=".5" d="M244.491 157.269c2.294-4.229 5.339-10.126 6.53-13.653.972-2.875 1.488-6.369 1.488-6.369s-1.388-5.076-10.605-9.314c-4.599-2.115-9.198-2.115-9.198-2.115m8.816 12.864s-2.771 16.947-5.057 17.609m.328-19.045c-.321.468-7.421 13.655-8.121 14.296-1.85 1.695-2.512-3.599-2.512-3.599m4.287-12.682s-2.645 2.542-5.462 6.643c-2.818 4.1-3.826-1.315-3.826-1.315"/><path fill="#343434" stroke="#343434" stroke-width=".5" d="M261.964 228.225a.75.75 0 0 0-.75-.75H105.06a.75.75 0 0 0-.726.939l23.999 91.701c.086.33.384.56.725.56h132.156a.75.75 0 0 0 .75-.75z"/><path stroke="#000" stroke-width=".5" d="m215.46 120.693-17.226 8.553c-14.094 15.487-12.73 34.361-8.773 53.385"/><path stroke="#000" stroke-width="4" d="m218.679 127.119-16.35 7.459c-9.284 10.95-10.387 30.069-7.008 47.239"/><path fill="#262626" stroke="#262626" d="m212.824 90.006 6.415-4.624s7.332-13.874.916-20.04c-6.415-6.168 2.786-7.922.917-10.792-1.925-2.954-4.241 5.5-6.415 3.083-2.389-2.655 7.331-12.333 0-12.332s-.637-4.378-1.833-6.166c-2.14-3.2-5.851-4.123-7.332 0-.16.446-.256.953-.303 1.494-.709-2.892-1.783-5.604-3.363-6.12-1.791-.584-4.582 1.542-4.582 1.542v3.084s-1.957 1.37-2.75 3.083c-.491 1.062-7.079 6.166-.916 3.083.97-.486-5.479 5.266-3.981 5.563 7.331 1.452 12.175 20.458 12.229 22.261.533 17.847 4.582 20.327 4.582 20.327z"/><path fill="#262626" d="m150.791 62.588 5.159 12.957V61.51s-.014-11.282 10.912-14.52c1.881-.557 8.031-.181 16.103.865 1.785.232 8.688 3.486 9.813 3.976 7.146 3.115 3.101-13.837 4.324-14.34 13.408-5.503-5.688-6.471-5.688-6.471s-1.048-6.344-4.547-9.196c-3.665-2.987-9.744-.59-11.821 0-4.194 1.193-5.62 10.435-5.62 10.435s-2.154 1.663-3.46-1.504c-1.716-4.164-12.489-3.232-14.971 0-1.387 1.807 6.376 6.23-2.125 6.23s2.77 9.777 0 12.459c-2.629 2.546 2.577-1.235-4.861 4.995-7.439 6.23 6.782 8.15 6.782 8.15"/><path stroke="#262626" d="M148.87 49.444c-2.629 2.546 2.577-1.235-4.861 4.995-7.439 6.23 6.782 8.15 6.782 8.15l5.159 12.956V61.51s-.014-11.282 10.912-14.52c1.881-.557 8.031-.181 16.103.865 1.785.232 8.688 3.486 9.813 3.976 7.146 3.115 3.101-13.837 4.324-14.34 13.408-5.503-5.688-6.471-5.688-6.471s-1.048-6.344-4.547-9.196c-3.665-2.987-9.744-.59-11.821 0-4.194 1.193-5.62 10.435-5.62 10.435s-2.154 1.663-3.46-1.504c-1.716-4.164-12.489-3.232-14.971 0-1.387 1.807 6.376 6.23-2.125 6.23s2.77 9.777 0 12.459Zm0 0c.325-.315-2.52 2.44 0 0Z"/><ellipse cx="7.042" cy="13.118" fill="#E5A38C" rx="7.042" ry="13.118" transform="matrix(-1 0 0 1 214.077 64.963)"/><ellipse cx="5.456" cy="13.067" fill="#EDB39D" rx="5.456" ry="13.067" transform="matrix(-1 0 0 1 210.966 64.88)"/><path fill="#000" stroke="#000" d="M184.62 64.866c2.742-.308 6.527 2.86 6.527 2.86s-4.13-4.392-7.308-3.964c-2.619.353-5.548 4.109-5.548 4.109l.84.624s2.98-3.347 5.489-3.629Zm-20.972.033c-2.489-.605-6.333 1.712-6.333 1.712s4.3-3.35 7.178-2.586c2.371.63 4.644 4.282 4.644 4.282l-.845.445s-2.365-3.3-4.644-3.853Z"/><path fill="#E5A38C" stroke="#000" stroke-width=".5" d="M422.745 155.52s-15.328-17.199-16.591-19.536c-1.262-2.337 10.441 6.444 10.441 6.444s-11.586-12.65-10.332-14.982c.402-.748 4.21 2.653 7.664 5.98-4.267-4.379-9.34-9.899-9.265-11.319.095-1.778-.326-2.141 1.684-2.589 1.741-.389 11.721 12.298 14.603 16.147-2.783-3.997-12.056-17.66-11.85-18.123 1.109-2.494 3.21-.12 3.21-.12l17.61 18.562 1.611-1.647s-3.106-5.351-4.684-8.273 4.098-1.092 4.098-1.092 5.355 6.491 7.174 11.764c1.625 4.707 2.052 11.147 2.052 11.147l-.116.819-9.026 5.526z"/><path fill="#F5CAC1" d="M422.146 155.169s-15.79-17.291-17.053-19.628c-1.262-2.337 10.882 6.548 10.882 6.548s-11.625-12.477-10.427-14.775c.503-.963 6.842 5.068 10.617 8.789-4.326-4.385-12.172-12.591-12.101-14.348.071-1.764-.021-1.767 1.939-2.184 1.686-.36 11.242 11.937 14.109 15.809-2.814-4.075-11.96-17.641-11.765-18.096 1.054-2.46 3.137-.076 3.137-.076l17.442 18.666 1.555-1.614s-3.101-5.354-4.68-8.276 3.994-1.027 3.994-1.027 5.314 6.516 7.157 11.774c1.645 4.695 2.139 11.094 2.139 11.094l-.103.811-8.759 5.362z"/><path fill="#4F5950" d="M494.493 247.707c1.45 16.891 91.747 57.726 142.24 40.072l.126 3.99 21.941-9.819s11.3-2.837 16.754-6.546c5.433-3.694 7.175-9.819 7.175-9.819l-10.295-67.865-7.183-30.583c-.024-.117-.042-.179-.042-.179s-7.907-29.985-27.436-44.219c-8.245-6.01-14.329-8.839-21.713-11.612-3.048-1.145-6.318-2.28-10.053-3.625l-.403-.145c-10.567-3.815-16.255-5.773-16.255-5.773l-10.837 3.845s-5.669 11.254-10.838 15.381c-7.224 5.768-7.224 3.845-7.224 3.845-1.514-6.291-4.043-18.131-4.043-18.131l-10.7.572-12.35 2.185s-21.786 1.374-29.974 8.986c-10.189 9.471-12.696 71.796-18.114 85.133l-44.072-56.731-22.548 9.819z"/><path fill="#9C9B9B" d="M687.354 282.656c1.011-.418.711-1.924-.383-1.924H473.498c-1.101 0-1.394 1.52-.371 1.929l43.41 17.359q.179.07.371.071h128.15q.198 0 .382-.076z"/><path fill="#394035" d="m631.982 229.416 10.457-27.572 8.639 44.525-9.766 15.021 1.127 14.016-3.182-27.594z"/><path fill="#FFD1BF" d="m582.125 82.367-30.923 2.225s2.395 25.513-11.339 24.141 20.583 15.931 20.583 15.931 15.721-6.318 31.982-15.931c4.919-2.908.535-7.14-8.497-9.062-5.144-4.297-1.806-17.304-1.806-17.304"/><path fill="#805605" stroke="#805605" stroke-width=".5" d="m593.054 28.944-5.513 14.973-5.419-9.613-29.251-12.01-18.641 30.49s-2.18-3.47-4.092-4.84c-2.566-1.837-7.275-4.355-5.911-17.422S548.779 1 548.779 1c7.275 6.292 30.463-5.324 42.373 14.078 3.979 6.483 1.902 13.866 1.902 13.866Z"/><path fill="#FFD1BF" d="M535.163 55.457c8.302 26.567 9.171 28.98 30.304 37.835 18.868-7.245 21.617-11.083 23.882-41.679-7.225-32.69-1.252-33.648-35.569-29.802-10.838 1.922-23.643 0-18.617 33.646"/><path fill="#805605" d="M582.123 84.282c5.615-8.04 9.032-23.071 9.032-23.071l-3.613-23.071-3.611-13.458-1.808 37.823c-12.642 2.551-37.929 6.396-37.929 7.561l-10.837-30.004v11.536l5.419 19.226c.33 3.338 3.485 12.264 7.224 17.303 2.799 3.773 4.662 6.47 9.031 7.69 2.729.762 7.224 0 7.224 0s5.709-.457 9.031-1.922c5.09-2.245 7.551-4.907 10.837-9.613"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M560.449 65.059s-.757-.175-6.668-.175 8.475-9.446 1.25-14.271m21.674-4.783c-2.464-1.758-5.647-4.662-9.031 1.922m-19.563 0c-3.423-1.922-6.606-2.71-9.057 1.923"/><path fill="#E5A38C" d="M587.432 50.624c0 5.078-.236 9.903 2.11 9.903s4.249-4.117 4.249-9.195-1.902-9.195-4.249-9.195-2.11 3.408-2.11 8.487"/><path fill="#FFD1BF" d="M587.432 50.14c0 5.078-.169 9.903 1.507 9.903s3.035-4.117 3.035-9.195-1.359-9.196-3.035-9.196-1.507 3.41-1.507 8.488"/><path fill="#343434" stroke="#000" stroke-width=".5" d="M641.479 204.488a.75.75 0 0 0-.75-.75H480.467a.75.75 0 0 0-.726.94l24.634 94.13c.087.33.385.56.726.56h135.628a.75.75 0 0 0 .75-.75z"/><path fill="#000" d="m593.188 134 1.811-31.199L582.962 96s-.487 5.603 0 6.956c4.602 12.803-22.368 19.344-22.368 19.344s-16.767-7.341-14.487-15.599c.451-1.632 1.811-3.9 1.811-3.9l-12.676 3.9-7.243 19.499 32.595-1.95z"/><path fill="#FFD1BF" d="M553.937 86.667c-3.774-2.42-6.134-10.08-6.134-10.08l14.334-1.92 14.565-3.849s.098 9.68-3.612 13.459c-2.745 2.794-5.309 3.039-9.031 3.845-4.148.897-6.705.736-10.122-1.455"/><path fill="#805605" d="M572.128 35.21c-2.909.014-6.402 2.05-6.402 2.05l1.077 1.482z"/><path stroke="#805605" stroke-linecap="round" d="M577.562 37.057s-3.131-1.859-5.434-1.848m0 0c-2.909.015-6.402 2.05-6.402 2.05l1.077 1.483z"/><path fill="#805605" d="M542.901 37.348c2.909.015 6.402 2.05 6.402 2.05l-1.076 1.482z"/><path stroke="#805605" stroke-linecap="round" d="M537.412 40.2s3.186-2.863 5.489-2.852m0 0c2.909.015 6.402 2.05 6.402 2.05l-1.076 1.482z"/><path fill="#E5A38C" d="M563.773 95.456c-5.524 1.139-9.084.184-9.084.184s4.084.127 9.084-.184q1.093-.224 2.283-.567c4.712-1.367 6.365-1.451 10.003-4.355 4.629-3.696 5.91-6.292 5.91-6.292s-2.062 8.342.099 12.062c.239.312.356.521.356.521a4 4 0 0 1-.356-.52c-.844-1.099-3.213-3.465-7.373-2.384-3.344.87-7.365 1.313-10.922 1.535"/><path fill="#fff" d="M552.083 78.37c8.27 1.425 12.521.33 19.675-3.657 0 0-4.156 6.991-8.369 8.004-4.573 1.098-11.306-4.348-11.306-4.348"/></svg>

package/components/generic-community/assets/people.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 692 323"><path fill="#975445" d="M330.933 77.662c9.721 21.853 8.934 24.348 29.849 28.703 15.465-8.306 22.813-10.307 21.755-36.788-8.173-25.553-25.485-33.69-40.136-31.793-8.506 6.004-18.735 15.35-11.468 39.878"/><path fill="#975445" d="m374.875 97.653-21.533 6.247s5.114 17.25-12.534 19.536 6.84 54.042 6.84 54.042l62.72-42.992s-12.362-25.901-21.864-25.305c-16.811 1.055-13.629-11.528-13.629-11.528"/><path stroke="#fff" stroke-width=".5" d="m372.559 70.677 7.365-4.299"/><path fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M349.102 92.987c6.364.025 9.445-1.279 14.406-5.016 0 0-2.395 5.538-5.455 6.777-3.323 1.345-8.951-1.76-8.951-1.76"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M354.275 84.667s-2.981 3.816-5.051.654c-2.07-3.16 3.005-9.251.139-13.735-1.62-2.533-4.772-3.96-5.954-4.857-5.977-4.528-9.128 1.802-10.43 1.351m31.559 2.374c-3.626-1.528-5.403-.886-7.739 1.003m-13.977 2.691c-2.942-1.145-4.437-1.055-6.734.872"/><path fill="#F2E0CA" d="m328.312 302.223-13.169-5.231-3.658-59.497s-10.242 11.085-15.281 8.511c-5.02-2.563-18.138-25.927-18.138-25.927l-38.907-87.337h7.679l52.14 52.546c.967-11.703 10.64-32.857 10.64-32.857l6.612-10.893s4.815-9.912 15.526-15.392c8.686-4.444 13.618-9.547 13.618-9.547s16.005 9.924 25.863 7.675c12.731-2.904 15.914-15.488 15.914-15.488l18.352 2.081 11.043.952s8.307 3.942 15.82 14.678c6.979 9.972 30.507 91.391 30.507 91.391l-25.607 16.998 2.997 26.225 2.998 26.224c.415 14.743-70.019 25.244-114.949 14.888"/><path fill="#000" stroke="#000" d="M361.234 152.829c-.313-10.82 4.546-27.102 4.546-27.102s-.936 16.565 0 27.102c.473 5.322 1.819 13.551 1.819 13.551l-4.546.968s-1.495-3.293-1.819-14.519Zm15.803-7.341c-2.321-8.761-10.888-20.207-10.888-20.207s4.901 12.952 6.56 21.69c.838 4.414 1.549 11.439 1.549 11.439l4.562-.709s.626-3.122-1.783-12.213Z"/><path fill="#561D3E" d="M357.284 47.408s-11.309-7.129-17.936-4.184c-7.381 3.28-8.931 19.05-8.931 19.05s7.589 31.231 13.963 38.862l-18.764 5.684s-18.271 9.572-20.497-.599c18.122-6.43 6.26-9.395 3.208-15.058-13.897-25.78-6.946-53.973 17.356-70.302 30.645-20.592 43.61 14.42 43.61 14.42s31.992-11.665 28.879 12.014c-1.819 13.832 7.932 35.074 19.569 26.876 11.103 9.249-16.887 17.24-16.887 17.24s-19.44 10.364-20.963 1.043c-1.046-6.397 6.657-4.922 6.629-11.418-.034-8.202-11.428-15.698-11.428-15.698z"/><ellipse cx="6.245" cy="11.613" fill="#84473D" rx="6.245" ry="11.613" transform="matrix(-.99172 .12844 .11357 .99353 386.111 65.588)"/><ellipse cx="5.107" cy="11.613" fill="#975445" rx="5.107" ry="11.613" transform="matrix(-.99172 .12844 .11357 .99353 383.853 65.88)"/><path stroke="#fff" d="M336.959 89.19c2.353-.305 4.262-1.995 5.474-4.361 1.214-2.37 1.762-5.469 1.388-8.74s-1.604-6.14-3.316-8.13c-1.71-1.989-3.944-3.142-6.298-2.837s-4.262 1.994-5.474 4.36c-1.214 2.37-1.762 5.47-1.388 8.74.374 3.272 1.604 6.14 3.316 8.132 1.71 1.988 3.944 3.141 6.298 2.836Zm27.878-3.61c2.354-.304 4.263-1.994 5.475-4.36 1.214-2.37 1.762-5.47 1.388-8.74-.374-3.272-1.604-6.14-3.316-8.131-1.71-1.988-3.944-3.142-6.298-2.837s-4.262 1.995-5.474 4.361c-1.214 2.37-1.762 5.47-1.388 8.74.374 3.272 1.604 6.14 3.316 8.131 1.71 1.988 3.944 3.142 6.297 2.837Z"/><path stroke="#fff" stroke-width=".5" d="M345.065 77.603s1.583-3.038 3.243-3.707c2.098-.846 6.047 2.504 6.047 2.504"/><path fill="#000" stroke="#000" stroke-width=".5" d="M390.148 187.166a.78.78 0 0 1 .535-.935l31.3-9.127a.722.722 0 0 1 .922.582l8.974 55.67a.78.78 0 0 1-.549.868l-26.321 7.675a.72.72 0 0 1-.908-.515z"/><path fill="#84473D" d="m383.06 109.271-20.46-4.355s3.996-1.515 6.365-2.904c2.459-1.442 5.911-4.356 5.911-4.356s-.389 2.706 0 4.356c1.017 4.327 8.184 7.259 8.184 7.259"/><path fill="#561D3E" d="M361.601 56.482c-2.396-.035-5.244 1.937-5.244 1.937l.909 1.499z"/><path stroke="#561D3E" d="M366.107 58.42s-2.608-1.91-4.506-1.938m0 0c-2.396-.035-5.244 1.937-5.244 1.937l.909 1.499z"/><path fill="#BF867A" d="M396.961 219.612c1.584 4.486 16.136 26.347 16.136 26.347l10.906-1.413s14.457-10.691 8.948-12.483c-1.556-.506-7.598 2.271-7.598 2.271l-4.186-22.875s-3.099-3.945-4.645.602c-1.547 4.547 2.954 17.085 2.954 17.085l-1.363.176-6.316-24.494s-1.913-3.605-3.478-.669c-.499.935 3.253 19.586 3.328 20.241s-6.334-18.581-8.454-18.976-1.948-.596-2.926.897c-1.32 2.014 8.849 23.425 8.849 23.425s-9.596-14.351-11.054-14.972c-2.273-.968-2.685.352-1.101 4.838"/><path fill="#000" d="M396.698 132.502c4.545-7.51-2.273-22.747-2.273-22.747l-11.017-2.42s-.453 3.121 0 3.872c4.286 7.103-18.084 13.159-18.084 13.159s-14.291-3.287-12.659-8.161c.322-.963.84-2.578.84-2.578l-9.941 3.182s-5.353 17.104 1.302 21.984c7.728 5.668 20.524-13.306 20.524-13.306s24.541 18.195 31.308 7.015"/><path fill="#EDB39D" d="M156.712 78.877c7.878 26.334 9.31 29.526 29.364 38.304 17.905-7.182 19.944-10.696 22.092-41.023-5.729-30.32-17.758-41.023-33.975-41.023-10.027 5.586-22.349 14.725-17.481 43.742"/><path fill="#EDB39D" d="m202.976 103.6-32.714 4.313s20.424 15.127-11.631 24.508c-32.055 9.382.782 64.1.782 64.1l79.742-40.691s-20.87-32.835-22.368-32.835c-22.551 0-13.811-19.395-13.811-19.395"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M187.171 95.39c-4.85 7.326-13.034 8.778-19.854 2.487m8.943-9.107s-11.797 3.697-8.293-1.275c3.503-4.973 8.595-6.158 6.17-11.464"/><ellipse cx="1.738" cy="2.67" fill="#000" rx="1.738" ry="2.67" transform="matrix(-1 -.00275 -.00243 1 187.137 72.438)"/><path fill="#E5A38C" d="M188.451 114.048c-6.806 1.974-15.223-3.655-15.223-3.655s9.023 10.058 17.064 7.967c5.34-1.388 7.828-4.46 11.05-9.104 1.555-2.239 2.165-3.695 3.223-6.228 1.497-3.584 2.763-9.583 2.763-9.583l-1.842-.959s-2.986 9.348-6.906 13.896l-.036.041c-3.246 3.766-5.399 6.263-10.093 7.625"/><path stroke="#000" d="M180.919 73.86s1.945-4.118 4.629-1.7c2.684 2.42 4.048 2.903 4.048 2.903m-30.428-.296s1.945-4.12 4.629-1.7 4.048 2.902 4.048 2.902"/><ellipse cx="1.738" cy="2.67" fill="#000" rx="1.738" ry="2.67" transform="matrix(-1 -.00275 -.00243 1 165.35 73.137)"/><path fill="#EDB39D" d="M39.058 168.388c2.395-.353 11.549-7.565 11.549-7.565l-1.701-10.541s-5.17-7.576-8.614-9.458c-3.442-1.882-7.119-6.108-7.119-6.108s.372-15.266-5.484-7.485-3.322 13.465-.353 16.168c.721.657 1.328 1.132 1.838 1.469-1.96-.085-5.143-.448-10.031-1.566-9.759-2.232-6.225 15.667-1.43 23.083 4.797 7.417 17.893-.744 17.893-.744s1.056 3.1 3.452 2.747"/><path stroke="#000" stroke-width=".5" d="M30.465 147.641c2.97-.927 6.807 11.907 4.092 13.551 0 0-5.82 3.713-8.638 4.122M15.46 143.286c-5 4.355-1.306 20.993 4.547 25.165 5.854 4.172 15.494-3.137 15.494-3.137l1.329 2.169"/><path stroke="#000" stroke-width=".5" d="M28.646 144.736s-9.093-8.091-1.364-16.786 3.99 5.523 7.275 8.558c2.078 1.921 3.613 2.702 5.762 4.531 3.753 3.195 6.324 4.968 8.38 9.592 1.666 3.744 1.93 10.406 1.93 10.406"/><path fill="#D7F5DC" d="M256.518 318.847v-20.732s27.577-27.851 32.894-31.466c5.296-3.601 5.281-7.894 5.281-7.894l-5.281-40.83-7.002-29.81c-.023-.114-.041-.174-.041-.174s-7.706-29.227-26.742-43.102c-11.473-8.363-9.851-8.533-22.553-13.118-10.3-3.719-17.605-11.244-17.605-11.244l-16.874 8.557s-6.377 8.17-8.911 14.307c-5.98 14.484 0 40.512 0 40.512s-7.753-22.27-9.316-28.763c-1.475-6.132-4.051-26.056-4.051-26.056l-7.622-3.986-14.846 6.673s-21.235 1.339-29.217 8.759c-9.93 9.232-11.246 59.138-11.246 59.138L50.015 155.09l-18.642 16.763c1.424 16.578 176.133 165.117 225.145 146.994"/><path fill="#B5CCAA" d="m265.071 232.836-10.003-36.781 2.273 33.393-7.274 16.455-4.547 7.762 3.183 14.017 1.364-21.779z"/><path fill="#BF867A" d="M246.509 153.305c2.295-4.229 3.404-4.929 4.595-8.455.971-2.876 1.407-7.602 1.407-7.602s-1.387-5.076-10.604-9.314c-4.599-2.115-9.198-2.115-9.198-2.115s-4.893 3.806-7.221 6.857c-2.161 2.832-4.327 7.915-4.327 7.915s1.009 5.415 3.826 1.314 5.462-6.642 5.462-6.642l.977.689-5.264 11.992s.663 5.294 2.513 3.599c.699-.641 7.799-13.828 8.12-14.295s-5.38 16.205-3.672 17.855 1.68 1.671 3.344 1.189c2.286-.662 5.44-17.609 5.44-17.609s-1.748 18.626 0 18.852c2.914.376 2.307-.001 4.602-4.23"/><path stroke="#000" stroke-width=".5" d="M244.491 157.269c2.294-4.229 5.339-10.126 6.53-13.653.972-2.875 1.488-6.369 1.488-6.369s-1.388-5.076-10.605-9.314c-4.599-2.115-9.198-2.115-9.198-2.115m8.816 12.864s-2.771 16.947-5.057 17.609m.328-19.045c-.321.468-7.421 13.655-8.121 14.296-1.85 1.695-2.512-3.599-2.512-3.599m4.287-12.682s-2.645 2.542-5.462 6.643c-2.818 4.1-3.826-1.315-3.826-1.315"/><path fill="#000" stroke="#000" stroke-width=".5" d="M261.963 228.225a.75.75 0 0 0-.75-.75H105.059a.75.75 0 0 0-.725.939l23.998 91.701a.75.75 0 0 0 .726.56h132.155a.75.75 0 0 0 .75-.75z"/><path stroke="#000" stroke-width=".5" d="m215.46 120.693-17.226 8.553c-14.094 15.487-12.73 34.361-8.773 53.385"/><path stroke="#000" stroke-width="4" d="m218.678 127.119-16.35 7.459c-9.284 10.95-10.387 30.069-7.007 47.239"/><path fill="#000" stroke="#000" d="m212.823 90.006 6.415-4.624s7.332-13.874.917-20.04c-6.416-6.168 2.786-7.922.916-10.792-1.924-2.954-4.241 5.5-6.415 3.083-2.389-2.655 7.332-12.333 0-12.332s-.636-4.378-1.833-6.166c-2.14-3.2-5.851-4.123-7.331 0a6 6 0 0 0-.304 1.494c-.708-2.892-1.782-5.604-3.362-6.12-1.792-.584-4.583 1.542-4.583 1.542v3.084s-1.957 1.37-2.749 3.083c-.491 1.062-7.079 6.166-.916 3.083.97-.486-5.48 5.266-3.982 5.563 7.332 1.452 12.176 20.458 12.23 22.261.532 17.847 4.582 20.327 4.582 20.327z"/><path fill="#000" d="m150.791 62.588 5.159 12.957V61.51s-.014-11.282 10.912-14.52c1.881-.557 8.031-.181 16.103.865 1.785.232 8.688 3.486 9.813 3.976 7.146 3.115 3.101-13.837 4.324-14.34 13.408-5.503-5.688-6.471-5.688-6.471s-1.048-6.344-4.547-9.196c-3.665-2.987-9.744-.59-11.821 0-4.194 1.193-5.62 10.435-5.62 10.435s-2.154 1.663-3.46-1.504c-1.716-4.164-12.489-3.232-14.971 0-1.387 1.807 6.376 6.23-2.125 6.23s2.77 9.777 0 12.459c-2.629 2.546 2.577-1.235-4.861 4.995-7.439 6.23 6.782 8.15 6.782 8.15"/><path stroke="#000" d="M148.87 49.444c-2.629 2.546 2.577-1.235-4.861 4.995-7.439 6.23 6.782 8.15 6.782 8.15l5.159 12.956V61.51s-.014-11.282 10.912-14.52c1.881-.557 8.031-.181 16.103.865 1.785.232 8.688 3.486 9.813 3.976 7.146 3.115 3.101-13.837 4.324-14.34 13.408-5.503-5.688-6.471-5.688-6.471s-1.048-6.344-4.547-9.196c-3.665-2.987-9.744-.59-11.821 0-4.194 1.193-5.62 10.435-5.62 10.435s-2.154 1.663-3.46-1.504c-1.716-4.164-12.489-3.232-14.971 0-1.387 1.807 6.376 6.23-2.125 6.23s2.77 9.777 0 12.459Zm0 0c.325-.315-2.52 2.44 0 0Z"/><ellipse cx="7.042" cy="13.118" fill="#E5A38C" rx="7.042" ry="13.118" transform="matrix(-1 0 0 1 214.077 64.963)"/><ellipse cx="5.456" cy="13.067" fill="#EDB39D" rx="5.456" ry="13.067" transform="matrix(-1 0 0 1 210.965 64.88)"/><path fill="#000" stroke="#000" d="M184.62 64.866c2.742-.308 6.527 2.86 6.527 2.86s-4.13-4.392-7.308-3.964c-2.619.353-5.548 4.109-5.548 4.109l.84.624s2.98-3.347 5.489-3.629Zm-20.972.033c-2.489-.605-6.333 1.712-6.333 1.712s4.3-3.35 7.178-2.586c2.371.63 4.644 4.282 4.644 4.282l-.845.445s-2.365-3.3-4.644-3.853Z"/><path fill="#E5A38C" stroke="#000" stroke-width=".5" d="M422.745 155.52s-15.328-17.199-16.591-19.536c-1.262-2.337 10.441 6.444 10.441 6.444s-11.586-12.65-10.332-14.982c.402-.748 4.21 2.653 7.664 5.98-4.267-4.379-9.34-9.899-9.265-11.319.095-1.778-.326-2.141 1.684-2.589 1.741-.389 11.721 12.298 14.603 16.147-2.783-3.997-12.056-17.66-11.85-18.123 1.109-2.494 3.21-.12 3.21-.12l17.61 18.562 1.611-1.647s-3.106-5.351-4.684-8.273 4.098-1.092 4.098-1.092 5.355 6.491 7.174 11.764c1.625 4.707 2.052 11.147 2.052 11.147l-.116.819-9.026 5.526z"/><path fill="#F5CAC1" d="M422.146 155.169s-15.79-17.291-17.053-19.628c-1.262-2.337 10.882 6.548 10.882 6.548s-11.625-12.477-10.427-14.775c.503-.963 6.842 5.068 10.617 8.789-4.326-4.385-12.172-12.591-12.101-14.348.071-1.764-.021-1.767 1.939-2.184 1.686-.36 11.242 11.937 14.109 15.809-2.814-4.075-11.96-17.641-11.765-18.096 1.054-2.46 3.137-.076 3.137-.076l17.442 18.666 1.555-1.614s-3.101-5.354-4.68-8.276 3.994-1.027 3.994-1.027 5.314 6.516 7.157 11.774c1.645 4.695 2.139 11.094 2.139 11.094l-.103.811-8.759 5.362z"/><path fill="#D7F5DC" d="M494.493 247.707c1.45 16.891 91.747 57.726 142.24 40.072l.126 3.99 21.941-9.819s11.3-2.837 16.754-6.546c5.433-3.694 7.175-9.819 7.175-9.819l-10.295-67.865-7.183-30.583c-.024-.117-.042-.179-.042-.179s-7.907-29.985-27.436-44.219c-8.245-6.01-14.329-8.839-21.713-11.612-3.048-1.145-6.318-2.28-10.053-3.625l-.403-.145c-10.567-3.815-16.255-5.773-16.255-5.773l-10.837 3.845s-5.669 11.254-10.838 15.381c-7.224 5.768-7.224 3.845-7.224 3.845-1.514-6.291-4.043-18.131-4.043-18.131l-10.7.572-12.35 2.185s-21.786 1.374-29.974 8.986c-10.189 9.471-12.696 71.796-18.114 85.133l-44.072-56.731-22.548 9.819z"/><path fill="#9C9B9B" d="M687.354 282.656c1.011-.418.711-1.924-.383-1.924H473.498c-1.101 0-1.394 1.52-.371 1.929l43.41 17.359q.179.07.371.071h128.15q.198 0 .382-.076z"/><path fill="#B5CCAA" d="m631.983 229.416 10.457-27.572 8.639 44.525-9.766 15.021 1.127 14.016-3.183-27.594z"/><path fill="#FFD1BF" d="m582.125 82.367-30.923 2.225s2.395 25.513-11.339 24.141 20.583 15.931 20.583 15.931 15.721-6.318 31.982-15.931c4.919-2.908.535-7.14-8.497-9.062-5.144-4.297-1.806-17.304-1.806-17.304"/><path fill="#9A6806" stroke="#9A6806" stroke-width=".5" d="m593.054 28.944-5.513 14.973-5.419-9.613-29.251-12.01-18.641 30.49s-2.18-3.47-4.092-4.84c-2.566-1.837-7.275-4.355-5.911-17.422S548.779 1 548.779 1c7.275 6.292 30.463-5.324 42.373 14.078 3.979 6.483 1.902 13.866 1.902 13.866Z"/><path fill="#FFD1BF" d="M535.163 55.457c8.302 26.567 9.171 28.98 30.304 37.835 18.868-7.245 21.617-11.083 23.882-41.679-7.225-32.69-1.252-33.648-35.569-29.802-10.838 1.922-23.643 0-18.617 33.646"/><path fill="#9A6806" d="M582.123 84.282c5.615-8.04 9.032-23.071 9.032-23.071l-3.613-23.071-3.611-13.458-1.808 37.823c-12.642 2.551-37.929 6.396-37.929 7.561l-10.837-30.004v11.536l5.419 19.226c.33 3.338 3.485 12.264 7.224 17.303 2.799 3.773 4.662 6.47 9.031 7.69 2.729.762 7.224 0 7.224 0s5.709-.457 9.031-1.922c5.09-2.245 7.551-4.907 10.837-9.613"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M560.449 65.059s-.758-.175-6.669-.175 8.475-9.446 1.25-14.271m21.675-4.783c-2.465-1.758-5.647-4.662-9.031 1.922m-19.564 0c-3.423-1.922-6.606-2.71-9.057 1.923"/><path fill="#E5A38C" d="M587.432 50.624c0 5.078-.236 9.903 2.11 9.903s4.249-4.117 4.249-9.195-1.902-9.195-4.249-9.195-2.11 3.408-2.11 8.487"/><path fill="#FFD1BF" d="M587.431 50.14c0 5.078-.169 9.903 1.507 9.903s3.035-4.117 3.035-9.195-1.359-9.196-3.035-9.196-1.507 3.41-1.507 8.488"/><path fill="#000" stroke="#000" stroke-width=".5" d="M641.479 204.488a.75.75 0 0 0-.75-.75H480.467a.75.75 0 0 0-.725.94l24.634 94.13c.086.33.384.56.725.56h135.628a.75.75 0 0 0 .75-.75z"/><path stroke="#2A2A28" stroke-width=".5" d="m560.211 124.233 33.83 10.288m-25.775-13.718s14.498-4.76 14.498-12.003V96.797"/><path fill="#000" d="m592.161 133.576 1.773-30.455-11.785-6.639s-.476 5.47 0 6.791c4.506 12.497-21.899 18.882-21.899 18.882s-16.415-7.166-14.183-15.227c.442-1.593 1.773-3.807 1.773-3.807l-12.41 3.807-7.091 19.034 31.911-1.903z"/><path fill="#FFD1BF" d="M553.938 86.667c-3.775-2.42-6.135-10.08-6.135-10.08l14.334-1.92 14.565-3.849s.099 9.68-3.612 13.459c-2.745 2.794-5.309 3.039-9.031 3.845-4.147.897-6.705.736-10.121-1.455"/><path fill="#9A6806" d="M572.128 35.21c-2.909.014-6.402 2.05-6.402 2.05l1.077 1.482z"/><path stroke="#9A6806" stroke-linecap="round" d="M577.562 37.057s-3.131-1.859-5.434-1.848m0 0c-2.909.015-6.402 2.05-6.402 2.05l1.077 1.483z"/><path fill="#9A6806" d="M542.902 37.348c2.909.015 6.402 2.05 6.402 2.05l-1.077 1.482z"/><path stroke="#9A6806" stroke-linecap="round" d="M537.413 40.2s3.186-2.863 5.489-2.852m0 0c2.909.015 6.402 2.05 6.402 2.05l-1.077 1.482z"/><path fill="#E5A38C" d="M563.773 95.456c-5.524 1.139-9.084.184-9.084.184s4.084.127 9.084-.184q1.093-.224 2.283-.567c4.712-1.367 6.365-1.451 10.003-4.355 4.629-3.696 5.91-6.292 5.91-6.292s-2.062 8.342.099 12.062c.239.312.356.521.356.521a4 4 0 0 1-.356-.52c-.844-1.099-3.213-3.465-7.373-2.384-3.344.87-7.365 1.313-10.922 1.535"/><path fill="#fff" d="M552.082 78.37c8.27 1.425 12.522.33 19.675-3.657 0 0-4.156 6.991-8.368 8.004-4.573 1.098-11.307-4.348-11.307-4.348"/></svg>

package/components/generic-community/assets/quote-end-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 35"><path fill="#394035" d="M22.377 14.649h-8.802V.778h8.802z"/><path fill="#8FF295" d="M16.95 12.104v3.681c0 3.12-2.046 6.784-4.415 8.71L9.33 22.604c1.279-2.01 2.165-4.107 2.165-6.784v-3.716zm-8.608 0v3.681c0 3.12-2.046 6.784-4.415 8.71L.722 22.604c1.279-2.01 2.165-4.107 2.165-6.784v-3.716z"/></svg>

package/components/generic-community/assets/quote-end.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 35"><path fill="#E1F5E5" d="M22.376 14.649h-8.802V.778h8.802z"/><path fill="#007936" d="M16.95 12.104v3.681c0 3.12-2.046 6.784-4.415 8.71L9.33 22.604c1.278-2.01 2.165-4.107 2.165-6.784v-3.716zm-8.609 0v3.681c0 3.12-2.045 6.784-4.414 8.71L.722 22.604C2 20.594 2.887 18.497 2.887 15.82v-3.716z"/></svg>

package/components/generic-community/assets/quote-start-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 34"><path fill="#394035" d="M.575 19.543h8.802v13.871H.575z"/><path fill="#8FF295" d="M6.002 22.088v-3.682c0-3.12 2.046-6.784 4.415-8.71l3.205 1.892c-1.279 2.011-2.165 4.108-2.165 6.784v3.716zm8.608 0v-3.682c0-3.12 2.046-6.784 4.415-8.71l3.205 1.892c-1.279 2.011-2.165 4.108-2.165 6.784v3.716z"/></svg>

package/components/generic-community/assets/quote-start.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 34"><path fill="#E1F5E5" d="M.575 19.543h8.802v13.871H.575z"/><path fill="#007936" d="M6.002 22.088v-3.682c0-3.12 2.045-6.784 4.415-8.71l3.204 1.892c-1.278 2.011-2.165 4.108-2.165 6.784v3.716zm8.608 0v-3.682c0-3.12 2.045-6.784 4.415-8.71l3.204 1.892c-1.278 2.011-2.165 4.108-2.165 6.784v3.716z"/></svg>

package/components/generic-community/assets/video-bg-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 464 412"><circle cx="205.617" cy="205.617" r="193.617" fill="#fff"/><circle cx="391.261" cy="124.597" r="36.986" fill="#394035" stroke="#101010" stroke-width="2" transform="rotate(8.739 391.261 124.597)"/><path fill="#8FF295" d="M408.438 115.565a1.933 1.933 0 0 1-.415 2.703l-21.747 15.952a4 4 0 0 1-5.591-.859l-5.41-7.375a1.934 1.934 0 0 1 3.118-2.29l3.126 4.25a4 4 0 0 0 5.586.856l18.631-13.652a1.934 1.934 0 0 1 2.702.415"/><path stroke="#8FF295" stroke-linecap="round" stroke-width="4" d="m438.607 111.76 18.681 2.084m-25.318-13.772 15.952-9.941m-23.899-1.799 5.297-18.035"/><path fill="#394035" stroke="#101010" stroke-width="2" d="M350.982 380.623c-2.193 14.264-15.921 24.045-30.719 21.77-14.798-2.274-24.955-15.726-22.762-29.991s15.921-24.045 30.719-21.77c14.798 2.274 24.955 15.726 22.762 29.991Z"/><path fill="#8FF295" d="M334.371 371.276c.458-.458.458-1.221 0-1.656l-2.749-2.749c-.435-.458-1.199-.458-1.657 0l-2.161 2.15 4.405 4.405m-18.644 9.845v4.405h4.406l12.993-13.005-4.406-4.405z"/></svg>

package/components/generic-community/assets/video-bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 464 412"><circle cx="205.617" cy="205.617" r="193.617" fill="#fff"/><circle cx="391.261" cy="124.597" r="36.986" fill="#E1F5E5" stroke="#F2F2F5" stroke-width="2" transform="rotate(8.739 391.261 124.597)"/><path fill="#007936" d="M408.439 115.565a1.934 1.934 0 0 1-.416 2.703l-21.746 15.952a4 4 0 0 1-5.592-.859l-5.41-7.375a1.934 1.934 0 0 1 3.118-2.29l3.126 4.25a4 4 0 0 0 5.587.856l18.631-13.652a1.934 1.934 0 0 1 2.702.415"/><path stroke="#007936" stroke-linecap="round" stroke-width="4" d="m438.607 111.76 18.68 2.084m-25.318-13.772 15.953-9.941m-23.899-1.799 5.297-18.035"/><path fill="#E1F5E5" stroke="#F2F2F5" stroke-width="2" d="M350.982 380.623c-2.193 14.264-15.921 24.045-30.719 21.77-14.798-2.274-24.955-15.726-22.762-29.991s15.921-24.045 30.719-21.77c14.798 2.274 24.955 15.726 22.762 29.991Z"/><path fill="#007936" d="M334.371 371.276c.458-.458.458-1.221 0-1.656l-2.749-2.749c-.434-.458-1.198-.458-1.656 0l-2.162 2.15 4.406 4.405m-18.644 9.845v4.405h4.405l12.993-13.005-4.405-4.405z"/></svg>

package/components/generic-community/assets/youtube-play.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="external-icon" style="pointer-events:none;display:block;width:100%;height:100%" viewBox="0 0 28.57 20"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.57 20"><path fill="red" d="M27.973 3.123A3.58 3.58 0 0 0 25.447.597C23.22 0 14.285 0 14.285 0S5.35 0 3.123.597A3.58 3.58 0 0 0 .597 3.123C0 5.35 0 10 0 10s0 4.65.597 6.877a3.58 3.58 0 0 0 2.526 2.526C5.35 20 14.285 20 14.285 20s8.935 0 11.162-.597a3.58 3.58 0 0 0 2.526-2.526C28.57 14.65 28.57 10 28.57 10s-.002-4.65-.597-6.877"/><path fill="#fff" d="M11.425 14.285 18.848 10l-7.423-4.285z"/></svg></svg>