@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/badges/BadgeType70.ts

@@ -0,0 +1,85 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType70({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#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;
+      "
+    >
+      <path
+        d="M536 130C536 58.203 477.797 0 406 0H0V406C0 477.797 58.203 536 130 536H406C477.797 536 536 477.797 536 406V130Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M520 146C520 74.203 461.797 16 390 16H16V390C16 461.797 74.203 520 146 520H390C461.797 520 520 461.797 520 390V146Z"
+        fill="${extraColor2}"
+      />
+      <mask
+        id="mask0_2407_501"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="26"
+        y="41"
+        width="484"
+        height="471"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M121.173 41C69.7154 54.5248 31.7619 101.363 31.7619 157.066V357.622H502.317V41H510V392C510 458.274 456.274 512 390 512H146C79.7258 512 26 458.274 26 392V41H121.173Z"
+          fill="#D9D9D9"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_501)">
+        <path
+          d="M251.151 537.756L220.397 538.587C220.06 525.845 219.497 513.359 216.321 500.714L216.292 500.594C211.456 480.67 203.488 481.912 196.457 483.01L196.161 483.052C187.156 484.276 183.353 489.88 175.534 504.409C173.288 508.578 170.969 512.89 168.2 517.274C163.569 524.609 157.419 531.039 150.881 535.38C137.393 544.366 119.234 548.882 96.9042 548.81L97.0298 518.081C113.141 518.134 125.525 515.354 133.831 509.817L133.858 509.799C136.772 507.868 139.885 504.539 142.183 500.896C144.384 497.413 146.355 493.751 148.443 489.872C156.536 474.836 166.61 456.133 191.885 452.624C205.123 450.589 216.503 452.829 225.709 459.278C235.604 466.213 242.302 477.334 246.182 493.273C250.104 508.917 250.793 523.823 251.16 537.754L251.151 537.756Z"
+          fill="${subColor}"
+          fill-opacity="0.1"
+        />
+        <path
+          d="M400.729 559C393.406 559 386.762 557.243 381.146 553.77C374.221 549.492 369.278 542.812 366.852 534.455C364.666 526.933 364.508 517.942 366.388 507.729C366.614 506.501 366.842 505.267 367.071 504.03C369.544 490.675 372.097 476.862 372.407 464.756C372.697 453.291 370.951 445.253 367.062 440.177C363.012 434.895 355.695 431.901 344.69 431.022C337.784 430.472 332.325 432.306 327.512 436.794C319.487 444.275 313.166 459.366 309.713 479.287C306.819 495.973 306.912 510.228 306.912 510.37L276.002 510.698C275.996 510.024 275.857 493.938 279.155 474.586C283.851 447.022 293.017 426.711 306.393 414.209C317.53 403.802 331.62 398.952 347.145 400.189C367.096 401.776 382.051 408.899 391.597 421.354C409.493 444.702 403.106 479.21 397.474 509.656C397.245 510.884 397.019 512.106 396.797 513.321C394.93 523.478 396.831 527.103 397.4 527.456C399.934 529.021 410.306 527.966 420.278 520.444C424.736 517.082 428.544 513.621 432.229 510.278C438.85 504.265 445.104 498.587 453.608 494.68C463.435 490.165 474.044 489.045 487 491.157L482.029 521.684C468.159 519.423 464.032 523.169 453.005 533.184C449.005 536.818 444.467 540.934 438.887 545.144C430.866 551.194 421.335 555.654 412.052 557.707C408.142 558.57 404.358 559 400.738 559H400.729Z"
+          fill="${extraColor1}"
+          fill-opacity="0.1"
+        />
+        <path
+          d="M509.491 490C509.392 490 509.296 490 509.2 490C494.122 489.9 478.393 482.421 462.456 467.766C451.587 457.772 445.301 448.402 445 447.979L456.625 438.19L469.164 429C476.158 438.671 495.204 458.667 509.429 458.732H509.507C512.821 458.732 517.914 457.719 524.126 449.296L549 467.956C535.593 486.135 520.171 490 509.491 490Z"
+          fill="#5EB2FF"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M523.352 432.997C498.444 430.071 478.11 415.507 464.554 390.882C454.955 373.448 452.118 356.737 452 356.035L482.633 351.052L482.624 351C482.646 351.129 484.912 363.916 492.176 376.802C500.797 392.095 512.515 400.712 527 402.416L523.349 433L523.352 432.997Z"
+          fill="${subColor}"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M55.0914 516.991L53.1078 486.136L53 486.142C53.0524 486.139 58.4334 485.687 63.6696 483.307C70.7509 480.088 71.3392 476.238 71.5887 474.596C72.522 468.471 71.7335 459.916 70.8987 450.859C69.9993 441.095 69.0691 430.999 69.9223 421.025C71.0558 407.76 75.1955 397.414 82.5786 389.391C92.4875 378.624 104.134 373.321 117.159 373.612C127.456 373.847 136.5 377.561 143.769 380.544C145.167 381.119 146.489 381.661 147.73 382.143C152.553 384.014 157.318 384.635 160.805 383.85C163.063 383.339 165.656 382.183 167.76 377.462C169.602 373.331 170.923 368.247 172.202 363.334C174.133 355.914 176.126 348.236 180.333 341.864C186.675 332.251 196.661 327.783 208.452 329.285C216.017 330.25 223.261 333.75 230.931 337.454C251.556 347.417 261.917 350.37 274.564 336.873L297 358.056C285.274 370.57 271.74 376.893 256.721 376.896C255.246 376.896 253.758 376.834 252.252 376.713C238.933 375.631 227.09 369.914 217.575 365.319C213.152 363.183 208.193 360.787 205.366 360.112C204.189 362.728 202.858 367.852 201.999 371.148C200.477 376.995 198.756 383.624 195.873 390.095C190.267 402.671 180.21 411.17 167.554 414.024C155.476 416.748 144.071 413.879 136.629 410.994C135.107 410.404 133.583 409.779 132.107 409.173C117.96 403.363 112.752 402.176 105.205 410.379C98.7463 417.398 100.182 432.963 101.571 448.018C102.541 458.53 103.542 469.402 102.039 479.275C99.809 493.924 90.279 505.547 75.2017 512.003C65.3206 516.233 56.1109 516.935 55.0914 517V516.991Z"
+          fill="${mainColor}"
+          fill-opacity="0.2"
+        />
+      </g>
+      <path
+        d="M511 144C511 78.2781 457.722 25 392 25H25V392C25 457.722 78.2781 511 144 511H392C457.722 511 511 457.722 511 392V144Z"
+        stroke="black"
+        stroke-width="2"
+      />
+      <path d="M25.5 168H510.5" stroke="black" stroke-width="2" />
+      <path d="M25.5 358H510.5" stroke="black" stroke-width="2" />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType71.ts

@@ -0,0 +1,109 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType71({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 560 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;
+      "
+    >
+      <rect
+        x="280"
+        y="0.000488281"
+        width="395.98"
+        height="395.98"
+        rx="12"
+        transform="rotate(45 280 0.000488281)"
+        fill="${mainColor}"
+      />
+      <rect
+        x="280"
+        y="16.7168"
+        width="372.339"
+        height="372.339"
+        rx="12"
+        transform="rotate(45 280 16.7168)"
+        fill="${extraColor2}"
+      />
+      <mask id="path-3-inside-1_2407_502" fill="${extraColor2}">
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M97.7458 361L25.5147 288.769C20.8284 284.083 20.8284 276.485 25.5147 271.798L96.313 201H464.313L535.111 271.798C539.798 276.485 539.798 284.083 535.111 288.769L462.88 361H97.7458Z"
+        />
+      </mask>
+      <path
+        d="M97.7458 361L93.5032 365.243L95.2605 367H97.7458V361ZM25.5147 288.769L21.2721 293.012H21.2721L25.5147 288.769ZM25.5147 271.798L21.2721 267.556H21.2721L25.5147 271.798ZM96.313 201V195H93.8278L92.0704 196.757L96.313 201ZM464.313 201L468.556 196.757L466.798 195H464.313V201ZM535.111 271.798L539.354 267.556L535.111 271.798ZM535.111 288.769L539.354 293.012V293.012L535.111 288.769ZM462.88 361V367H465.366L467.123 365.243L462.88 361ZM101.988 356.757L29.7574 284.526L21.2721 293.012L93.5032 365.243L101.988 356.757ZM29.7574 284.526C27.4142 282.183 27.4142 278.384 29.7574 276.041L21.2721 267.556C14.2426 274.585 14.2427 285.982 21.2721 293.012L29.7574 284.526ZM29.7574 276.041L100.556 205.243L92.0704 196.757L21.2721 267.556L29.7574 276.041ZM96.313 207H464.313V195H96.313V207ZM460.07 205.243L530.869 276.041L539.354 267.556L468.556 196.757L460.07 205.243ZM530.869 276.041C533.212 278.384 533.212 282.183 530.869 284.526L539.354 293.012C546.383 285.982 546.383 274.585 539.354 267.556L530.869 276.041ZM530.869 284.526L458.638 356.757L467.123 365.243L539.354 293.012L530.869 284.526ZM462.88 355H97.7458V367H462.88V355Z"
+        fill="${mainColor}"
+        mask="url(#path-3-inside-1_2407_502)"
+      />
+      <mask
+        id="mask0_2407_502"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="98"
+        y="361"
+        width="364"
+        height="177"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M461.134 361L288.053 534.082C283.366 538.768 275.768 538.768 271.082 534.082L98 361H461.134Z"
+          fill="#D9D9D9"
+        />
+      </mask>
+      <g mask="url(#mask0_2407_502)">
+        <path
+          d="M270.943 358L246.989 381.933L223.057 358L204 358L246.989 401L290 358L270.943 358Z"
+          fill="${mainColor}"
+        />
+        <path d="M187 363L187 393L217 393L187 363Z" fill="${subColor}" />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M431.5 422C469.332 422 500 391.332 500 353.5C500 315.668 469.332 285 431.5 285C393.668 285 363 315.668 363 353.5C363 391.332 393.668 422 431.5 422ZM431.5 392.773C453.19 392.773 470.773 375.19 470.773 353.5C470.773 331.81 453.19 314.227 431.5 314.227C409.81 314.227 392.227 331.81 392.227 353.5C392.227 375.19 409.81 392.773 431.5 392.773Z"
+          fill="${subColor}"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M190.5 527C220.047 527 244 503.047 244 473.5C244 443.953 220.047 420 190.5 420C160.953 420 137 443.953 137 473.5C137 503.047 160.953 527 190.5 527ZM190.5 504.173C207.44 504.173 221.173 490.44 221.173 473.5C221.173 456.56 207.44 442.827 190.5 442.827C173.56 442.827 159.827 456.56 159.827 473.5C159.827 490.44 173.56 504.173 190.5 504.173Z"
+          fill="${subColor}"
+        />
+        <circle cx="334" cy="496" r="64" fill="${mainColor}" />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M330 424.5C330 423.119 328.881 422 327.5 422C326.119 422 325 423.119 325 424.5L325 429H320.5C319.119 429 318 430.119 318 431.5C318 432.881 319.119 434 320.5 434H325L325 438.5C325 439.881 326.119 441 327.5 441C328.881 441 330 439.881 330 438.5V434H334.5C335.881 434 337 432.881 337 431.5C337 430.119 335.881 429 334.5 429H330V424.5Z"
+          fill="${subColor}"
+        />
+      </g>
+      <rect
+        x="280"
+        y="22.3737"
+        width="364.339"
+        height="364.339"
+        rx="8"
+        transform="rotate(45 280 22.3737)"
+        stroke="${extraColor1}"
+        stroke-width="8"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType8.ts

@@ -0,0 +1,46 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType8({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  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="${mainColor}"
+      />
+      <path
+        d="M440.533 118.352L270.511 19.9227C252.263 9.3591 229.772 9.3591 211.524 19.9227L41.4851 118.352C23.2366 128.916 12 148.443 12 169.571V366.429C12 387.557 23.2366 407.084 41.4851 417.648L211.506 516.077C229.755 526.641 252.245 526.641 270.494 516.077L440.515 417.648C458.763 407.084 470 387.557 470 366.429V169.571C470 148.443 458.763 128.916 440.515 118.352H440.533Z"
+        fill="${subColor}"
+      />
+      <path
+        d="M268.463 33.3854L426.359 124.951H426.342L429.558 126.816C446.541 136.664 457 154.87 457 174.569V361.431C457 381.13 446.541 399.336 429.558 409.183L268.447 502.615C251.465 512.462 230.535 512.462 213.553 502.615L52.4417 409.183L51.94 410.049L52.4416 409.183C35.4593 399.336 25 381.13 25 361.431V174.569C25 154.87 35.4593 136.664 52.4416 126.817L213.57 33.3855L213.072 32.5272L213.57 33.3854C230.552 23.5382 251.481 23.5382 268.463 33.3854Z"
+        stroke="${mainColor}"
+        stroke-width="2"
+      />
+    </svg>
+  `;
+} 

package/src/templates/badges/BadgeType9.ts

@@ -0,0 +1,171 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createBadgeType9({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 542 542"
+      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;
+      "
+    >
+      <circle cx="271" cy="271" r="263" fill="#101113" />
+      <circle
+        cx="271"
+        cy="271"
+        r="250"
+        fill="url(#${paintId0})"
+      />
+      <circle
+        cx="271"
+        cy="271"
+        r="267"
+        stroke="${mainColor}"
+        stroke-width="8"
+      />
+      <ellipse
+        cx="271"
+        cy="280.5"
+        rx="203"
+        ry="196.5"
+        fill="black"
+        fill-opacity="0.3"
+      />
+      <circle cx="271" cy="271" r="197" fill="#101113" />
+      <circle cx="271" cy="271" r="186" stroke="white" stroke-width="2" />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.1226"
+        y2="-1.5"
+        transform="matrix(0.987644 0.156715 -0.123525 0.992342 30.5371 256)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.0599"
+        y2="-1.5"
+        transform="matrix(0.996898 0.078705 -0.0618165 0.998088 30.5371 266.516)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="31.5"
+        y1="274.527"
+        x2="60.0388"
+        y2="274.527"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.0599"
+        y2="-1.5"
+        transform="matrix(0.996898 -0.078705 0.0618165 0.998088 30.5371 285.598)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.1226"
+        y2="-1.5"
+        transform="matrix(0.987644 -0.156715 0.123525 0.992342 30.5371 296.148)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.1226"
+        y2="-1.5"
+        transform="matrix(-0.987644 0.156715 0.123525 0.992342 511.463 256)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.0599"
+        y2="-1.5"
+        transform="matrix(-0.996898 0.078705 0.0618165 0.998088 511.463 266.516)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.0388"
+        y2="-1.5"
+        transform="matrix(-1 0 0 1 512 276.027)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.0599"
+        y2="-1.5"
+        transform="matrix(-0.996898 -0.078705 -0.0618165 0.998088 511.463 285.598)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <line
+        x1="1.5"
+        y1="-1.5"
+        x2="30.1226"
+        y2="-1.5"
+        transform="matrix(-0.987644 -0.156715 -0.123525 0.992342 511.463 296.148)"
+        stroke="${subColor}"
+        stroke-width="3"
+        stroke-linecap="round"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="271"
+          y1="21"
+          x2="271"
+          y2="521"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/badges/index.ts

@@ -0,0 +1,147 @@
+import { createBadgeType1 } from "./BadgeType1";
+import { createBadgeType2 } from "./BadgeType2";
+import { createBadgeType3 } from "./BadgeType3";
+import { createBadgeType4 } from "./BadgeType4";
+import { createBadgeType5 } from "./BadgeType5";
+import { createBadgeType6 } from "./BadgeType6";
+import { createBadgeType7 } from "./BadgeType7";
+import { createBadgeType8 } from "./BadgeType8";
+import { createBadgeType9 } from "./BadgeType9";
+import { createBadgeType10 } from "./BadgeType10";
+import { createBadgeType11 } from "./BadgeType11";
+import { createBadgeType12 } from "./BadgeType12";
+import { createBadgeType13 } from "./BadgeType13";
+import { createBadgeType14 } from "./BadgeType14";
+import { createBadgeType15 } from "./BadgeType15";
+import { createBadgeType16 } from "./BadgeType16";
+import { createBadgeType17 } from "./BadgeType17";
+import { createBadgeType18 } from "./BadgeType18";
+import { createBadgeType19 } from "./BadgeType19";
+import { createBadgeType20 } from "./BadgeType20";
+import { createBadgeType21 } from "./BadgeType21";
+import { createBadgeType22 } from "./BadgeType22";
+import { createBadgeType23 } from "./BadgeType23";
+import { createBadgeType24 } from "./BadgeType24";
+import { createBadgeType25 } from "./BadgeType25";
+import { createBadgeType26 } from "./BadgeType26";
+import { createBadgeType27 } from "./BadgeType27";
+import { createBadgeType28 } from "./BadgeType28";
+import { createBadgeType29 } from "./BadgeType29";
+import { createBadgeType30 } from "./BadgeType30";
+import { createBadgeType31 } from "./BadgeType31";
+import { createBadgeType32 } from "./BadgeType32";
+import { createBadgeType33 } from "./BadgeType33";
+import { createBadgeType34 } from "./BadgeType34";
+import { createBadgeType35 } from "./BadgeType35";
+import { createBadgeType36 } from "./BadgeType36";
+import { createBadgeType37 } from "./BadgeType37";
+import { createBadgeType38 } from "./BadgeType38";
+import { createBadgeType39 } from "./BadgeType39";
+import { createBadgeType40 } from "./BadgeType40";
+import { createBadgeType41 } from "./BadgeType41";
+import { createBadgeType42 } from "./BadgeType42";
+import { createBadgeType43 } from "./BadgeType43";
+import { createBadgeType44 } from "./BadgeType44";
+import { createBadgeType45 } from "./BadgeType45";
+import { createBadgeType46 } from "./BadgeType46";
+import { createBadgeType47 } from "./BadgeType47";
+import { createBadgeType48 } from "./BadgeType48";
+import { createBadgeType49 } from "./BadgeType49";
+import { createBadgeType50 } from "./BadgeType50";
+import { createBadgeType51 } from "./BadgeType51";
+import { createBadgeType52 } from "./BadgeType52";
+import { createBadgeType53 } from "./BadgeType53";
+import { createBadgeType54 } from "./BadgeType54";
+import { createBadgeType55 } from "./BadgeType55";
+import { createBadgeType56 } from "./BadgeType56";
+import { createBadgeType57 } from "./BadgeType57";
+import { createBadgeType58 } from "./BadgeType58";
+import { createBadgeType59 } from "./BadgeType59";
+import { createBadgeType60 } from "./BadgeType60";
+import { createBadgeType61 } from "./BadgeType61";
+import { createBadgeType62 } from "./BadgeType62";
+import { createBadgeType63 } from "./BadgeType63";
+import { createBadgeType64 } from "./BadgeType64";
+import { createBadgeType65 } from "./BadgeType65";
+import { createBadgeType66 } from "./BadgeType66";
+import { createBadgeType67 } from "./BadgeType67";
+import { createBadgeType68 } from "./BadgeType68";
+import { createBadgeType69 } from "./BadgeType69";
+import { createBadgeType70 } from "./BadgeType70";
+import { createBadgeType71 } from "./BadgeType71";
+
+const Badges = {
+  BadgeType1: createBadgeType1,
+  BadgeType2: createBadgeType2,
+  BadgeType3: createBadgeType3,
+  BadgeType4: createBadgeType4,
+  BadgeType5: createBadgeType5,
+  BadgeType6: createBadgeType6,
+  BadgeType7: createBadgeType7,
+  BadgeType8: createBadgeType8,
+  BadgeType9: createBadgeType9,
+  BadgeType10: createBadgeType10,
+  BadgeType11: createBadgeType11,
+  BadgeType12: createBadgeType12,
+  BadgeType13: createBadgeType13,
+  BadgeType14: createBadgeType14,
+  BadgeType15: createBadgeType15,
+  BadgeType16: createBadgeType16,
+  BadgeType17: createBadgeType17,
+  BadgeType18: createBadgeType18,
+  BadgeType19: createBadgeType19,
+  BadgeType20: createBadgeType20,
+  BadgeType21: createBadgeType21,
+  BadgeType22: createBadgeType22,
+  BadgeType23: createBadgeType23,
+  BadgeType24: createBadgeType24,
+  BadgeType25: createBadgeType25,
+  BadgeType26: createBadgeType26,
+  BadgeType27: createBadgeType27,
+  BadgeType28: createBadgeType28,
+  BadgeType29: createBadgeType29,
+  BadgeType30: createBadgeType30,
+  BadgeType31: createBadgeType31,
+  BadgeType32: createBadgeType32,
+  BadgeType33: createBadgeType33,
+  BadgeType34: createBadgeType34,
+  BadgeType35: createBadgeType35,
+  BadgeType36: createBadgeType36,
+  BadgeType37: createBadgeType37,
+  BadgeType38: createBadgeType38,
+  BadgeType39: createBadgeType39,
+  BadgeType40: createBadgeType40,
+  BadgeType41: createBadgeType41,
+  BadgeType42: createBadgeType42,
+  BadgeType43: createBadgeType43,
+  BadgeType44: createBadgeType44,
+  BadgeType45: createBadgeType45,
+  BadgeType46: createBadgeType46,
+  BadgeType47: createBadgeType47,
+  BadgeType48: createBadgeType48,
+  BadgeType49: createBadgeType49,
+  BadgeType50: createBadgeType50,
+  BadgeType51: createBadgeType51,
+  BadgeType52: createBadgeType52,
+  BadgeType53: createBadgeType53,
+  BadgeType54: createBadgeType54,
+  BadgeType55: createBadgeType55,
+  BadgeType56: createBadgeType56,
+  BadgeType57: createBadgeType57,
+  BadgeType58: createBadgeType58,
+  BadgeType59: createBadgeType59,
+  BadgeType60: createBadgeType60,
+  BadgeType61: createBadgeType61,
+  BadgeType62: createBadgeType62,
+  BadgeType63: createBadgeType63,
+  BadgeType64: createBadgeType64,
+  BadgeType65: createBadgeType65,
+  BadgeType66: createBadgeType66,
+  BadgeType67: createBadgeType67,
+  BadgeType68: createBadgeType68,
+  BadgeType69: createBadgeType69,
+  BadgeType70: createBadgeType70,
+  BadgeType71: createBadgeType71,
+}
+export default Badges;
+

package/src/templates/certificates/NewCertificateType1.ts

@@ -0,0 +1,67 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createNewCertificateType1({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 1152 810"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style={{
+        width: "100%",
+        height: "100%",
+        objectFit: "contain",
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+        maxWidth: "100%",
+        maxHeight: "100%",
+        zIndex: 1,
+        mixBlendMode: "normal",
+        pointerEvents: "none",
+        display: "block",
+      }}
+    >
+      <rect width="1152" height="810" fill="white" />
+      <rect x="50" y="50" width="1052" height="710" rx="18" fill="#FDFDFF" />
+      <rect
+        x="50"
+        y="50"
+        width="1052"
+        height="710"
+        rx="18"
+        stroke="url(#${paintId0})"
+        stroke-width="12"
+      />
+      <path
+        d="M88 123L387 123"
+        stroke="${mainColor}"
+        stroke-width="3"
+      />
+      <path d="M88 676.102H268" stroke="black" />
+      <path d="M300 676.102H460" stroke="black" />
+      <path d="M492 676H652" stroke="black" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="576"
+          y1="56"
+          x2="576"
+          y2="754"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}