@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/badges/BadgeType51.ts

@@ -0,0 +1,191 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType51({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  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;
+      "
+    >
+      <rect x="6" y="6" width="524" height="524" fill="${subColor}" />
+      <path
+        d="M28 40C28 33.3726 33.3726 28 40 28H450C456.627 28 462 33.3726 462 40V132H28V40Z"
+        fill="${mainColor}"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M16 32C16 23.1634 23.1635 16 32 16L458 16C466.837 16 474 23.1635 474 32L474 413.373C474 417.616 472.314 421.686 469.314 424.686L424.686 469.314C421.686 472.314 417.616 474 413.373 474H32C23.1634 474 16 466.837 16 458L16 32ZM12 1.0403e-05C12 1.61484e-05 12 2.08059e-05 12 2.08059e-05L6.00001 2.05437e-05C2.68631 2.03988e-05 2.18102e-05 2.68632 2.16569e-05 6.00003L0 474V500V520C0 528.837 7.16345 536 16 536H358H459H520C528.837 536 536 528.837 536 520V459V358V16C536 7.16347 528.837 2.06677e-05 520 2.02814e-05L474 1.82707e-05L16 2.09808e-05L12 0C12 0 12 4.65755e-06 12 1.0403e-05Z"
+        fill="${mainColor}"
+      />
+      <g opacity="0.5">
+        <path
+          d="M520.219 0.5L520.219 476.751L476.944 520.19L170.896 520.19M64.501 520.189L20.001 520.189"
+          stroke="${subColor}"
+          stroke-width="2.2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M326.716 510.974L511.168 510.974L511.168 331.129"
+          stroke="${subColor}"
+          stroke-width="1.1"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M511.168 522C505.08 522 500.143 517.064 500.143 510.976C500.143 505.052 505.08 500.116 511.168 500.116C517.091 500.116 522.027 505.052 522.027 510.976C522.027 517.064 517.091 522 511.168 522Z"
+          stroke="${subColor}"
+          stroke-width="1.1"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M511.992 10.7681L504.588 6.32541L511.992 2.04736L511.992 10.7681Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 28.2104L504.588 23.7679L511.992 19.4897L511.992 28.2104Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 45.6498L504.588 41.3716L511.992 36.9291L511.992 45.6498Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 63.0914L504.588 58.8134L511.992 54.3707L511.992 63.0914Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 80.6973L504.588 76.2546L511.992 71.9766L511.992 80.6973Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 98.1395L504.588 93.697L511.992 89.4188L511.992 98.1395Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 115.581L504.588 111.303L511.992 106.86L511.992 115.581Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 133.188L504.588 128.745L511.992 124.303L511.992 133.188Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 150.629L504.588 146.186L511.992 141.908L511.992 150.629Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 168.071L504.588 163.628L511.992 159.35L511.992 168.071Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 185.51L504.588 181.232L511.992 176.79L511.992 185.51Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 203.117L504.588 198.674L511.992 194.232L511.992 203.117Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 220.558L504.588 216.115L511.992 211.837L511.992 220.558Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 238L504.588 233.722L511.992 229.279L511.992 238Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 255.442L504.588 251.164L511.992 246.721L511.992 255.442Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 273.048L504.588 268.606L511.992 264.163L511.992 273.048Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 290.49L504.588 286.047L511.992 281.769L511.992 290.49Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 307.932L504.588 303.654L511.992 299.211L511.992 307.932Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M511.992 325.371L504.588 321.092L511.992 316.65L511.992 325.371Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M311.084 512.127L315.527 504.558L319.805 512.127L311.084 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M293.643 512.127L298.085 504.558L302.363 512.127L293.643 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M276.201 512.127L280.479 504.558L284.922 512.127L276.201 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M258.76 512.127L263.038 504.558L267.48 512.127L258.76 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M241.154 512.127L245.597 504.558L249.875 512.127L241.154 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M223.713 512.127L228.155 504.558L232.434 512.127L223.713 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M206.271 512.127L210.55 504.558L214.992 512.127L206.271 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M188.666 512.127L193.108 504.558L197.551 512.127L188.666 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M171.225 512.127L175.667 504.558L179.945 512.127L171.225 512.127Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M55.2715 512.128L59.5496 504.559L63.9922 512.128L55.2715 512.128Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M37.6655 512.128L42.1081 504.559L46.5508 512.128L37.6655 512.128Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M20.2246 512.128L24.6672 504.559L28.9453 512.128L20.2246 512.128Z"
+          fill="${subColor}"
+        />
+      </g>
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M54.9969 97L46 92V104L55.343 99H442V97H54.9969Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M30 96.5V449C30 455.627 35.3726 461 42 461H404.994C408.198 461 411.268 459.719 413.522 457.443L456.527 414.007C458.752 411.76 460 408.726 460 405.564V113.5"
+        stroke="${mainColor}"
+        stroke-width="4"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType52.ts

@@ -0,0 +1,51 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType52({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 544 541"
+      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="271"
+        cy="270"
+        r="264"
+        fill="${subColor}"
+        stroke="${mainColor}"
+        stroke-width="8"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M271 0C121.5 0 0 121.5 0 271C0 420.5 121.5 541 271 541C420.5 541 541 420.5 541 271C541 121.5 420.5 0 271 0ZM271 40C397.5 40 500 142.5 500 271C500 399.5 397.5 500 271 500C142.5 500 40 399.5 40 271C40 142.5 142.5 40 271 40Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M271 80C165.5 80 80 165.5 80 271C80 376.5 165.5 460 271 460C376.5 460 460 376.5 460 271C460 165.5 376.5 80 271 80Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M271 120C209.5 120 160 169.5 160 231C160 292.5 209.5 340 271 340C332.5 340 380 292.5 380 231C380 169.5 332.5 120 271 120Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M271 160C253.5 160 240 173.5 240 191C240 208.5 253.5 220 271 220C288.5 220 300 208.5 300 191C300 173.5 288.5 160 271 160Z"
+        fill="${subColor}"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType53.ts

@@ -0,0 +1,90 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType53({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 500 500"
+      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="250"
+        cy="250"
+        r="240"
+        fill="white"
+        stroke="${mainColor}"
+        stroke-width="20"
+      />
+      <mask
+        id="mask0_2407_464"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="39"
+        y="326"
+        width="422"
+        height="148"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M39 326C70.1238 412.304 152.746 474 249.778 474C346.81 474 429.432 412.304 460.556 326H39Z"
+          fill="#D9D9D9"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_464)">
+        <path
+          d="M734.355 386.423C695.191 403.889 652.78 421.746 608.621 438.051C564.771 454.058 519.174 468.522 480.606 472.09C442.068 475.78 410.56 468.584 395.69 444.343C380.594 420.667 382.135 379.946 404.497 329.808C426.088 279.969 465.869 226.572 509.565 183.775C553.385 140.443 601.109 107.71 641.239 86.7788C681.657 65.5908 714.491 56.2047 734.931 53.6963C755.823 51.2187 764.322 55.6188 766.223 62.6814C768.32 70.1553 763.767 80.189 763.808 91.4461C763.5 102.641 767.775 115.071 779.449 126.173C790.836 137.359 809.632 147.238 831.623 155.267C853.389 163.522 878.351 169.927 896.613 179.159C915.583 188.123 925.582 200.223 925.767 216.425C926.127 232.442 916.673 252.561 900.415 273.06C884.137 293.601 861.056 314.532 833.535 333.108C805.809 351.963 773.643 368.453 734.355 386.423Z"
+          stroke="${subColor}"
+          stroke-width="8"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M100.432 641.754C64.2311 664.74 24.8745 688.586 -16.4351 711.161C-57.4846 733.386 -100.487 754.339 -138.125 763.478C-175.701 772.753 -207.933 770.216 -226.176 748.4C-244.561 727.176 -248.957 686.675 -234.15 633.815C-220.053 581.352 -188.467 522.728 -151.473 474.021C-114.446 424.768 -71.9992 385.441 -35.3476 358.887C1.54976 332.026 32.6651 317.956 52.5316 312.495C72.8295 307.001 81.8801 310.126 84.7885 316.826C87.9515 323.915 84.9197 334.503 86.5905 345.635C87.9182 356.766 93.957 368.43 107.124 377.713C120.019 387.119 140.053 394.155 162.99 398.892C185.716 403.89 211.345 406.589 230.758 413.071C250.841 419.165 262.486 429.68 265.041 445.691C267.719 461.475 261.297 482.757 248.2 505.406C235.088 528.099 215.305 552.18 190.784 574.558C166.101 597.25 136.691 618.249 100.432 641.754Z"
+          stroke="${subColor}"
+          stroke-width="8"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M228.3 422.669C219.759 426.407 213.652 423.043 214.382 414.738C215.111 406.432 219.88 400.094 224.976 400.86C230.025 401.613 236.259 405.531 239.021 409.347C241.76 413.165 236.844 418.952 228.3 422.669Z"
+          fill="${extraColor1}"
+        />
+        <path
+          d="M394.184 351.198C404.041 349.871 409.134 355.337 405.715 363.953C402.272 372.546 395.386 377.809 390.481 375.425C385.6 373.063 380.53 366.967 378.998 362.063C377.441 357.159 384.303 352.525 394.184 351.198Z"
+          fill="${extraColor2}"
+        />
+        <path
+          d="M59.1241 210.835C32.1168 177.526 3.89177 141.182 -23.296 102.751C-50.106 64.5385 -75.8787 24.2391 -89.3064 -12.0911C-102.843 -48.3496 -104.049 -80.6562 -84.4731 -101.296C-65.5216 -122.003 -25.7876 -131.043 28.4256 -122.43C82.1639 -114.476 144.039 -89.8613 196.676 -58.7285C249.869 -27.6276 293.838 9.99849 324.444 43.3535C355.368 76.9 372.942 106.183 380.658 125.287C388.455 144.816 386.398 154.176 380.068 157.841C373.389 161.79 362.522 159.999 351.666 162.94C340.763 165.542 329.874 172.886 322.171 187.036C314.304 200.932 309.636 221.641 307.566 244.974C305.233 268.122 305.497 293.893 301.309 313.932C297.56 334.576 288.458 347.356 272.858 351.738C257.488 356.218 235.608 352.293 211.6 341.895C187.537 331.49 161.346 314.613 136.28 292.838C110.902 270.934 86.6525 244.142 59.1241 210.835Z"
+          stroke="${subColor}"
+          stroke-width="8"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M292.937 345.491C282.921 345.921 278.419 339.763 282.806 331.174C287.17 322.592 294.641 317.804 299.285 320.726C303.923 323.626 308.33 330.44 309.338 335.669C310.346 340.899 302.976 345.054 292.937 345.491Z"
+          fill="${extraColor1}"
+        />
+      </g>
+      <circle
+        cx="250"
+        cy="250"
+        r="220"
+        stroke="${mainColor}"
+        stroke-width="8"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType54.ts

@@ -0,0 +1,154 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType54({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 537 537"
+      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;
+      "
+    >
+      <path
+        d="M2 12C2 6.47716 6.47715 2 12 2H437C491.124 2 535 45.8761 535 100V437C535 491.124 491.124 535 437 535H12C6.47715 535 2 530.523 2 525V12Z"
+        fill="${subColor}"
+        stroke="black"
+        stroke-width="4"
+      />
+      <path
+        d="M2 12C2 6.47716 6.47715 2 12 2H437C491.124 2 535 45.8761 535 100V437C535 491.124 491.124 535 437 535H12C6.47715 535 2 530.523 2 525V12Z"
+        fill="${mainColor}"
+        fill-opacity="0.08"
+        stroke="black"
+        stroke-width="4"
+      />
+      <path
+        d="M2 147H535V101C535 46.8761 491.124 3 437 3H12C6.47716 3 2 7.47714 2 13V147Z"
+        stroke="black"
+        stroke-width="4"
+      />
+      <path
+        d="M0 367H537V434.792C537 490.021 492.228 534.792 437 534.792H12C5.37259 534.792 0 529.42 0 522.792L0 367Z"
+        fill="${mainColor}"
+      />
+      <mask
+        id="mask0_2407_465"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="367"
+        width="537"
+        height="169"
+      >
+        <path
+          d="M0 367.442H537V435.234C537 490.462 492.228 535.234 437 535.234H12C5.37259 535.234 0 529.861 0 523.234L0 367.442Z"
+          fill="#FFFCF7"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_465)">
+        <path
+          opacity="0.6"
+          d="M292.753 478.04C292.753 417.311 272.981 368.081 248.591 368.081C224.202 368.081 204.43 417.311 204.43 478.04C204.43 538.769 224.202 588 248.591 588C272.981 588 292.753 538.769 292.753 478.04Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M149.875 478.04C149.875 417.311 130.297 368.081 106.147 368.081C81.9959 368.081 62.418 417.311 62.418 478.04C62.418 538.769 81.996 588 106.147 588C130.297 588 149.875 538.769 149.875 478.04Z"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M166.76 368.081C142.613 368.081 123.031 417.31 123.031 478.044C123.031 538.779 142.605 588 166.76 588C190.914 588 210.489 538.771 210.489 478.037"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M205.293 476.017L211.354 479.732L211.354 470.428L205.293 476.017Z"
+          fill="black"
+        />
+        <path
+          d="M209.532 585.524C189.743 574.836 174.906 530.792 174.906 478.073C174.906 417.368 194.573 368.147 218.841 368.147C243.11 368.147 261.405 414.01 262.703 471.804"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+          stroke-dasharray="8.04 8.04"
+        />
+        <path
+          d="M262.762 474.95C262.77 475.989 262.778 477.027 262.778 478.074"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M257.25 479.638L263.744 476.772L263.744 486.076L257.25 479.638Z"
+          fill="black"
+        />
+        <path
+          opacity="0.8"
+          d="M95.3232 478.04C95.3232 417.311 75.5514 368.081 51.1616 368.081C26.7718 368.081 6.99999 417.311 7 478.04C7 538.769 26.7718 588 51.1616 588C75.5514 588 95.3232 538.769 95.3232 478.04Z"
+          fill="${subColor}"
+        />
+        <path
+          opacity="0.8"
+          d="M607.077 478.04C607.077 417.311 587.305 368.081 562.916 368.081C538.526 368.081 518.754 417.311 518.754 478.04C518.754 538.769 538.526 588 562.916 588C587.305 588 607.077 538.769 607.077 478.04Z"
+          fill="${subColor}"
+        />
+        <path
+          opacity="0.6"
+          d="M510.097 478.04C510.097 417.311 490.325 368.081 465.935 368.081C441.545 368.081 421.773 417.311 421.773 478.04C421.773 538.769 441.545 588 465.935 588C490.325 588 510.097 538.769 510.097 478.04Z"
+          fill="${subColor}"
+        />
+        <path
+          d="M367.219 478.04C367.219 417.311 347.641 368.081 323.49 368.081C299.34 368.081 279.762 417.311 279.762 478.04C279.762 538.769 299.34 588 323.49 588C347.641 588 367.219 538.769 367.219 478.04Z"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M384.104 368.081C359.957 368.081 340.375 417.31 340.375 478.044C340.375 538.779 359.949 588 384.104 588C408.258 588 427.832 538.771 427.832 478.037"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M422.637 476.017L428.698 479.732L428.698 470.428L422.637 476.017Z"
+          fill="black"
+        />
+        <path
+          d="M426.875 585.524C407.087 574.836 392.25 530.792 392.25 478.073C392.25 417.368 411.916 368.147 436.185 368.147C460.454 368.147 478.748 414.01 480.047 471.804"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+          stroke-dasharray="8.04 8.04"
+        />
+        <path
+          d="M480.105 474.95C480.113 475.989 480.121 477.027 480.121 478.074"
+          stroke="black"
+          stroke-width="2"
+          stroke-miterlimit="10"
+        />
+        <path
+          d="M474.594 479.638L481.088 476.772L481.088 486.076L474.594 479.638Z"
+          fill="black"
+        />
+      </g>
+      <path
+        d="M2 369H535V437C535 491.124 491.124 535 437 535H12C6.47716 535 2 530.523 2 525V369Z"
+        stroke="black"
+        stroke-width="4"
+      />
+    </svg>
+  `;
+}