@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/certificates/NewCertificateType2.ts

@@ -0,0 +1,94 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createNewCertificateType2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  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"
+        transform="translate(0 -0.000442505)"
+        fill="white"
+      />
+      <rect x="34" y="34" width="1084" height="742" rx="18" fill="#FDFDFF" />
+      <rect
+        x="34"
+        y="34"
+        width="1084"
+        height="742"
+        rx="18"
+        stroke="${mainColor}"
+        stroke-width="12"
+      />
+      <defs>
+        <pattern
+          id="pattern0_1819_145"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="translate(-2.07143 -0.3) scale(0.00767167)" />
+        </pattern>
+        <pattern
+          id="pattern1_1819_145"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.001)" />
+        </pattern>
+        <pattern
+          id="pattern2_1819_145"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.001)" />
+        </pattern>
+        <pattern
+          id="pattern3_1819_145"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.001)" />
+        </pattern>
+        <pattern
+          id="pattern4_1819_145"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00280112)" />
+        </pattern>
+        <image id="image0_1819_145" width="672" height="466" />
+        <image id="image1_1819_145" width="1000" height="1000" />
+        <image id="image2_1819_145" width="357" height="357" />
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/certificates/NewCertificateType20.ts

@@ -0,0 +1,467 @@
+import { ISvgProps } from "../../interface"; 
+
+
+export function createNewCertificateType20({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
+}: ISvgProps): string {
+
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId4 = `paint4_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId5 = `paint5_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId6 = `paint6_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId7 = `paint7_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId8 = `paint8_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId9 = `paint9_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId10 = `paint10_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId11 = `paint11_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId12 = `paint12_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId13 = `paint13_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId14 = `paint14_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId15 = `paint15_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId16 = `paint16_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId17 = `paint17_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+  const paintId18 = `paint18_linear_${Math.random()
+    .toString(36)
+    .substr(2, 9)}`;
+    
+  return `
+        <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 1153 814"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_1917_501)">
+          <rect
+            width="1152"
+            height="814"
+            transform="translate(0.847656)"
+            fill="white"
+          />
+          <rect
+            x="-269.962"
+            y="154.08"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 -269.962 154.08)"
+            stroke="url(#${paintId0})"
+            strokeWidth="1.36817"
+          />
+          <rect
+            x="369.041"
+            y="28.3411"
+            width="370.181"
+            height="83.8251"
+            transform="rotate(-30 369.041 28.3411)"
+            stroke="url(#${paintId1})"
+            strokeWidth="5.47268"
+          />
+          <rect
+            x="-248.071"
+            y="91.1433"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 -248.071 91.1433)"
+            stroke="url(#${paintId2})"
+            strokeWidth="1.36817"
+          />
+          <rect
+            x="-209.696"
+            y="114.536"
+            width="370.181"
+            height="133.572"
+            transform="rotate(-30 -209.696 114.536)"
+            stroke="url(#${paintId3})"
+            strokeWidth="5.47268"
+          />
+          <rect
+            x="544.102"
+            y="951.723"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 544.102 951.723)"
+            stroke="url(#${paintId4})"
+            strokeWidth="1.36817"
+          />
+          <rect
+            x="764.378"
+            y="894.26"
+            width="646.418"
+            height="238.403"
+            transform="rotate(-30 764.378 894.26)"
+            stroke="url(#${paintId5})"
+            strokeWidth="1.36817"
+          />
+          <rect
+            x="815.068"
+            y="758.945"
+            width="370.181"
+            height="133.572"
+            transform="rotate(-30 815.068 758.945)"
+            stroke="url(#${paintId6})"
+            strokeWidth="5.47268"
+          />
+          <g filter="url(#filter0_d_1917_501)">
+            <rect
+              x="77.8477"
+              y="72"
+              width="998"
+              height="670"
+              rx="8"
+              fill="white"
+            />
+          </g>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1051.24 72H1026.63V97.9804H77.8477V122.593H1026.63V742H1051.24V122.593H1075.85V97.9804H1051.24V72Z"
+            fill="url(#${paintId7})"
+          />
+
+          <rect x="661.848" y="588" width="80" height="80" />
+
+          <rect x="770.848" y="588" width="80" height="80" />
+
+          <rect x="879.848" y="588" width="80" height="80" />
+
+          <rect
+            x="1017.85"
+            y="336"
+            width="60"
+            height="60"
+            transform="rotate(-180 1017.85 336)"
+            fill="url(#pattern0_1917_501)"
+          />
+
+          <rect
+            x="-49.086"
+            y="738.297"
+            width="173.758"
+            height="173.758"
+            transform="rotate(-45 -49.086 738.297)"
+            stroke="url(#${paintId8})"
+            strokeWidth="4.10451"
+          />
+          <rect
+            x="12.4824"
+            y="635.972"
+            width="87.0954"
+            height="87.0954"
+            transform="rotate(-45 12.4824 635.972)"
+            stroke="url(#${paintId9})"
+            strokeWidth="4.10451"
+          />
+          <rect
+            x="161.613"
+            y="737.875"
+            width="88.0261"
+            height="88.0261"
+            transform="rotate(-45 161.613 737.875)"
+            stroke="url(#${paintId10}"}
+            strokeWidth="4.10451"
+          />
+
+          <rect
+            x="993.648"
+            y="65.6"
+            width="30.4"
+            height="30.4"
+            fill="url(#pattern1_1917_501)"
+          />
+        </g>
+        <defs>
+          <filter
+            id="filter0_d_1917_501"
+            x="53.8477"
+            y="48"
+            width="1046"
+            height="718"
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity="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="12" />
+            <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.1 0"
+            />
+            <feBlend
+              mode="normal"
+              in2="BackgroundImageFix"
+              result="effect1_dropShadow_1917_501"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow_1917_501"
+              result="shape"
+            />
+          </filter>
+          <pattern
+            id="pattern0_1917_501"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          ></pattern>
+          <pattern
+            id="pattern1_1917_501"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use transform="translate(-0.131198 -0.126971) scale(0.00353698)" />
+          </pattern>
+          <linearGradient
+            id="${paintId0}"
+            x1="889.22"
+            y1="354.044"
+            x2="-87.1615"
+            y2="296.665"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId1}"
+            x1="1038.06"
+            y1="101.905"
+            x2="474.614"
+            y2="50.3467"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId2}"
+            x1="911.111"
+            y1="291.108"
+            x2="-65.2709"
+            y2="233.728"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId3}"
+            x1="459.323"
+            y1="229.64"
+            x2="-106.885"
+            y2="196.365"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId4}"
+            x1="1703.28"
+            y1="1151.69"
+            x2="726.903"
+            y2="1094.31"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId5}"
+            x1="1923.56"
+            y1="1094.22"
+            x2="947.178"
+            y2="1036.84"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId6}"
+            x1="1484.09"
+            y1="874.049"
+            x2="917.879"
+            y2="840.774"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId7}"
+            x1="466.794"
+            y1="-82.5102"
+            x2="845.594"
+            y2="860.233"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId8}"
+            x1="125.948"
+            y1="738.371"
+            x2="-52.0619"
+            y2="916.38"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId9}"
+            x1="100.818"
+            y1="636.01"
+            x2="9.54232"
+            y2="727.286"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId10}"
+            x1="250.88"
+            y1="737.913"
+            x2="158.673"
+            y2="830.12"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId11}"
+            x1="1008.85"
+            y1="196"
+            x2="1008.85"
+            y2="231.2"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0.4" />
+            <stop offset="1" stopOpacity="0" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId12}"
+            x1="883.247"
+            y1="92.8"
+            x2="1008.85"
+            y2="218.4"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId13}"
+            x1="986.051"
+            y1="178.616"
+            x2="957.234"
+            y2="207.432"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId14}"
+            x1="981.983"
+            y1="162.046"
+            x2="967.207"
+            y2="176.822"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId15}"
+            x1="1006.27"
+            y1="178.542"
+            x2="991.347"
+            y2="193.468"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId16}"
+            x1="1105.93"
+            y1="222.669"
+            x2="1011.7"
+            y2="217.132"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId17}"
+            x1="1125.63"
+            y1="212.95"
+            x2="1031.41"
+            y2="207.413"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId18}"
+            x1="1079.41"
+            y1="191.18"
+            x2="1024.74"
+            y2="188.308"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.0001" stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <clipPath id="clip0_1917_501">
+            <rect
+              width="1152"
+              height="814"
+              fill="white"
+              transform="translate(0.847656)"
+            />
+          </clipPath>
+          <image id="image0_1917_501" width="357" height="357" />
+          <image id="image1_1917_501" width="360" height="360" />
+        </defs>
+      </svg>
+  `;
+}