@blockspoon/cert-badge-renderer 1.0.51 → 1.0.53

package/src/templates/ribbons/RibbonType23_1.ts

@@ -26,57 +26,93 @@ export function createRibbonType23_1({
       <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"
@@ -87,7 +123,10 @@ export function createRibbonType23_1({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2399_1180"
@@ -98,7 +137,10 @@ export function createRibbonType23_1({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType24.ts

@@ -29,7 +29,7 @@ export function createRibbonType24({
         d="M50.4961 149H476.496C471.113 162.848 467.873 170.338 461.496 183H65.723C58.1698 169.968 55.1254 163.245 50.4961 149Z"
         fill="black"
         fill-opacity="0.3"
-      />
+       />
       <rect
         x="0.496094"
         y="6"
@@ -37,7 +37,7 @@ export function createRibbonType24({
         height="162"
         rx="10"
         fill="url(#${paintId0})"
-      />
+       />
       <rect
         x="0.496094"
         y="17.5234"
@@ -45,19 +45,37 @@ export function createRibbonType24({
         height="138.953"
         fill="white"
         fill-opacity="0.3"
-      />
-      <path
-        d="M-20.7969 23.9938C-16.1165 18.8998 -12.6654 17.5951 -5.38263 17.4417L501.746 17.4417C511.549 17.3086 516.173 18.7676 521.785 26.0101"
-        stroke="white"
-        stroke-width="2"
-        stroke-linecap="round"
-      />
-      <path
-        d="M-20.7969 150.811C-16.1165 155.905 -12.6654 157.21 -5.38263 157.363L501.746 157.363C511.549 157.496 516.173 156.037 521.785 148.795"
-        stroke="white"
-        stroke-width="2"
-        stroke-linecap="round"
-      />
+       />
+      <mask
+        id="mask0_2399_1182"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="6"
+        width="501"
+        height="162"
+      >
+        <path
+          d="M0.496094 20C0.496094 12.268 6.76411 6 14.4961 6H486.496C494.228 6 500.496 12.268 500.496 20V168H0.496094V20Z"
+          fill="white"
+         />
+      </mask>
+      <g
+        mask="url(#mask0_2399_1182)"
+      >
+        <path
+          d="M-20.7969 23.9938C-16.1165 18.8998 -12.6654 17.5951 -5.38263 17.4417L501.746 17.4417C511.549 17.3086 516.173 18.7676 521.785 26.0101"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+         />
+        <path
+          d="M-20.7969 150.811C-16.1165 155.905 -12.6654 157.21 -5.38263 157.363L501.746 157.363C511.549 157.496 516.173 156.037 521.785 148.795"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+         />
+      </g>
       <defs>
         <linearGradient
           id="${paintId0}"
@@ -67,8 +85,13 @@ export function createRibbonType24({
           y2="135.095"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="1" stop-color="${subColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${subColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType26.ts

@@ -28,87 +28,184 @@ export function createRibbonType26({
       <path
         d="M485 4C485 1.79086 486.791 0 489 0H540.59C543.279 0 545.202 2.60126 544.414 5.1727L529.647 53.3273C529.413 54.0915 529.413 54.9085 529.647 55.6727L544.414 103.827C545.202 106.399 543.279 109 540.59 109H489C486.791 109 485 107.209 485 105V4Z"
         fill="${subColor}"
-      />
-      <path d="M490.848 8L544.01 8.00001" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M490.848 8L544.01 8.00001"
+        stroke="white"
+        stroke-width="3"
+       />
       <path
         d="M490.848 100.5L544.01 100.5"
         stroke="white"
         stroke-width="3"
-      />
+       />
       <rect
         x="485"
         width="45"
         height="109"
         fill="url(#paint0_linear_2399_1191)"
-      />
+       />
       <path
-              d="M62 4C62 1.79086 60.2091 0 58 0H6.41035C3.72086 0 1.79807 2.60126 2.58621 5.1727L17.3527 53.3273C17.5871 54.0915 17.5871 54.9085 17.3527 55.6727L2.58621 103.827C1.79807 106.399 3.72086 109 6.41035 109H58C60.2091 109 62 107.209 62 105V4Z"
+        d="M62 4C62 1.79086 60.2091 0 58 0H5.43648C2.73918 0 0.815063 2.61511 1.61767 5.19023L16.6153 53.3098C16.8569 54.0849 16.8569 54.9151 16.6153 55.6902L1.61767 103.81C0.815063 106.385 2.73918 109 5.43648 109H58C60.2091 109 62 107.209 62 105V4Z"
         fill="${subColor}"
-      />
-      <path d="M2.99023 8L56.1523 8.00001" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M1.69922 8L55.7336 8.00001"
+        stroke="white"
+        stroke-width="3"
+       />
       <path
-        d="M2.99023 100.5L56.1523 100.5"
+        d="M1.69922 100.5L55.7336 100.5"
         stroke="white"
         stroke-width="3"
-      />
+       />
       <rect
-        width="45"
+        width="46"
         height="109"
         transform="matrix(-1 0 0 1 62 0)"
         fill="url(#paint1_linear_2399_1191)"
-      />
-      <rect x="62" y="4" width="423" height="105" rx="4" fill="${mainColor}" />
+       />
       <rect
         x="62"
-        y="14"
+        y="142"
         width="423"
-        height="85"
-        fill="white"
-        fill-opacity="0.3"
-      />
-      <path d="M62 14L485 14" stroke="white" stroke-width="3" />
-      <path d="M62 99L485 99" stroke="white" stroke-width="3" />
+        height="24"
+        fill="url(#paint2_linear_2399_1191)"
+        fill-opacity="0.4"
+       />
       <rect
-        x="62"
-        y="109"
+        x="485"
+        y="26"
         width="423"
-        height="57"
+        height="24"
+        transform="rotate(180 485 26)"
+        fill="url(#paint3_linear_2399_1191)"
+        fill-opacity="0.2"
+       />
+      <rect
+        x="32"
+        y="24"
+        width="479"
+        height="126"
+        rx="4"
         fill="url(#${paintId4})"
+       />
+      <rect
+        x="32"
+        y="32"
+        width="479"
+        height="110"
+        fill="white"
+        fill-opacity="0.3"
+       />
+      <path
+        d="M485 24V0L508 24H485Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M485 24V0L508 24H485Z"
+        fill="black"
+        fill-opacity="0.4"
+       />
+      <path
+        d="M62 24V0L36 24H62Z"
+        fill="${mainColor}"
+       />
+      <path
+        d="M62 24V0L36 24H62Z"
+        fill="black"
         fill-opacity="0.4"
-      />
+       />
+      <path
+        d="M32 32L511 32"
+        stroke="white"
+        stroke-width="3"
+       />
+      <path
+        d="M32 142L511 142"
+        stroke="white"
+        stroke-width="3"
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2399_1191"
-          x1="530"
-          y1="0"
-          x2="485"
-          y2="0"
+          x1="443.041"
+          y1="48"
+          x2="518.496"
+          y2="31.2483"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2399_1191"
-          x1="45"
-          y1="0"
-          x2="0"
-          y2="0"
+          x1="-42.8919"
+          y1="48"
+          x2="34.0781"
+          y2="30.5323"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-opacity="0.4" />
-          <stop offset="1" stop-opacity="0" />
+          <stop />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
-          id="${paintId4}"
-          x1="273.5"
-          y1="109"
-          x2="273.5"
+          id="paint2_linear_2399_1191"
+          x1="279.308"
+          y1="148"
+          x2="279.308"
           y2="166"
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_2399_1191"
+          x1="702.308"
+          y1="32"
+          x2="702.308"
+          y2="50"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
+        </linearGradient>
+        <linearGradient
+          id="${paintId4}"
+          x1="32"
+          y1="87"
+          x2="511"
+          y2="87"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.215"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="0.75"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>

package/src/templates/ribbons/RibbonType27.ts

@@ -29,33 +29,33 @@ export function createRibbonType27({
       <path
         d="M13.7383 125.824C1.82189 115.651 -1.7368 111.495 0.746487 101.342C9.71646 93.4275 14.9489 91.4801 33.2383 92.3237L13.7383 125.824Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M13.7383 125.824C1.82189 115.651 -1.7368 111.495 0.746487 101.342C9.71646 93.4275 14.9489 91.4801 33.2383 92.3237L13.7383 125.824Z"
         fill="black"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M511.255 126.005C523.171 115.832 527.222 111.476 524.738 101.324C515.768 93.4087 510.044 91.6616 491.755 92.5052L511.255 126.005Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M511.255 126.005C523.171 115.832 527.222 111.476 524.738 101.324C515.768 93.4087 510.044 91.6616 491.755 92.5052L511.255 126.005Z"
         fill="black"
         fill-opacity="0.4"
-      />
+       />
       <path
         d="M500.288 106.349H25.0273L34.2383 90.3219C213.163 79.4565 311.807 79.0329 490.738 90.322L500.288 106.349Z"
         fill="url(#paint0_linear_2490_282)"
-      />
+       />
       <path
         d="M438.506 1.90735e-06H86.9707L78.3242 14.8589L447.313 14.8572L438.506 1.90735e-06Z"
         fill="url(#paint1_linear_2490_282)"
-      />
+       />
       <path
         d="M494.267 94.5083C497.126 94.6928 516.252 96.0864 524.738 101.324L521.226 95.8701C521.226 95.8701 521.233 95.8701 521.239 95.8701C516.686 88.8001 512.132 81.7364 507.579 74.6664L507.546 74.6155C498.303 60.2782 489.067 45.9345 479.824 31.5972C473.796 22.2426 463.674 16.1844 452.452 15.249C394.893 10.4317 332.606 7.42803 266.153 7.32621C197.094 7.22439 132.505 10.2662 73.0119 15.2426C61.8028 16.178 51.6869 22.2362 45.6651 31.5908C36.4223 45.9345 27.1795 60.2782 17.9367 74.6218L6.99932 91.6001C6.08086 93.0255 5.16241 94.4446 4.25041 95.8701L0.738281 101.324C9.21785 96.0928 28.3114 94.6928 31.2026 94.5083C104.712 90.9955 181.532 88.9973 261.432 88.9782C342.275 88.9591 419.969 90.9573 494.274 94.5083H494.267Z"
         fill="url(#${paintId2})"
-      />
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2490_282"
@@ -65,8 +65,13 @@ export function createRibbonType27({
           y2="106.347"
           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="paint1_linear_2490_282"
@@ -76,8 +81,13 @@ export function createRibbonType27({
           y2="0.00165832"
           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="${paintId2}"
@@ -87,9 +97,17 @@ export function createRibbonType27({
           y2="108.977"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="${mainColor}" />
-          <stop offset="0.673474" stop-color="${subColor}" />
-          <stop offset="1" stop-color="${mainColor}" />
+          <stop
+            stop-color="${mainColor}"
+           />
+          <stop
+            offset="0.673474"
+            stop-color="${subColor}"
+           />
+          <stop
+            offset="1"
+            stop-color="${mainColor}"
+           />
         </linearGradient>
       </defs>
     </svg>