@blockspoon/cert-badge-renderer 1.0.50 → 1.0.52

package/dist/esm/templates/ribbons/RibbonType19.js

@@ -25,31 +25,31 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
       <path
         d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
         fill="${extraColor1}"
-      />
+       />
       <path
         d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
         fill="black"
         fill-opacity="0.7"
-      />
+       />
       <path
         d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
         fill="${extraColor1}"
-      />
+       />
       <path
         d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
         fill="black"
         fill-opacity="0.7"
-      />
+       />
       <rect
         y="18.5948"
         width="464"
         height="170"
         rx="8"
         fill="url(#${paintId0})"
-      />
+       />
       <mask
         id="mask0_2384_1402"
-        style="mask-type: alpha"
+        style="mask-type:alpha"
         maskUnits="userSpaceOnUse"
         x="0"
         y="18"
@@ -59,21 +59,23 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
         <path
           d="M0 32.5948C0 24.8629 6.26801 18.5948 14 18.5948H450C457.732 18.5948 464 24.8629 464 32.5948V188.595H0V32.5948Z"
           fill="white"
-        />
+         />
       </mask>
-      <g mask="url(#mask0_2384_1402)">
+      <g
+        mask="url(#mask0_2384_1402)"
+      >
         <path
           d="M-20 37.479C-15.6524 32.1335 -12.4468 30.7643 -5.68182 30.6033L465.386 30.6034C474.492 30.4637 478.787 31.9948 484 39.5948"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
         <path
           d="M-20 170.711C-15.6524 176.056 -12.4468 177.425 -5.68182 177.586L465.386 177.586C474.492 177.726 478.787 176.195 484 168.595"
           stroke="white"
           stroke-width="2"
           stroke-linecap="round"
-        />
+         />
       </g>
       <rect
         x="21"
@@ -82,21 +84,21 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
         height="18"
         fill="url(#paint1_linear_2384_1402)"
         fill-opacity="0.4"
-      />
+       />
       <rect
         width="422"
         height="18"
         transform="matrix(1 0 0 -1 21 18.5948)"
         fill="url(#paint2_linear_2384_1402)"
         fill-opacity="0.4"
-      />
+       />
       <rect
         y="31.6613"
         width="464"
         height="144.766"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -106,8 +108,13 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
           y2="126.196"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2384_1402"
@@ -117,8 +124,13 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
           y2="206.595"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.4"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2384_1402"
@@ -128,8 +140,13 @@ function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extra
           y2="18"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-opacity="0.4"
+           />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType2.js

@@ -27,13 +27,23 @@ function createRibbonType2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         display: block;
       "
     >
-      <path opacity="0.3" d="M37 33H515L514.608 174H37V33Z" fill="black" />
+      <path
+        opacity="0.3"
+        d="M37 33H515L514.608 174H37V33Z"
+        fill="black"
+       />
       <path
         d="M1.74812 9.45452C0.838874 4.53695 4.61386 0 9.61478 0H542.385C547.386 0 551.161 4.53696 550.252 9.45453L537.292 79.5455C537.114 80.507 537.114 81.493 537.292 82.4545L550.252 152.545C551.161 157.463 547.386 162 542.385 162H9.61482C4.61389 162 0.838875 157.463 1.74812 152.545L14.7078 82.4545C14.8856 81.493 14.8856 80.507 14.7078 79.5455L1.74812 9.45452Z"
         fill="url(#${paintId0})"
-      />
-      <path d="M2 12L550 12" stroke="${mainColor}" />
-      <path d="M2 150L550 150" stroke="${mainColor}" />
+       />
+      <path
+        d="M2 12L550 12"
+        stroke="${mainColor}"
+       />
+      <path
+        d="M2 150L550 150"
+        stroke="${mainColor}"
+       />
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -43,9 +53,17 @@ function createRibbonType2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="81"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.5" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.5"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType21.js

