@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/badges/BadgeType106.ts

@@ -0,0 +1,578 @@
+import { ISvgProps } from "../../interface";
+
+export function createBadgeType106({
+  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)}`;
+  const paintId19 = `paint19_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId20 = `paint20_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId21 = `paint21_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId22 = `paint22_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId23 = `paint23_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId24 = `paint24_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId25 = `paint25_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId26 = `paint26_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId27 = `paint27_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId28 = `paint28_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId29 = `paint29_linear_${Math.random().toString(36).substr(2, 9)}`;
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 543 543"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_3493_80485)">
+        <path
+          d="M524.064 271.101L271.09 18.127L18.1157 271.101L271.09 524.075L524.064 271.101Z"
+          fill="white"
+        />
+        <path
+          d="M271.088 538.171L4.03906 271.09L271.088 4.04102L538.169 271.122L271.088 538.203V538.171ZM32.2558 271.09L271.12 509.954L509.984 271.09L271.088 32.2578L32.2558 271.09Z"
+          fill="white"
+        />
+        <path
+          d="M271.089 542.21L0 271.089L271.089 0L542.178 271.089L271.089 542.21ZM8.0484 271.089L271.089 534.13L534.13 271.089L271.089 8.04841L8.0484 271.089ZM271.089 513.993L28.2168 271.089L271.089 28.2168L513.993 271.121L271.089 514.025V513.993ZM36.2652 271.089L271.089 505.913L505.913 271.089L271.089 36.2652L36.2652 271.089Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M325.261 113.211V127.536L310.21 124.157L320.596 122.643L325.261 113.211Z"
+          fill="url(#${paintId0})"
+        />
+        <path
+          d="M340.29 124.157L325.26 127.536V113.211L329.903 122.643L340.29 124.157Z"
+          fill="url(#${paintId1})"
+        />
+        <path
+          d="M334.547 141.841L325.26 127.536L340.29 124.157L332.764 131.475L334.547 141.841Z"
+          fill="url(#${paintId2})"
+        />
+        <path
+          d="M315.952 141.841L325.261 127.536L310.21 124.157L317.735 131.475L315.952 141.841Z"
+          fill="url(#${paintId3})"
+        />
+        <path
+          d="M334.548 141.84L325.26 136.948L315.952 141.84L325.26 127.536L334.548 141.84Z"
+          fill="url(#${paintId4})"
+        />
+        <path
+          d="M218.261 113.211V127.536L203.21 124.157L213.596 122.643L218.261 113.211Z"
+          fill="url(#${paintId5})"
+        />
+        <path
+          d="M233.29 124.157L218.26 127.536V113.211L222.903 122.643L233.29 124.157Z"
+          fill="url(#${paintId6})"
+        />
+        <path
+          d="M227.547 141.841L218.26 127.536L233.29 124.157L225.764 131.475L227.547 141.841Z"
+          fill="url(#${paintId7})"
+        />
+        <path
+          d="M208.952 141.841L218.261 127.536L203.21 124.157L210.735 131.475L208.952 141.841Z"
+          fill="url(#${paintId8})"
+        />
+        <path
+          d="M227.548 141.84L218.26 136.948L208.952 141.84L218.26 127.536L227.548 141.84Z"
+          fill="url(#${paintId9})"
+        />
+        <path
+          d="M271.815 74.2676V96.0772L248.9 90.9325L264.713 88.6285L271.815 74.2676Z"
+          fill="url(#${paintId10})"
+        />
+        <path
+          d="M294.696 90.9325L271.813 96.0772V74.2676L278.883 88.6285L294.696 90.9325Z"
+          fill="url(#${paintId11})"
+        />
+        <path
+          d="M285.953 117.856L271.813 96.0783L294.696 90.9336L283.239 102.075L285.953 117.856Z"
+          fill="url(#${paintId12})"
+        />
+        <path
+          d="M257.643 117.856L271.815 96.0783L248.9 90.9336L260.358 102.075L257.643 117.856Z"
+          fill="url(#${paintId13})"
+        />
+        <path
+          d="M285.955 117.856L271.815 110.407L257.644 117.856L271.815 96.0781L285.955 117.856Z"
+          fill="url(#${paintId14})"
+        />
+        <path
+          d="M218.239 428.84L218.239 414.515L233.29 417.894L222.904 419.407L218.239 428.84Z"
+          fill="url(#${paintId15})"
+        />
+        <path
+          d="M203.21 417.894L218.24 414.515L218.24 428.84L213.597 419.407L203.21 417.894Z"
+          fill="url(#${paintId16})"
+        />
+        <path
+          d="M208.953 400.21L218.24 414.514L203.21 417.894L210.736 410.576L208.953 400.21Z"
+          fill="url(#${paintId17})"
+        />
+        <path
+          d="M227.548 400.21L218.239 414.514L233.29 417.894L225.765 410.576L227.548 400.21Z"
+          fill="url(#${paintId18})"
+        />
+        <path
+          d="M208.952 400.21L218.24 405.103L227.548 400.21L218.24 414.515L208.952 400.21Z"
+          fill="url(#${paintId19})"
+        />
+        <path
+          d="M325.239 428.84L325.239 414.515L340.29 417.894L329.904 419.407L325.239 428.84Z"
+          fill="url(#${paintId20})"
+        />
+        <path
+          d="M310.21 417.894L325.24 414.515L325.24 428.84L320.597 419.407L310.21 417.894Z"
+          fill="url(#${paintId21})"
+        />
+        <path
+          d="M315.953 400.21L325.24 414.514L310.21 417.894L317.736 410.576L315.953 400.21Z"
+          fill="url(#${paintId22})"
+        />
+        <path
+          d="M334.548 400.21L325.239 414.514L340.29 417.894L332.765 410.576L334.548 400.21Z"
+          fill="url(#${paintId23})"
+        />
+        <path
+          d="M315.952 400.21L325.24 405.103L334.548 400.21L325.24 414.515L315.952 400.21Z"
+          fill="url(#${paintId24})"
+        />
+        <path
+          d="M271.685 467.782L271.685 445.973L294.6 451.117L278.787 453.421L271.685 467.782Z"
+          fill="url(#${paintId25})"
+        />
+        <path
+          d="M248.804 451.117L271.687 445.973L271.687 467.782L264.617 453.421L248.804 451.117Z"
+          fill="url(#${paintId26})"
+        />
+        <path
+          d="M257.547 424.194L271.687 445.972L248.804 451.116L260.261 439.975L257.547 424.194Z"
+          fill="url(#${paintId27})"
+        />
+        <path
+          d="M285.857 424.194L271.685 445.972L294.6 451.116L283.142 439.975L285.857 424.194Z"
+          fill="url(#${paintId28})"
+        />
+        <path
+          d="M257.545 424.194L271.685 431.642L285.856 424.194L271.685 445.972L257.545 424.194Z"
+          fill="url(#${paintId29})"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="313.672"
+          y1="113.418"
+          x2="323.187"
+          y2="125.774"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="330.007"
+          y1="120.757"
+          x2="318.004"
+          y2="129.796"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="328.328"
+          y1="126.769"
+          x2="354.013"
+          y2="144.349"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="327.956"
+          y1="127.08"
+          x2="305.089"
+          y2="136.16"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId4}"
+          x1="313.402"
+          y1="125.422"
+          x2="330.174"
+          y2="147.002"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId5}"
+          x1="206.672"
+          y1="113.418"
+          x2="216.187"
+          y2="125.774"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId6}"
+          x1="223.007"
+          y1="120.757"
+          x2="211.004"
+          y2="129.796"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId7}"
+          x1="221.328"
+          y1="126.769"
+          x2="247.013"
+          y2="144.349"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId8}"
+          x1="220.956"
+          y1="127.08"
+          x2="198.089"
+          y2="136.16"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId9}"
+          x1="206.402"
+          y1="125.422"
+          x2="223.174"
+          y2="147.002"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId10}"
+          x1="254.171"
+          y1="74.5832"
+          x2="268.658"
+          y2="93.3944"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId11}"
+          x1="279.041"
+          y1="85.7563"
+          x2="260.767"
+          y2="99.5175"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId12}"
+          x1="276.485"
+          y1="94.9105"
+          x2="315.59"
+          y2="121.675"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId13}"
+          x1="275.918"
+          y1="95.3839"
+          x2="241.104"
+          y2="109.208"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId14}"
+          x1="253.761"
+          y1="92.8588"
+          x2="279.295"
+          y2="125.715"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId15}"
+          x1="229.828"
+          y1="428.633"
+          x2="220.313"
+          y2="416.277"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId16}"
+          x1="213.493"
+          y1="421.294"
+          x2="225.496"
+          y2="412.255"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId17}"
+          x1="215.172"
+          y1="415.281"
+          x2="189.487"
+          y2="397.702"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId18}"
+          x1="215.544"
+          y1="414.971"
+          x2="238.411"
+          y2="405.89"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId19}"
+          x1="230.098"
+          y1="416.629"
+          x2="213.326"
+          y2="395.048"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId20}"
+          x1="336.828"
+          y1="428.633"
+          x2="327.313"
+          y2="416.277"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId21}"
+          x1="320.493"
+          y1="421.294"
+          x2="332.496"
+          y2="412.255"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId22}"
+          x1="322.172"
+          y1="415.281"
+          x2="296.487"
+          y2="397.702"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId23}"
+          x1="322.544"
+          y1="414.971"
+          x2="345.411"
+          y2="405.89"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId24}"
+          x1="337.098"
+          y1="416.629"
+          x2="320.326"
+          y2="395.048"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId25}"
+          x1="289.329"
+          y1="467.467"
+          x2="274.842"
+          y2="448.655"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${mainColor}" />
+          <stop offset="0.06" stopColor="${subColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId26}"
+          x1="264.459"
+          y1="456.294"
+          x2="282.733"
+          y2="442.532"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.23801" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId27}"
+          x1="267.015"
+          y1="447.139"
+          x2="227.91"
+          y2="420.374"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId28}"
+          x1="267.582"
+          y1="446.666"
+          x2="302.396"
+          y2="432.842"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId29}"
+          x1="289.739"
+          y1="449.191"
+          x2="264.205"
+          y2="416.335"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="${subColor}" />
+          <stop offset="0.06" stopColor="${mainColor}" />
+          <stop offset="0.58" stopColor="${subColor}" />
+          <stop offset="1" stopColor="${mainColor}" />
+        </linearGradient>
+        <clipPath id="clip0_3493_80485">
+          <rect width="542.21" height="542.21" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}