@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/ribbons/RibbonWing8.ts

@@ -0,0 +1,78 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing8({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 401 71"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M68.6939 19.9378C67.9137 19.4479 66.3214 10.3799 53.9238 11.7453C54.4545 15.1792 58.7368 18.7538 62.0074 19.7201L62.0074 20.0467L56.7272 20.6908C54.1551 16.4403 48.943 14.3854 44.1164 15.084C39.8115 15.7055 40.1381 16.3677 41.2041 17.6697C42.9324 19.779 47.1058 22.0835 49.9319 22.088L49.9319 22.4146L44.6517 24.1384C40.4511 19.466 32.6577 19.7291 27.9446 23.3808C35.4838 30.7024 43.4813 23.9116 34.3044 30.0673C28.4163 26.8284 21.9431 28.0214 17.4884 33.0839C20.2284 35.4246 25.4224 35.7104 28.6976 34.159L28.9153 34.3768L24.9279 38.3641C21.0222 37.0622 16.2319 37.7517 13.0747 40.5189C12.308 41.1857 8.93757 45.0461 9.84029 45.8036C11.056 46.8198 17.992 45.8263 20.7228 43.54C17.9602 48.8974 15.3156 48.9291 13.1745 51.6237C11.2556 54.0415 10.2531 59.6166 11.7727 62.2975C16.9804 59.73 19.6296 55.484 19.2122 49.6867C29.7772 32.3717 46.8427 21.9383 66.648 22.1832C67.8683 22.1969 68.8209 21.1444 68.6848 19.9378L68.6939 19.9378Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M45.8436 27.0506C39.2206 28.6474 36.5125 34.9211 38.9439 41.0632C44.1652 38.5093 47.1546 32.7709 45.8436 27.0506Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M24.2812 58.0857C28.4319 53.9441 29.3074 47.2441 25.5741 42.5672C20.5706 46.5001 19.8811 53.4225 24.2812 58.0857Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M30.8599 48.4977C35.6955 45.0048 37.3014 38.8445 34.9561 33.4055C34.0625 32.9836 25.3029 39.5295 30.8599 48.4977Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M57.9219 23.3839C47.552 24.0734 47.4976 34.9241 48.4366 35.4549C53.7259 34.1847 58.5389 28.9181 57.9219 23.3839Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M331.525 19.9378C332.305 19.4479 333.897 10.3799 346.295 11.7453C345.764 15.1792 341.482 18.7538 338.211 19.7201L338.211 20.0467L343.492 20.6908C346.064 16.4403 351.276 14.3854 356.102 15.084C360.407 15.7054 360.081 16.3677 359.015 17.6697C357.286 19.779 353.113 22.0835 350.287 22.088L350.287 22.4146L355.567 24.1384C359.768 19.466 367.561 19.7291 372.274 23.3808C364.735 30.7024 356.737 23.9116 365.914 30.0673C371.802 26.8284 378.276 28.0214 382.73 33.0839C379.99 35.4246 374.796 35.7104 371.521 34.159L371.303 34.3768L375.291 38.3641C379.197 37.0622 383.987 37.7517 387.144 40.5189C387.911 41.1857 391.281 45.0461 390.378 45.8036C389.163 46.8198 382.227 45.8263 379.496 43.54C382.259 48.8974 384.903 48.9291 387.044 51.6237C388.963 54.0415 389.966 59.6166 388.446 62.2975C383.238 59.73 380.589 55.484 381.007 49.6867C370.442 32.3717 353.376 21.9383 333.571 22.1833C332.35 22.1969 331.398 21.1444 331.534 19.9378L331.525 19.9378Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M354.375 27.0508C360.998 28.6475 363.706 34.9212 361.275 41.0633C356.054 38.5094 353.064 32.771 354.375 27.0508Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M375.938 58.0859C371.787 53.9443 370.911 47.2442 374.645 42.5673C379.648 46.5003 380.338 53.4226 375.938 58.0859Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M369.359 48.4979C364.523 45.0049 362.917 38.8447 365.263 33.4057C366.156 32.9838 374.916 39.5297 369.359 48.4979Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M342.297 23.384C352.667 24.0735 352.721 34.9243 351.782 35.455C346.493 34.1849 341.68 28.9182 342.297 23.384Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing9.ts

@@ -0,0 +1,68 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing9({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 340 125"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M111.222 30.6473C109.811 29.9529 105.514 14.8409 84.7105 19.3387C86.2153 25.0742 94.1125 30.3886 99.834 31.4535L99.8915 32.0079L91.0421 34.0298C85.9289 27.2674 76.7204 24.696 68.6506 26.7305C61.4527 28.5424 62.1236 29.6092 64.162 31.6316C67.4666 34.9081 74.9557 38.0857 79.7535 37.5964L79.8109 38.1508L71.1514 42.0053C63.1997 34.8131 50.0176 36.6302 42.6597 43.6574C56.7443 54.7592 69.125 41.8261 54.6307 53.8886C44.0667 49.4263 33.2888 52.5897 26.6179 61.9661C31.6802 65.4574 40.5468 65.0291 45.8332 61.8198L46.2411 62.1511L40.1742 69.6205C33.3156 68.0975 25.3059 70.1102 20.4334 75.3624C19.2494 76.6291 14.2073 83.7743 15.8727 84.9015C18.115 86.4124 29.7134 83.5065 33.9466 79.1455C30.1995 88.7248 25.7161 89.2438 22.5556 94.194C19.7238 98.6355 19.0025 108.275 22.0534 112.558C30.4413 107.284 34.1913 99.6114 32.4635 89.8444C47.3515 58.5962 74.4835 37.8855 108.144 34.8185C110.218 34.627 111.65 32.6731 111.207 30.6489L111.222 30.6473Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M73.685 46.7368C62.724 50.6118 59.2305 61.737 64.4377 71.735C72.8511 66.4818 76.9162 56.2158 73.685 46.7368Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M42.5488 103.205C48.8659 95.4456 49.1737 83.9189 42.0143 76.6369C34.213 84.1926 34.2599 96.0638 42.5488 103.205Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52.0275 85.7844C59.6213 79.0052 61.2637 68.2664 56.3264 59.4467C54.7354 58.8878 41.0181 71.539 52.0275 85.7844Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M93.5387 38.391C76.0581 41.385 77.8739 59.8126 79.5611 60.5484C88.3158 57.4623 95.5591 47.6764 93.5387 38.391Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M227.909 30.6473C229.319 29.9529 233.617 14.8409 254.42 19.3387C252.916 25.0742 245.018 30.3886 239.297 31.4535L239.239 32.0079L248.089 34.0298C253.202 27.2674 262.41 24.696 270.48 26.7305C277.678 28.5424 277.007 29.6092 274.969 31.6316C271.664 34.9081 264.175 38.0857 259.377 37.5964L259.32 38.1508L267.979 42.0053C275.931 34.8131 289.113 36.6302 296.471 43.6574C282.387 54.7592 270.006 41.8261 284.5 53.8886C295.064 49.4263 305.842 52.5897 312.513 61.9661C307.451 65.4574 298.584 65.0291 293.298 61.8198L292.89 62.1511L298.957 69.6205C305.815 68.0975 313.825 70.1102 318.697 75.3624C319.881 76.6291 324.924 83.7743 323.258 84.9015C321.016 86.4124 309.418 83.5065 305.184 79.1455C308.931 88.7248 313.415 89.2438 316.575 94.194C319.407 98.6355 320.128 108.275 317.077 112.558C308.69 107.284 304.94 99.6114 306.667 89.8444C291.779 58.5962 264.647 37.8855 230.987 34.8185C228.913 34.627 227.481 32.6731 227.924 30.6489L227.909 30.6473Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M265.446 46.7368C276.407 50.6118 279.9 61.737 274.693 71.735C266.28 66.4818 262.215 56.2158 265.446 46.7368Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M296.582 103.205C290.265 95.4456 289.957 83.9189 297.117 76.6369C304.918 84.1926 304.871 96.0638 296.582 103.205Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M287.103 85.7844C279.51 79.0052 277.867 68.2664 282.804 59.4467C284.395 58.8878 298.113 71.539 287.103 85.7844Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M245.592 38.391C263.073 41.385 261.257 59.8126 259.57 60.5484C250.815 57.4623 243.572 47.6764 245.592 38.391Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/index.ts

@@ -0,0 +1,99 @@
+import { createRibbonType1 } from "./RibbonType1";
+import { createRibbonType2 } from "./RibbonType2";
+import { createRibbonType4 } from "./RibbonType4";
+import { createRibbonType5 } from "./RibbonType5";
+import { createRibbonType6 } from "./RibbonType6";
+import { createRibbonType7_1 } from "./RibbonType7_1";
+import { createRibbonType7 } from "./RibbonType7";
+import { createRibbonType8 } from "./RibbonType8";
+import { createRibbonType12 } from "./RibbonType12";
+import { createRibbonType13_1 } from "./RibbonType13_1";
+import { createRibbonType13 } from "./RibbonType13";
+import { createRibbonType18_1 } from "./RibbonType18_1";
+import { createRibbonType18 } from "./RibbonType18";
+import { createRibbonType19_1 } from "./RibbonType19_1";
+import { createRibbonType19 } from "./RibbonType19";
+import { createRibbonType21 } from "./RibbonType21";
+import { createRibbonType22 } from "./RibbonType22";
+import { createRibbonType23 } from "./RibbonType23";
+import { createRibbonType23_1 } from "./RibbonType23_1";
+import { createRibbonType24 } from "./RibbonType24";
+import { createRibbonType24_1 } from "./RibbonType24_1";
+import { createRibbonType26 } from "./RibbonType26";
+import { createRibbonType27 } from "./RibbonType27";
+import { createRibbonType27_1 } from "./RibbonType27_1";
+import { createRibbonType34 } from "./RibbonType34";
+import { createRibbonType35_1 } from "./RibbonType35_1";
+import { createRibbonType35 } from "./RibbonType35";
+import { createRibbonType45 } from "./RibbonType45";
+import { createRibbonType46 } from "./RibbonType46";
+import { createRibbonType53 } from "./RibbonType53";
+import { createRibbonType57 } from "./RibbonType57";
+import { createRibbonType61 } from "./RibbonType61";
+
+import { createRibbonWing1 } from "./RibbonWing1";
+import { createRibbonWing2 } from "./RibbonWing2";
+import { createRibbonWing3 } from "./RibbonWing3";
+import { createRibbonWing4 } from "./RibbonWing4";
+import { createRibbonWing5 } from "./RibbonWing5";
+import { createRibbonWing6 } from "./RibbonWing6";
+import { createRibbonWing7 } from "./RibbonWing7";
+import { createRibbonWing8 } from "./RibbonWing8";
+import { createRibbonWing9 } from "./RibbonWing9";
+import { createRibbonWing10 } from "./RibbonWing10";
+import { createRibbonWing11 } from "./RibbonWing11";
+import { createRibbonWing12 } from "./RibbonWing12";
+import { createRibbonWing14 } from "./RibbonWing14";
+
+const Ribbons = {
+  // RibbonType Type
+  RibbonType1: createRibbonType1,
+  RibbonType2: createRibbonType2,
+  RibbonType4: createRibbonType4,
+  RibbonType5: createRibbonType5,
+  RibbonType6: createRibbonType6,
+  RibbonType7_1: createRibbonType7_1,
+  RibbonType7: createRibbonType7,
+  RibbonType8: createRibbonType8,
+  RibbonType12: createRibbonType12,
+  RibbonType13_1: createRibbonType13_1,
+  RibbonType13: createRibbonType13,
+  RibbonType18_1: createRibbonType18_1,
+  RibbonType18: createRibbonType18,
+  RibbonType19_1: createRibbonType19_1,
+  RibbonType19: createRibbonType19,
+  RibbonType21: createRibbonType21,
+  RibbonType22: createRibbonType22,
+  RibbonType23: createRibbonType23,
+  RibbonType23_1: createRibbonType23_1,
+  RibbonType24_1: createRibbonType24_1,
+  RibbonType24: createRibbonType24,
+  RibbonType26: createRibbonType26,
+  RibbonType27_1: createRibbonType27_1,
+  RibbonType27: createRibbonType27,
+  RibbonType34: createRibbonType34,
+  RibbonType35_1: createRibbonType35_1,
+  RibbonType35: createRibbonType35,
+  RibbonType45: createRibbonType45,
+  RibbonType46: createRibbonType46,
+  RibbonType53: createRibbonType53,
+  RibbonType57: createRibbonType57,
+  RibbonType61: createRibbonType61,
+
+  // RibbonWing Type
+  RibbonWing1: createRibbonWing1,
+  RibbonWing2: createRibbonWing2,
+  RibbonWing3: createRibbonWing3,
+  RibbonWing4: createRibbonWing4,
+  RibbonWing5: createRibbonWing5,
+  RibbonWing6: createRibbonWing6,
+  RibbonWing7: createRibbonWing7,
+  RibbonWing8: createRibbonWing8,
+  RibbonWing9: createRibbonWing9,
+  RibbonWing10: createRibbonWing10,
+  RibbonWing11: createRibbonWing11,
+  RibbonWing12: createRibbonWing12,
+  RibbonWing14: createRibbonWing14,
+};
+
+export default Ribbons;