@@ -25,31 +25,31 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
       <path
         d="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M34.9859 39.1738L46.4861 35.9991L84.0921 146.614L54.0274 159.344C44.8274 159.344 34.8198 142.499 34.9864 138.999L34.9859 39.1738Z"
         fill="url(#paint0_linear_2399_1177)"
-      />
+       />
       <path
         d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <path
         opacity="0.3"
         d="M532.499 38.6746L520.998 35.5L483.392 146.115L513.457 158.845C522.657 158.845 532.665 142 532.498 138.5L532.499 38.6746Z"
         fill="url(#paint1_linear_2399_1177)"
-      />
+       />
       <rect
         x="72.4961"
         y="145"
@@ -57,16 +57,46 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         height="21.4648"
         fill="url(#paint2_linear_2399_1177)"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M510.678 6H54.3143C47.7873 6 42.4961 11.6462 42.4961 18.6112V137.389C42.4961 144.354 47.7873 150 54.3143 150H510.678C517.205 150 522.496 144.354 522.496 137.389V18.6112C522.496 11.6462 517.205 6 510.678 6Z"
         fill="url(#${paintId3})"
-      />
+       />
       <path
         d="M42.4961 21.6269C46.5432 16.1924 50.1047 15.0624 58.0856 15.1889H509.013C515.7 15.9259 518.701 17.5852 522.496 23.8438V134.982C520.956 142.745 511.689 143.393 498.527 143.535H55.1622C49.2574 144.033 44.0458 139.75 42.4961 136.028V21.6269Z"
         fill="white"
         fill-opacity="0.3"
-      />
+       />
+      <mask
+        id="mask0_2399_1177"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="42"
+        y="4"
+        width="481"
+        height="171"
+      >
+        <path
+          d="M42.4961 18.8086C42.4961 11.0766 48.7641 4.80859 56.4961 4.80859H508.496C516.228 4.80859 522.496 11.0766 522.496 18.8086V174.809H42.4961V18.8086Z"
+          fill="url(#paint4_linear_2399_1177)"
+         />
+      </mask>
+      <g
+        mask="url(#mask0_2399_1177)"
+      >
+        <path
+          d="M41.5859 23.6928C45.7422 18.3473 48.8067 14.9781 55.274 14.8171L505.61 14.8171C514.314 14.6774 518.421 18.2085 523.404 25.8086"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+         />
+        <path
+          d="M40.9688 131.797C41.5695 136.663 48.8075 143.772 55.2747 143.611L505.611 143.611C514.315 143.471 523.405 139.579 523.405 133.068"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+         />
+      </g>
       <defs>
         <linearGradient
           id="paint0_linear_2399_1177"
@@ -77,7 +107,10 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2399_1177"
@@ -88,7 +121,10 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2399_1177"
@@ -99,7 +135,10 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId3}"
@@ -109,8 +148,29 @@ function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
           y2="136.959"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_2399_1177"
+          x1="48.4052"
+          y1="12.8086"
+          x2="528.987"
+          y2="139.73"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop
+            stop-color="#FF1B64"
+           />
+          <stop
+            offset="1"
+            stop-color="#FF91B2"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType23.js

