@blockspoon/cert-badge-renderer 1.0.22 → 1.0.23

package/dist/cjs/templates/badges/BadgeType3.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType3 = createBadgeType3;
+function createBadgeType3({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 482 536"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M450.988 111.337L272.058 8.29407C252.853 -2.76469 229.184 -2.76469 209.979 8.29407L31.0301 111.337C11.8254 122.396 0 142.839 0 164.957V371.043C0 393.161 11.8254 413.604 31.0301 424.663L209.961 527.706C229.165 538.765 252.835 538.765 272.039 527.706L450.97 424.663C470.175 413.604 482 393.161 482 371.043V164.957C482 142.839 470.175 122.396 450.97 111.337H450.988Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M268.021 26.1964L268.021 26.1964C251.315 16.6012 230.72 16.6012 214.014 26.1965L43.9753 123.857C27.2729 133.45 17 151.175 17 170.34V365.66C17 384.825 27.2729 402.55 43.9753 412.143L213.997 509.804C230.703 519.399 251.297 519.399 268.004 509.803L438.025 412.143C454.727 402.55 465 384.825 465 365.66V170.34C465 151.175 454.727 133.45 438.025 123.857L268.021 26.1964Z"
+        stroke="${mainColor}"
+        stroke-width="10"
+      />
+      <path
+        d="M268.021 26.1964L268.021 26.1964C251.315 16.6012 230.72 16.6012 214.014 26.1965L43.9753 123.857C27.2729 133.45 17 151.175 17 170.34V365.66C17 384.825 27.2729 402.55 43.9753 412.143L213.997 509.804C230.703 519.399 251.297 519.399 268.004 509.803L438.025 412.143C454.727 402.55 465 384.825 465 365.66V170.34C465 151.175 454.727 133.45 438.025 123.857L268.021 26.1964Z"
+        stroke="black"
+        stroke-opacity="0.3"
+        stroke-width="10"
+      />
+      <path
+        d="M431.819 125.951L269.223 32.5204C251.771 22.4932 230.262 22.4932 212.811 32.5204L50.1975 125.951C32.7459 135.979 22 150 22 170.054V361.431C22 387.5 32.7459 400.021 50.1975 410.049L212.794 503.48C230.246 513.507 251.754 513.507 269.206 503.48L431.803 410.049C449.254 400.021 460 388 460 361.431V174.569C460 148.5 449.254 135.979 431.803 125.951H431.819Z"
+        fill="${mainColor}"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22 349V361.431C22 387.5 32.7459 400.021 50.1975 410.049L212.794 503.48C231.5 515.5 252 514 269.206 503.48L431.803 410.049C449.254 400.021 460.5 387 460 361.431V349H22Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M267.728 35.1216L267.728 35.1215C251.202 25.6261 230.832 25.6262 214.305 35.1216L51.6921 128.553C34.8939 138.204 25 151.36 25 170.054V361.431C25 374.039 27.5927 383.092 32.0847 390.144C36.5931 397.222 43.19 402.562 51.6921 407.447L214.289 500.879C230.815 510.374 251.185 510.374 267.711 500.878L430.308 407.447C438.833 402.549 445.421 397.329 449.921 390.322C454.403 383.343 457 374.299 457 361.431V174.569C457 161.961 454.407 152.908 449.915 145.856C445.407 138.778 438.81 133.438 430.308 128.553L267.728 35.1216Z"
+        stroke="white"
+        stroke-width="6"
+      />
+      <rect x="22" y="187" width="438" height="162" fill="white" />
+      <path
+        d="M126 168.364C126 169.192 219.764 169.864 222.338 169.864C224.913 169.864 227 169.192 227 168.364C227 167.536 224.913 166.864 222.338 166.864C219.764 166.864 126 167.536 126 168.364Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M239.791 164.002C240.591 162.982 242.135 162.982 242.936 164.002L245.392 167.128C245.962 167.854 245.962 168.874 245.392 169.6L242.936 172.726C242.135 173.745 240.591 173.745 239.791 172.726L237.334 169.6C236.764 168.874 236.764 167.854 237.334 167.128L239.791 164.002Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M356.729 168.364C356.729 169.192 262.965 169.864 260.39 169.864C257.816 169.864 255.729 169.192 255.729 168.364C255.729 167.536 257.816 166.864 260.39 166.864C262.965 166.864 356.729 167.536 356.729 168.364Z"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <path d="M28.5 361H454" stroke="white" stroke-width="3" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="241"
+          y1="0"
+          x2="241"
+          y2="536"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType30.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType30({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType30.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType30 = createBadgeType30;
+function createBadgeType30({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 536"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <circle
+        cx="268"
+        cy="268"
+        r="260"
+        fill="white"
+        stroke="${mainColor}"
+        stroke-width="16"
+      />
+      <circle
+        cx="267.999"
+        cy="267.999"
+        r="200.729"
+        transform="rotate(-0.0769217 267.999 267.999)"
+        fill="white"
+        stroke="${mainColor}"
+        stroke-width="12"
+      />
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType31.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType31({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType31.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType31 = createBadgeType31;
+function createBadgeType31({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 528"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g filter="url(#filter0_d_2407_140)">
+        <path
+          d="M12 264C12 124.824 124.824 12 264 12C403.176 12 516 124.824 516 264V416C516 471.228 471.228 516 416 516H112C56.7715 516 12 471.228 12 416V264Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M32 264C32 135.87 135.87 32 264 32C392.13 32 496 135.87 496 264V403.2C496 454.452 454.452 496 403.2 496H124.8C73.548 496 32 454.452 32 403.2V264Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
+        fill="${subColor}"
+      />
+      <mask
+        id="mask0_2407_140"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="52"
+        y="52"
+        width="424"
+        height="424"
+      >
+        <path
+          d="M52 264C52 146.916 146.916 52 264 52C381.084 52 476 146.916 476 264V391.2C476 438.034 438.034 476 391.2 476H136.8C89.9663 476 52 438.034 52 391.2V264Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_140)">
+        <ellipse cx="81" cy="397.5" rx="105" ry="84.5" fill="white" />
+        <ellipse cx="447.012" cy="397.5" rx="106" ry="84.5" fill="white" />
+        <ellipse cx="413" cy="347.5" rx="51" ry="57.5" fill="white" />
+        <ellipse cx="113.5" cy="343.5" rx="48.5" ry="57.5" fill="white" />
+        <ellipse
+          cx="41.6091"
+          cy="58.9546"
+          rx="41.6091"
+          ry="58.9546"
+          transform="matrix(0.916188 0.400749 -0.476857 0.878981 143.273 299.098)"
+          fill="white"
+        />
+        <ellipse
+          cx="36.2033"
+          cy="58.9546"
+          rx="36.2033"
+          ry="58.9546"
+          transform="matrix(-0.916188 0.400749 0.476857 0.878981 383.719 299.312)"
+          fill="white"
+        />
+        <ellipse
+          cx="47.9925"
+          cy="58.9546"
+          rx="47.9925"
+          ry="58.9546"
+          transform="matrix(0.916188 0.400749 -0.476857 0.878981 178.953 318.684)"
+          fill="white"
+        />
+        <ellipse
+          cx="47.9925"
+          cy="58.9546"
+          rx="47.9925"
+          ry="58.9546"
+          transform="matrix(-0.916188 0.400749 0.476857 0.878981 357.941 314.566)"
+          fill="white"
+        />
+        <path
+          d="M300 344.5C280.5 360 249.019 356.346 234.54 346.058L67 485.5L461.5 491.5L300 344.5Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M143.58 324.96C131.116 308.011 110.966 311.251 102.449 314.99C126.878 314.99 136.725 327.037 138.594 333.06C150.061 329.072 164.976 334.722 171 338.045C162.525 324.087 149.188 323.506 143.58 324.96Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M85 353C91.8551 347.807 108.681 339.167 121.145 346.146C113.251 339.499 94.971 331.564 85 353Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M384.42 324.96C396.884 308.011 417.034 311.251 425.551 314.99C401.122 314.99 391.275 327.037 389.406 333.06C377.939 329.072 363.024 334.722 357 338.045C365.475 324.087 378.812 323.506 384.42 324.96Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <path
+        d="M443 353C436.145 347.807 419.319 339.167 406.855 346.146C414.749 339.499 433.029 331.564 443 353Z"
+        fill="black"
+        fill-opacity="0.11"
+      />
+      <circle cx="410" cy="239" r="43" fill="white" />
+      <circle cx="410" cy="239" r="40" fill="${subColor}" />
+      <circle cx="410" cy="239" r="38" fill="white" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M143.2 248.641C140.466 249.502 137.541 249.969 134.5 249.969C119.312 249.969 107 238.328 107 223.969C107 216.998 109.901 210.669 114.624 206C98.6943 206.719 86 219.862 86 235.969C86 252.538 99.4315 265.969 116 265.969C128.04 265.969 138.424 258.876 143.2 248.641Z"
+        fill="white"
+      />
+      <circle cx="139" cy="202" r="4" fill="white" />
+      <circle cx="67" cy="291" r="3" fill="white" />
+      <circle cx="362" cy="293" r="3" fill="white" />
+      <circle cx="465" cy="268" r="4" fill="white" />
+      <defs>
+        <filter
+          id="filter0_d_2407_140"
+          x="0"
+          y="0"
+          width="528"
+          height="528"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="6" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_2407_140"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2407_140"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType32.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType32({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType32.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType32 = createBadgeType32;
+function createBadgeType32({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 552"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g filter="url(#filter0_d_2407_143)">
+        <path
+          d="M12 264C12 124.824 124.824 12 264 12C403.176 12 516 124.824 516 264V500C516 522.091 498.091 540 476 540H52C29.9086 540 12 522.091 12 500V264Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M32 265C32 136.87 135.87 33 264 33C392.13 33 496 136.87 496 265V483C496 502.882 479.882 519 460 519H68C48.1178 519 32 502.882 32 483V265Z"
+        fill="#101113"
+      />
+      <path
+        d="M45.5 265C45.5 144.326 143.326 46.5 264 46.5C384.674 46.5 482.5 144.326 482.5 265V476C482.5 492.292 469.292 505.5 453 505.5H75C58.7076 505.5 45.5 492.292 45.5 476V265Z"
+        fill="${mainColor}"
+        stroke="${subColor}"
+        stroke-width="5"
+      />
+      <path
+        d="M43 328.457H485V476C485 493.673 470.673 508 453 508H75C57.3269 508 43 493.673 43 476V328.457Z"
+        fill="${subColor}"
+      />
+      <circle cx="263.5" cy="195.5" r="92.5" fill="white" />
+      <circle cx="263.5" cy="195.5" r="84.5" fill="#101113" />
+      <circle cx="263.5" cy="195.5" r="79.5" fill="${subColor}" />
+      <rect
+        x="48.1797"
+        y="304.777"
+        width="431.634"
+        height="153"
+        fill="#101113"
+      />
+      <path
+        d="M48.1797 312.777L479.789 312.777"
+        stroke="${mainColor}"
+        stroke-width="5"
+      />
+      <path
+        d="M48.1797 449.777L479.789 449.777"
+        stroke="${mainColor}"
+        stroke-width="5"
+      />
+      <defs>
+        <filter
+          id="filter0_d_2407_143"
+          x="0"
+          y="0"
+          width="528"
+          height="552"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="6" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_2407_143"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2407_143"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType33.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType33({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/badges/BadgeType33.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBadgeType33 = createBadgeType33;
+function createBadgeType33({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 480 560"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        max-width: 100%;
+        max-height: 100%;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g filter="url(#filter0_d_2407_144)">
+        <path
+          d="M26.8497 150.19L224.269 16.9007C233.947 10.3664 246.053 10.3664 255.731 16.9007L453.15 150.19C462.363 156.407 468 167.622 468 179.717L468 513.568C468 532.591 454.314 548 437.419 548L42.5807 548C25.6856 548 12 532.591 12 513.568L12 179.735C12 167.64 17.6372 156.425 26.8497 150.209L26.8497 150.19Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M45.5471 159.878L225.649 36.535C234.478 30.4883 245.522 30.4883 254.351 36.535L434.453 159.878C442.857 165.63 448 176.008 448 187.201L448 496.138C448 513.741 435.515 528 420.102 528L59.8982 528C44.4852 528 32 513.741 32 496.138L32 187.218C32 176.025 37.1428 165.647 45.5471 159.895L45.5471 159.878Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M422.832 168.013L422.833 168.014C429.623 172.699 434 181.353 434 190.943L434 487.423C434 502.655 423.395 514 411.443 514L68.5569 514C56.6049 514 46 502.655 46 487.423L46 190.959C46 181.37 50.3769 172.716 57.1675 168.03L58.8958 166.838L58.8958 166.82L228.612 49.6438C235.648 44.7854 244.352 44.7854 251.388 49.6438L422.832 168.013Z"
+        stroke="black"
+        stroke-opacity="0.8"
+        stroke-width="8"
+      />
+      <path
+        d="M62.3745 174.269L226.891 57.1603C234.956 51.6131 245.044 51.6131 253.109 57.1603L417.625 174.269C425.302 179.546 430 185.11 430 195.378L430 485.499C430.5 503.5 419 510.998 407.5 510L67.4998 510C59.9998 508.5 50.9998 503.5 49.9998 488.5L49.9998 195.394C49.9998 185.126 54.6975 179.562 62.3745 174.285L62.3745 174.269Z"
+        fill="${mainColor}"
+      />
+      <mask
+        id="mask0_2407_144"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="50"
+        y="303"
+        width="380"
+        height="207"
+      >
+        <path
+          d="M50 323C50 311.954 58.9543 303 70 303H410C421.046 303 430 311.954 430 323V490C430 501.046 421.046 510 410 510H70C58.9543 510 50 501.046 50 490V323Z"
+          fill="#5890CB"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_144)">
+        <ellipse
+          cx="235.5"
+          cy="519"
+          rx="216.5"
+          ry="94"
+          fill="black"
+          fill-opacity="0.1"
+        />
+      </g>
+      <path
+        d="M430 188.826C430 180.941 426.127 173.559 419.64 169.078L251.366 52.8508C244.525 48.1257 235.475 48.1257 228.634 52.8508L60.3603 169.078C53.8728 173.559 50 180.941 50 188.826L50 309L430 309L430 188.826Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M50 184.901C50.925 181.549 51 180.465 52.5 178H427.5C428.997 180.212 429.118 181.661 430 184.408V318H50V184.901Z"
+        fill="white"
+      />
+      <path d="M50 186L430 186" stroke="${mainColor}" stroke-width="4" />
+      <path d="M50 310L430 310" stroke="${mainColor}" stroke-width="4" />
+      <defs>
+        <filter
+          id="filter0_d_2407_144"
+          x="0"
+          y="0"
+          width="480"
+          height="560"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="6" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_2407_144"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_2407_144"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  `;
+}

package/dist/cjs/templates/badges/BadgeType34.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createBadgeType34({ mainColor, subColor, }: ISvgProps): string;