@blockspoon/cert-badge-renderer 1.0.7 → 1.0.15

package/src/templates/certificates/NewCertificateType52.ts

@@ -0,0 +1,682 @@
+import { ISvgProps } from "../../interface";
+
+export function createNewCertificateType52({
+  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)}`;
+  const paintId30 = `paint30_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId31 = `paint30_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId32 = `paint30_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId33 = `paint30_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+  return `
+       <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 1152 814"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_3305_323)">
+          <rect width="1152" height="814" fill="white" />
+          <rect
+            x="128"
+            y="54"
+            width="937"
+            height="705"
+            stroke="#D9D9D9"
+            strokeWidth="2"
+          />
+          <rect
+            x="115"
+            y="68"
+            width="937"
+            height="705"
+            stroke="#D9D9D9"
+            strokeWidth="2"
+          />
+          <rect
+            x="98"
+            y="41"
+            width="937"
+            height="705"
+            stroke="#D9D9D9"
+            strokeWidth="2"
+          />
+          <path d="M226.5 -2L-11 235.5V-2H226.5Z" fill="black" />
+          <path d="M915 818L1152.5 580.5L1152.5 818L915 818Z" fill="black" />
+          <path
+            d="M50.5 130L120 199L81 238.5L11.5 169L50.5 130Z"
+            fill="url(#${paintId0})"
+          />
+          <path
+            d="M1130 720L1060.5 651L1099.5 611.5L1169 681L1130 720Z"
+            fill="url(#${paintId1})"
+          />
+          <path
+            d="M79.5 65L133 119.5L94 158L40.5 104L79.5 65Z"
+            fill="url(#${paintId2})"
+          />
+          <path
+            d="M1070 822L1016.5 767.5L1055.5 729L1109 783L1070 822Z"
+            fill="url(#${paintId3})"
+          />
+          <path
+            d="M-20.9568 -19L23 25.5376L-9.04324 57L-53 12.871L-20.9568 -19Z"
+            fill="url(#${paintId4})"
+          />
+          <path
+            d="M79.5 65L133 119.5L94 158L40.5 104L79.5 65Z"
+            fill="url(#${paintId5})"
+
+          />
+          <path
+            d="M1070 822L1016.5 767.5L1055.5 729L1109 783L1070 822Z"
+            fill="url(#${paintId6})"
+
+          />
+          <path
+            d="M170 158H94L255 -1.5H329.5L170 158Z"
+            fill="url(#${paintId7})"
+
+          />
+          <path
+            d="M979.5 729L1055.5 729L894.5 888.5L820 888.5L979.5 729Z"
+            fill="url(#${paintId8})"
+          />
+          <path
+            d="M53.2845 57H-9L122.945 -74H184L53.2845 57Z"
+            fill="url(#${paintId9})"
+
+          />
+          <path
+            d="M239 -27L304 39L265 77.5L200 12L239 -27Z"
+            fill="url(#${paintId10})"
+
+          />
+          <path
+            d="M954.5 861.5L889.5 795.5L928.5 757L993.5 822.5L954.5 861.5Z"
+            fill="url(#${paintId11})"
+
+          />
+          <path
+            d="M239 -27L304 39L265 77.5L200 12L239 -27Z"
+            fill="url(#${paintId12})"
+
+          />
+          <path
+            d="M954.5 861.5L889.5 795.5L928.5 757L993.5 822.5L954.5 861.5Z"
+            fill="url(#${paintId13})"
+
+          />
+          <path
+            d="M341 77.5H265L426 -82H500.5L341 77.5Z"
+            fill="url(#${paintId14})"
+
+          />
+          <path
+            d="M852.5 757L928.5 757L767.5 916.5L693 916.5L852.5 757Z"
+            fill="url(#${paintId15})"
+
+          />
+          <path
+            d="M120 199L-3 320.5V425L120 302V199Z"
+            fill="url(#${paintId16})"
+
+          />
+          <path
+            d="M1159 17L915.5 259V363.5L1159 120V17Z"
+            fill="url(#${paintId17})"
+
+          />
+          <path
+            d="M705.5 -84L462 158V262.5L705.5 19V-84Z"
+            fill="url(#${paintId18})"
+
+          />
+          <path
+            d="M169.5 332L-74 574V678.5L169.5 435V332Z"
+            fill="url(#${paintId19})"
+
+          />
+          <path
+            d="M215.5 459L-28 701V848L215.5 604.5V459Z"
+            fill="url(#${paintId20})"
+
+          />
+          <path
+            d="M1159 199L915.5 441V545.5L1159 302V199Z"
+            fill="url(#${paintId21})"
+
+          />
+          <path
+            d="M1060.5 651L1183.5 529.5L1183.5 425L1060.5 548L1060.5 651Z"
+            fill="url(#${paintId22})"
+
+          />
+          <path
+            d="M142.5 -10.5L-5.5 136L-3 212L242.5 -33.5L142.5 -10.5Z"
+            fill="url(#${paintId23})"
+
+          />
+          <path
+            d="M1048 856.5L1196 710L1193.5 634L948 879.5L1048 856.5Z"
+            fill="url(#${paintId24})"
+
+          />
+         
+        </g>
+        <defs>
+          <pattern
+            id="pattern0_3305_323"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use transform="scale(0.00280112)" />
+          </pattern>
+          <filter
+            id="filter0_f_3305_323"
+            x="622.934"
+            y="634.467"
+            width="19.1998"
+            height="43.8668"
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity="0" result="BackgroundImageFix" />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="BackgroundImageFix"
+              result="shape"
+            />
+            <feGaussianBlur
+              stdDeviation="1.6"
+              result="effect1_foregroundBlur_3305_323"
+            />
+          </filter>
+          <filter
+            id="filter1_f_3305_323"
+            x="509.866"
+            y="634.6"
+            width="19.1998"
+            height="43.8668"
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity="0" result="BackgroundImageFix" />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="BackgroundImageFix"
+              result="shape"
+            />
+            <feGaussianBlur
+              stdDeviation="1.6"
+              result="effect1_foregroundBlur_3305_323"
+            />
+          </filter>
+          <pattern
+            id="pattern1_3305_323"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use transform="translate(-0.131198 -0.126971) scale(0.00353698)" />
+          </pattern>
+          <linearGradient
+            id="${paintId0}"
+            x1="65.75"
+            y1="130"
+            x2="65.75"
+            y2="238.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId1}"
+            x1="1114.75"
+            y1="720"
+            x2="1114.75"
+            y2="611.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId2}"
+            x1="86.75"
+            y1="65"
+            x2="86.75"
+            y2="158"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId3}"
+            x1="1062.75"
+            y1="822"
+            x2="1062.75"
+            y2="729"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId4}"
+            x1="-15"
+            y1="-19"
+            x2="-15"
+            y2="57"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId5}"
+            x1="86.75"
+            y1="65"
+            x2="86.75"
+            y2="158"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.3" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId6}"
+            x1="1062.75"
+            y1="822"
+            x2="1062.75"
+            y2="729"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.3" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId7}"
+            x1="266"
+            y1="20"
+            x2="173"
+            y2="155"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop
+              stopColor="${subColor}"
+              stopOpacity="0.35"
+            />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId8}"
+            x1="883.5"
+            y1="867"
+            x2="976.5"
+            y2="732"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId9}"
+            x1="131.96"
+            y1="-56.3417"
+            x2="55.5182"
+            y2="54.3808"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop
+              stopColor="${subColor}"
+              stopOpacity="0.35"
+            />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId10}"
+            x1="235"
+            y1="-13"
+            x2="295"
+            y2="72.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId11}"
+            x1="958.5"
+            y1="847.5"
+            x2="898.5"
+            y2="762"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId12}"
+            x1="235"
+            y1="-13"
+            x2="295"
+            y2="72.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.3" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId13}"
+            x1="958.5"
+            y1="847.5"
+            x2="898.5"
+            y2="762"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.3" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId14}"
+            x1="377"
+            y1="2.5"
+            x2="311.5"
+            y2="74.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop
+              stopColor="${subColor}"
+              stopOpacity="0.35"
+            />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId15}"
+            x1="816.5"
+            y1="832"
+            x2="882"
+            y2="760"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop
+              stopColor="${subColor}"
+              stopOpacity="0.35"
+            />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId16}"
+            x1="58.5"
+            y1="199"
+            x2="58.5"
+            y2="425"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId17}"
+            x1="1099.65"
+            y1="173.104"
+            x2="1063.85"
+            y2="112.896"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.02" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId18}"
+            x1="646.147"
+            y1="72.104"
+            x2="610.353"
+            y2="11.896"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.05" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId19}"
+            x1="119"
+            y1="457.5"
+            x2="57.5"
+            y2="421"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.05" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId20}"
+            x1="165"
+            y1="584.5"
+            x2="103.5"
+            y2="548"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.02" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId21}"
+            x1="1099.65"
+            y1="355.104"
+            x2="1063.85"
+            y2="294.896"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="white" stopOpacity="0" />
+            <stop offset="1" stopOpacity="0.05" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId22}"
+            x1="1122"
+            y1="651"
+            x2="1122"
+            y2="425"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId23}"
+            x1="161"
+            y1="-6.99996"
+            x2="3.50008"
+            y2="187.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId24}"
+            x1="1029.5"
+            y1="853"
+            x2="1187"
+            y2="658.5"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId25}"
+
+            x1="621.867"
+            y1="637.533"
+            x2="621.867"
+            y2="675.4"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop />
+            <stop offset="1" stopColor="#666666" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId26}"
+
+            x1="637.6"
+            y1="654.867"
+            x2="626.134"
+            y2="656.4"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0.3" />
+            <stop offset="1" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId27}"
+
+            x1="530.133"
+            y1="637.533"
+            x2="530.133"
+            y2="675.4"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop />
+            <stop offset="1" stopColor="#666666" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId28}"
+
+            x1="514.4"
+            y1="658.067"
+            x2="525.866"
+            y2="656.533"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopOpacity="0.3" />
+            <stop offset="1" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId29}"
+
+            x1="575.999"
+            y1="564.512"
+            x2="575.999"
+            y2="722.946"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId30}"
+
+            x1="576.001"
+            y1="566.113"
+            x2="576.001"
+            y2="721.803"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${mainColor}" />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId31}"
+
+            x1="576"
+            y1="546.719"
+            x2="576"
+            y2="744.413"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop offset="0.807016" stopColor="${subColor}" />
+            <stop
+              offset="0.903508"
+              stopColor="${mainColor}"
+            />
+            <stop offset="1" stopColor="${subColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId32}"
+
+            x1="576"
+            y1="550.191"
+            x2="576"
+            y2="741.476"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="${mainColor}" />
+            <stop offset="0.5" stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <linearGradient
+            id="${paintId33}"
+
+            x1="577.074"
+            y1="613.012"
+            x2="574.893"
+            y2="703.161"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop
+              offset="0.614201"
+              stopColor="${mainColor}"
+            />
+            <stop offset="0.807016" stopColor="${subColor}" />
+            <stop offset="1" stopColor="${mainColor}" />
+          </linearGradient>
+          <clipPath id="clip0_3305_323">
+            <rect width="1152" height="814" fill="white" />
+          </clipPath>
+          <image
+            id="image0_3305_323"
+            width="357"
+            height="357"
+            preserveAspectRatio="none"
+          />
+          <image
+            id="image1_3305_323"
+            width="360"
+            height="360"
+            preserveAspectRatio="none"
+          />
+        </defs>
+      </svg>
+  `;
+}