@@ -21,82 +21,67 @@ function createRibbonType23({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
         display: block;
       "
     >
+      <rect
+        x="0.496094"
+        y="8"
+        width="512"
+        height="154"
+        rx="4"
+        fill="url(#paintId0)"
+       />
+      <rect
+        x="0.496094"
+        y="16"
+        width="512"
+        height="138"
+        fill="white"
+        fill-opacity="0.3"
+       />
       <path
-        d="M98.4681 3.13996C97.0985 1.40658 94.5831 1.11165 92.8497 2.48121L6.28591 70.8762C3.79463 72.8446 4.4796 76.7915 7.48844 77.8054L55.942 94.1322C57.4422 94.6377 58.5032 95.9805 58.648 97.557L63.3238 148.473C63.6142 151.635 67.2956 153.214 69.7868 151.246L156.351 82.8509C158.084 81.4813 158.379 78.9659 157.009 77.2325L98.4681 3.13996Z"
-        fill="${mainColor}"
-      />
-      <path
-        d="M91.4922 13.1328L8.26989 78.8877"
-        stroke="white"
-        stroke-width="2"
-      />
-      <path
-        d="M145.383 81.3359L62.1605 147.091"
+        d="M0.496094 16L512.496 16"
         stroke="white"
         stroke-width="2"
-      />
+       />
       <path
-        d="M80.2924 12.4021L25.3526 55.8107L88.8535 136.18L148.986 88.8385L80.2924 12.4021Z"
-        fill="url(#paint0_linear_2399_1180)"
-      />
-      <path
-        d="M445.016 3.13953C446.386 1.40616 448.901 1.11122 450.635 2.48078L537.198 70.8758C539.69 72.8442 539.005 76.7911 535.996 77.8049L487.542 94.1318C486.042 94.6373 484.981 95.9801 484.836 97.5566L480.161 148.473C479.87 151.634 476.189 153.214 473.698 151.245L387.134 82.8505C385.4 81.4809 385.105 78.9655 386.475 77.2321L445.016 3.13953Z"
-        fill="${mainColor}"
-      />
-      <path
-        d="M451.992 13.1338L535.214 78.8886"
+        d="M0.496094 154L512.496 154"
         stroke="white"
         stroke-width="2"
-      />
+       />
       <path
-        d="M398.102 81.3369L481.324 147.092"
-        stroke="white"
-        stroke-width="2"
-      />
-      <path
-        d="M463.192 12.4016L518.132 55.8102L454.631 136.18L394.499 88.8381L463.192 12.4016Z"
-        fill="url(#paint1_linear_2399_1180)"
-      />
-      <path
-        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
-        fill="${mainColor}"
-      />
-      <path
-        d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
-        fill="black"
+        d="M439.526 162.145H77.5977L93.9694 186.755H422.89L439.526 162.145Z"
+        fill="url(#paint1_linear_2399_1181)"
         fill-opacity="0.5"
-      />
-      <path
-        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
-        fill="${mainColor}"
-      />
-      <path
-        d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
-        fill="black"
-        fill-opacity="0.5"
-      />
+       />
       <defs>
         <linearGradient
-          id="paint0_linear_2399_1180"
-          x1="109.498"
-          y1="23.0014"
-          x2="50.3698"
-          y2="84.9932"
+          id="paintId0"
+          x1="0.496093"
+          y1="11.5"
+          x2="514.634"
+          y2="147.943"
           gradientUnits="userSpaceOnUse"
         >
-          <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
         <linearGradient
-          id="paint1_linear_2399_1180"
-          x1="433.986"
-          y1="23.001"
-          x2="493.115"
-          y2="84.9928"
+          id="paint1_linear_2399_1181"
+          x1="258.562"
+          y1="137.232"
+          x2="258.562"
+          y2="181.84"
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/dist/esm/templates/ribbons/RibbonType23_1.js

@@ -24,57 +24,93 @@ function createRibbonType23_1({ mainColor = "#96A6B4", subColor = "#96A6B4", })
       <path
         d="M98.4681 3.13996C97.0985 1.40658 94.5831 1.11165 92.8497 2.48121L6.28591 70.8762C3.79463 72.8446 4.4796 76.7915 7.48844 77.8054L55.942 94.1322C57.4422 94.6377 58.5032 95.9805 58.648 97.557L63.3238 148.473C63.6142 151.635 67.2956 153.214 69.7868 151.246L156.351 82.8509C158.084 81.4813 158.379 78.9659 157.009 77.2325L98.4681 3.13996Z"
         fill="${mainColor}"
-      />
-      <path
-        d="M91.4922 13.1328L8.26989 78.8877"
-        stroke="white"
-        stroke-width="2"
-      />
-      <path
-        d="M145.383 81.3359L62.1605 147.091"
-        stroke="white"
-        stroke-width="2"
-      />
+       />
+      <mask
+        id="mask0_2399_1180"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="4"
+        y="1"
+        width="154"
+        height="152"
+      >
+        <path
+          d="M98.4681 3.13856C97.0985 1.40518 94.5831 1.11025 92.8497 2.47981L6.28591 70.8748C3.79463 72.8432 4.4796 76.7901 7.48844 77.804L55.942 94.1308C57.4422 94.6363 58.5032 95.9791 58.648 97.5556L63.3238 148.472C63.6142 151.633 67.2956 153.213 69.7868 151.244L156.351 82.8495C158.084 81.4799 158.379 78.9645 157.009 77.2311L98.4681 3.13856Z"
+          fill="${mainColor}"
+         />
+      </mask>
+      <g
+        mask="url(#mask0_2399_1180)"
+      >
+        <path
+          d="M91.4922 13.1328L8.26989 78.8877"
+          stroke="white"
+          stroke-width="2"
+         />
+        <path
+          d="M145.383 81.3359L62.1605 147.091"
+          stroke="white"
+          stroke-width="2"
+         />
+      </g>
       <path
         d="M80.2924 12.4021L25.3526 55.8107L88.8535 136.18L148.986 88.8385L80.2924 12.4021Z"
         fill="url(#paint0_linear_2399_1180)"
-      />
+       />
       <path
         d="M445.016 3.13953C446.386 1.40616 448.901 1.11122 450.635 2.48078L537.198 70.8758C539.69 72.8442 539.005 76.7911 535.996 77.8049L487.542 94.1318C486.042 94.6373 484.981 95.9801 484.836 97.5566L480.161 148.473C479.87 151.634 476.189 153.214 473.698 151.245L387.134 82.8505C385.4 81.4809 385.105 78.9655 386.475 77.2321L445.016 3.13953Z"
         fill="${mainColor}"
-      />
-      <path
-        d="M451.992 13.1338L535.214 78.8886"
-        stroke="white"
-        stroke-width="2"
-      />
-      <path
-        d="M398.102 81.3369L481.324 147.092"
-        stroke="white"
-        stroke-width="2"
-      />
+       />
+      <mask
+        id="mask1_2399_1180"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="385"
+        y="1"
+        width="154"
+        height="152"
+      >
+        <path
+          d="M445.016 3.13953C446.386 1.40616 448.901 1.11122 450.635 2.48078L537.198 70.8758C539.69 72.8442 539.005 76.7911 535.996 77.8049L487.542 94.1318C486.042 94.6373 484.981 95.9801 484.836 97.5566L480.161 148.473C479.87 151.634 476.189 153.214 473.698 151.245L387.134 82.8505C385.4 81.4809 385.105 78.9655 386.475 77.2321L445.016 3.13953Z"
+          fill="${mainColor}"
+         />
+      </mask>
+      <g
+        mask="url(#mask1_2399_1180)"
+      >
+        <path
+          d="M451.992 13.1338L535.214 78.8886"
+          stroke="white"
+          stroke-width="2"
+         />
+        <path
+          d="M398.102 81.3369L481.324 147.092"
+          stroke="white"
+          stroke-width="2"
+         />
+      </g>
       <path
         d="M463.192 12.4016L518.132 55.8102L454.631 136.18L394.499 88.8381L463.192 12.4016Z"
         fill="url(#paint1_linear_2399_1180)"
-      />
+       />
       <path
         d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M115.996 41L16.9961 43.0199L132.496 101L115.996 41Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <path
         d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M426.996 41L525.996 43.0199L410.496 101L426.996 41Z"
         fill="black"
         fill-opacity="0.5"
-      />
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2399_1180"
@@ -85,7 +121,10 @@ function createRibbonType23_1({ mainColor = "#96A6B4", subColor = "#96A6B4", })
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2399_1180"
@@ -96,7 +135,10 @@ function createRibbonType23_1({ mainColor = "#96A6B4", subColor = "#96A6B4", })
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>