@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/certificates/NewCertificateType5.ts

@@ -0,0 +1,189 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createNewCertificateType5({
+  mainColor = "#96A6B4",
+  subColor = "#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)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 810 1152"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="810" height="1152" fill="white" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M753.45 1132L56.5501 1132C54.6882 1132 53.1204 1130.42 53.1204 1128.55C53.1204 1112 39.7939 1098.6 23.3317 1098.6C21.4699 1098.6 20 1097.02 20 1095.15L20.0001 56.8499C20.0001 54.9778 21.4699 53.4014 23.3317 53.4014C39.7939 53.4014 53.1205 40.0014 53.1205 23.4485C53.1205 21.5764 54.6883 20 56.5501 20L753.45 20C755.312 20 756.88 21.5765 756.88 23.4485C756.88 40.0014 770.206 53.4014 786.668 53.4014C788.53 53.4014 790 54.9779 790 56.8499L790 1095.15C790 1097.02 788.53 1098.6 786.668 1098.6C770.206 1098.6 756.88 1112 756.88 1128.55C756.88 1130.42 755.312 1132 753.45 1132Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M786.863 56.4962C786.79 56.419 786.724 56.4014 786.668 56.4014C768.534 56.4014 753.88 41.6427 753.88 23.4485C753.88 23.3622 753.843 23.2454 753.736 23.1377C753.629 23.0301 753.52 23 753.45 23L56.5501 23C56.48 23 56.3713 23.03 56.2643 23.1377C56.1572 23.2454 56.1205 23.3622 56.1205 23.4485C56.1205 41.6427 41.4663 56.4014 23.3317 56.4014C23.2758 56.4014 23.2105 56.4189 23.1367 56.4961C23.0569 56.5797 23.0001 56.7045 23.0001 56.8499L23 1095.15C23 1095.3 23.0568 1095.42 23.1367 1095.5C23.2105 1095.58 23.2758 1095.6 23.3317 1095.6C41.4663 1095.6 56.1204 1110.36 56.1204 1128.55C56.1204 1128.64 56.1571 1128.75 56.2642 1128.86C56.3713 1128.97 56.4799 1129 56.5501 1129L753.45 1129C753.52 1129 753.629 1128.97 753.736 1128.86C753.843 1128.75 753.88 1128.64 753.88 1128.55C753.88 1110.36 768.534 1095.6 786.668 1095.6C786.724 1095.6 786.789 1095.58 786.863 1095.5C786.943 1095.42 787 1095.3 787 1095.15L787 56.8499C787 56.7045 786.943 56.5797 786.863 56.4962Z"
+        fill="url(#${paintId1})"
+      />
+      <rect
+        x="286"
+        y="162.898"
+        width="240"
+        height="240"
+        fill="url(#pattern0_1872_8)"
+      />
+      <rect
+        x="27.3135"
+        y="16"
+        width="16"
+        height="16"
+        rx="4"
+        transform="rotate(45 27.3135 16)"
+        fill="${mainColor}"
+      />
+      <rect
+        x="27.3135"
+        y="1113"
+        width="16"
+        height="16"
+        rx="4"
+        transform="rotate(45 27.3135 1113)"
+        fill="${subColor}"
+      />
+      <rect
+        x="783"
+        y="16"
+        width="16"
+        height="16"
+        rx="4"
+        transform="rotate(45 783 16)"
+        fill="${mainColor}"
+      />
+      <rect
+        x="783"
+        y="1113"
+        width="16"
+        height="16"
+        rx="4"
+        transform="rotate(45 783 1113)"
+        fill="${subColor}"
+      />
+      <rect
+        x="713.151"
+        y="72.5889"
+        width="44.8481"
+        height="44.822"
+        fill="url(#pattern1_1872_8)"
+      />
+      <rect
+        x="484"
+        y="82.8721"
+        width="80"
+        height="24.2558"
+        fill="url(#pattern2_1872_8)"
+      />
+      <rect
+        x="592"
+        y="55"
+        width="80"
+        height="80"
+        fill="url(#pattern3_1872_8)"
+      />
+      <rect
+        x="421.869"
+        y="971.471"
+        width="108.48"
+        height="36.1602"
+        fill="url(#pattern4_1872_8)"
+      />
+      <rect
+        x="540.35"
+        y="971.471"
+        width="147.785"
+        height="36.1602"
+        fill="url(#pattern5_1872_8)"
+      />
+      <defs>
+        <pattern
+          id="pattern0_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00166667)" />
+        </pattern>
+        <pattern
+          id="pattern1_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="matrix(0.00485561 0 0 0.00485845 -0.0375646 -0.0388732)" />
+        </pattern>
+        <pattern
+          id="pattern2_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00110254 0.00363636)" />
+        </pattern>
+        <pattern
+          id="pattern3_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00260417)" />
+        </pattern>
+        <pattern
+          id="pattern4_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.0042735 0.0128205)" />
+        </pattern>
+        <pattern
+          id="pattern5_1872_8"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.0035461 0.0144928)" />
+        </pattern>
+        <linearGradient
+          id="${paintId0}"
+          x1="405"
+          y1="20"
+          x2="405"
+          y2="1132"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="405"
+          y1="17"
+          x2="405"
+          y2="1135"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <image id="image0_1872_8" width="600" height="600" />
+        <image id="image1_1872_8" width="224" height="224" />
+        <image id="image2_1872_8" width="907" height="275" />
+        <image id="image3_1872_8" width="384" height="384" />
+        <image id="image4_1872_8" width="234" height="78" />
+        <image id="image5_1872_8" width="282" height="69" />
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/certificates/NewCertificateType6.ts

@@ -0,0 +1,187 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createNewCertificateType6({
+  mainColor = "#96A6B4",
+  subColor = "#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)}`;
+
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 810 1152"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_1606_83)">
+        <rect
+          width="1152"
+          height="810"
+          transform="translate(810) rotate(90)"
+          fill="white"
+        />
+        <path
+          d="M307 1152C291.5 1090.49 160.947 1100.42 129 1054.64C84 978 55.5 923.727 2.0158e-05 915L3.05176e-05 1152L307 1152Z"
+          fill="url(#${paintId0})"
+        />
+        <path
+          d="M503 1152C518.5 1090.49 649.053 1100.42 681 1054.64C726 978 754.5 923.727 810 915L810 1152L503 1152Z"
+          fill="url(#${paintId1})"
+        />
+        <path
+          d="M307 0C291.5 61.5086 160.947 51.5843 129 97.3612C84 174 55.5 228.273 2.0158e-05 237L3.05176e-05 2.2798e-05L307 0Z"
+          fill="url(#${paintId2})"
+        />
+        <path
+          d="M503 0C518.5 61.5086 649.053 51.5843 681 97.3612C726 174 754.5 228.273 810 237L810 2.2798e-05L503 0Z"
+          fill="url(#${paintId3})"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M742.589 1116L67.4108 1116C65.6071 1116 64.0881 1114.47 64.0881 1112.65C64.0881 1096.57 51.1769 1083.56 35.2278 1083.56C33.4241 1083.56 32 1082.03 32 1080.21L32.0001 71.7894C32.0001 69.9713 33.4241 68.4402 35.2278 68.4402C51.1769 68.4402 64.0881 55.4258 64.0881 39.3493C64.0881 37.5311 65.6071 36 67.4109 36L742.589 36C744.393 36 745.912 37.5311 745.912 39.3493C745.912 55.4258 758.823 68.4402 774.772 68.4402C776.576 68.4402 778 69.9713 778 71.7895L778 1080.21C778 1082.03 776.576 1083.56 774.772 1083.56C758.823 1083.56 745.912 1096.57 745.912 1112.65C745.912 1114.47 744.393 1116 742.589 1116Z"
+          fill="white"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M731.728 1104L78.2716 1104C76.5259 1104 75.0558 1102.5 75.0558 1100.73C75.0558 1085.01 62.56 1072.28 47.124 1072.28C45.3783 1072.28 44 1070.78 44 1069.01L44.0001 82.9941C44.0001 81.2163 45.3783 79.7193 47.124 79.7193C62.5601 79.7193 75.0558 66.9941 75.0558 51.2748C75.0558 49.497 76.5259 48 78.2717 48L731.728 48C733.474 48 734.944 49.4971 734.944 51.2749C734.944 66.9941 747.44 79.7193 762.876 79.7193C764.622 79.7193 766 81.2164 766 82.9942L766 1069.01C766 1070.78 764.622 1072.28 762.876 1072.28C747.44 1072.28 734.944 1085.01 734.944 1100.73C734.944 1102.5 733.474 1104 731.728 1104Z"
+          fill="${mainColor}"
+        />
+        <rect
+          x="43.3135"
+          y="36"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 43.3135 36)"
+          fill="${mainColor}"
+        />
+        <rect
+          x="766.313"
+          y="36"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 766.313 36)"
+          fill="${mainColor}"
+        />
+        <rect
+          x="43.3135"
+          y="1093.37"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 43.3135 1093.37)"
+          fill="${mainColor}"
+        />
+        <rect
+          x="766.313"
+          y="1093.37"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 766.313 1093.37)"
+          fill="${mainColor}"
+        />
+      </g>
+      <defs>
+        <pattern
+          id="pattern0_1606_83"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.000833333)" />
+        </pattern>
+        <pattern
+          id="pattern1_1606_83"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00130071 0.00198413)" />
+        </pattern>
+        <pattern
+          id="pattern2_1606_83"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.001)" />
+        </pattern>
+        <linearGradient
+          id="${paintId0}"
+          x1="153.5"
+          y1="1152"
+          x2="153.5"
+          y2="915"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="656.5"
+          y1="1152"
+          x2="656.5"
+          y2="915"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="153.5"
+          y1="-6.7097e-06"
+          x2="153.5"
+          y2="237"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="656.5"
+          y1="-6.7097e-06"
+          x2="656.5"
+          y2="237"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId4}"
+          x1="405"
+          y1="249"
+          x2="405"
+          y2="248"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <clipPath id="clip0_1606_83">
+          <rect
+            width="1152"
+            height="810"
+            fill="white"
+            transform="translate(810) rotate(90)"
+          />
+        </clipPath>
+        <image id="image0_1606_83" width="1200" height="1200" />
+        <image id="image1_1606_83" width="769" height="504" />
+        <image id="image2_1606_83" width="1000" height="1000" />
+      </defs>
+    </svg>
+  `;
+} 

package/src/templates/certificates/NewCertificateType6Single.ts

@@ -0,0 +1,170 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createNewCertificateType6Single({
+  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 810 1152"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_1639_121)">
+        <rect
+          width="1152"
+          height="810"
+          transform="translate(810) rotate(90)"
+          fill="white"
+        />
+        <path
+          d="M307 1152C291.5 1090.49 160.947 1100.42 129 1054.64C84 978 55.5 923.727 2.0158e-05 915L3.05176e-05 1152L307 1152Z"
+          fill="${mainColor}"
+          fill-opacity="0.9"
+        />
+        <path
+          d="M503 1152C518.5 1090.49 649.053 1100.42 681 1054.64C726 978 754.5 923.727 810 915L810 1152L503 1152Z"
+          fill="${mainColor}"
+          fill-opacity="0.9"
+        />
+        <path
+          d="M307 0C291.5 61.5086 160.947 51.5843 129 97.3612C84 174 55.5 228.273 2.0158e-05 237L3.05176e-05 2.2798e-05L307 0Z"
+          fill="${mainColor}"
+          fill-opacity="0.9"
+        />
+        <path
+          d="M503 0C518.5 61.5086 649.053 51.5843 681 97.3612C726 174 754.5 228.273 810 237L810 2.2798e-05L503 0Z"
+          fill="${mainColor}"
+          fill-opacity="0.9"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M742.589 1116L67.4108 1116C65.6071 1116 64.0881 1114.47 64.0881 1112.65C64.0881 1096.57 51.1769 1083.56 35.2278 1083.56C33.4241 1083.56 32 1082.03 32 1080.21L32.0001 71.7894C32.0001 69.9713 33.4241 68.4402 35.2278 68.4402C51.1769 68.4402 64.0881 55.4258 64.0881 39.3493C64.0881 37.5311 65.6071 36 67.4109 36L742.589 36C744.393 36 745.912 37.5311 745.912 39.3493C745.912 55.4258 758.823 68.4402 774.772 68.4402C776.576 68.4402 778 69.9713 778 71.7895L778 1080.21C778 1082.03 776.576 1083.56 774.772 1083.56C758.823 1083.56 745.912 1096.57 745.912 1112.65C745.912 1114.47 744.393 1116 742.589 1116Z"
+          fill="white"
+        />
+        <rect
+          x="294.5"
+          y="846"
+          width="221"
+          height="221"
+          fill="url(#pattern0_1639_121)"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M731.728 1104L78.2716 1104C76.5259 1104 75.0558 1102.5 75.0558 1100.73C75.0558 1085.01 62.56 1072.28 47.124 1072.28C45.3783 1072.28 44 1070.78 44 1069.01L44.0001 82.9941C44.0001 81.2163 45.3783 79.7193 47.124 79.7193C62.5601 79.7193 75.0558 66.9941 75.0558 51.2748C75.0558 49.497 76.5259 48 78.2717 48L731.728 48C733.474 48 734.944 49.4971 734.944 51.2749C734.944 66.9941 747.44 79.7193 762.876 79.7193C764.622 79.7193 766 81.2164 766 82.9942L766 1069.01C766 1070.78 764.622 1072.28 762.876 1072.28C747.44 1072.28 734.944 1085.01 734.944 1100.73C734.944 1102.5 733.474 1104 731.728 1104Z"
+          fill="${subColor}"
+        />
+        <rect
+          width="80"
+          height="80"
+          transform="translate(365 92)"
+          fill="white"
+        />
+        <rect
+          x="365"
+          y="105.778"
+          width="80"
+          height="52.4444"
+          fill="url(#pattern1_1639_121)"
+        />
+        <rect
+          x="43.3135"
+          y="36"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 43.3135 36)"
+          fill="${subColor}"
+        />
+        <rect
+          x="766.313"
+          y="36"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 766.313 36)"
+          fill="${subColor}"
+        />
+        <rect
+          x="43.3135"
+          y="1093.37"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 43.3135 1093.37)"
+          fill="${subColor}"
+        />
+        <rect
+          x="766.313"
+          y="1093.37"
+          width="16"
+          height="16"
+          rx="4"
+          transform="rotate(45 766.313 1093.37)"
+          fill="${subColor}"
+        />
+        <rect
+          x="588"
+          y="851.5"
+          width="80"
+          height="80"
+          fill="url(#pattern2_1639_121)"
+        />
+      </g>
+      <defs>
+        <pattern
+          id="pattern0_1639_121"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.000833333)" />
+        </pattern>
+        <pattern
+          id="pattern1_1639_121"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.00130071 0.00198413)" />
+        </pattern>
+        <pattern
+          id="pattern2_1639_121"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use transform="scale(0.001)" />
+        </pattern>
+        <linearGradient
+          id="${paintId0}"
+          x1="405"
+          y1="249"
+          x2="405"
+          y2="248"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+        <clipPath id="clip0_1639_121">
+          <rect
+            width="1152"
+            height="810"
+            fill="white"
+            transform="translate(810) rotate(90)"
+          />
+        </clipPath>
+        <image id="image0_1639_121" width="1200" height="1200" />
+        <image id="image1_1639_121" width="769" height="504" />
+        <image id="image2_1639_121" width="1000" height="1000" />
+      </defs>
+    </svg>
+  `;
+}