@blockspoon/cert-badge-renderer 1.0.50 → 1.0.52

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>

package/src/templates/ribbons/RibbonType34.ts

@@ -28,38 +28,38 @@ export function createRibbonType34({
       <path
         d="M485 4.20313C485 1.99399 486.791 0.203125 489 0.203125H540.59C543.279 0.203125 545.202 2.80438 544.414 5.37582L529.647 53.5304C529.413 54.2947 529.413 55.1116 529.647 55.8758L544.414 104.03C545.202 106.602 543.279 109.203 540.59 109.203H489C486.791 109.203 485 107.412 485 105.203V4.20313Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M485 4.20313C485 1.99399 486.791 0.203125 489 0.203125H540.59C543.279 0.203125 545.202 2.80438 544.414 5.37582L529.647 53.5304C529.413 54.2947 529.413 55.1116 529.647 55.8758L544.414 104.03C545.202 106.602 543.279 109.203 540.59 109.203H489C486.791 109.203 485 107.412 485 105.203V4.20313Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <rect
         x="485"
         width="46"
         height="109"
         fill="url(#paint0_linear_2407_190)"
-      />
+       />
       <path
         d="M62 4.20313C62 1.99399 60.2091 0.203125 58 0.203125H5.43648C2.73918 0.203125 0.815063 2.81823 1.61767 5.39335L16.6153 53.5129C16.8569 54.288 16.8569 55.1183 16.6153 55.8934L1.61767 104.013C0.815063 106.588 2.73918 109.203 5.43648 109.203H58C60.2091 109.203 62 107.412 62 105.203V4.20313Z"
         fill="${mainColor}"
-      />
+       />
       <path
         d="M62 4.20313C62 1.99399 60.2091 0.203125 58 0.203125H5.43648C2.73918 0.203125 0.815063 2.81823 1.61767 5.39335L16.6153 53.5129C16.8569 54.288 16.8569 55.1183 16.6153 55.8934L1.61767 104.013C0.815063 106.588 2.73918 109.203 5.43648 109.203H58C60.2091 109.203 62 107.412 62 105.203V4.20313Z"
         fill="black"
         fill-opacity="0.2"
-      />
+       />
       <rect
         width="48"
         height="109"
         transform="matrix(-1 0 0 1 62 0)"
         fill="url(#paint1_linear_2407_190)"
-      />
+       />
       <path
         d="M63.3829 173H482.255C478.396 183.094 474.898 188.471 466.279 197H79.9829C71.6664 189.461 68.3305 184.142 63.3829 173Z"
         fill="url(#paint2_linear_2407_190)"
         fill-opacity="0.4"
-      />
+       />
       <rect
         x="485"
         y="24.2031"
@@ -68,7 +68,7 @@ export function createRibbonType34({
         transform="rotate(180 485 24.2031)"
         fill="url(#paint3_linear_2407_190)"
         fill-opacity="0.3"
-      />
+       />
       <rect
         x="33"
         y="24.2031"
@@ -76,7 +76,7 @@ export function createRibbonType34({
         height="148.797"
         rx="4"
         fill="url(#${paintId4})"
-      />
+       />
       <rect
         x="33"
         y="34"
@@ -84,21 +84,35 @@ export function createRibbonType34({
         height="129"
         fill="white"
         fill-opacity="0.3"
-      />
-      <path d="M485 24.2031V0.203125L508 24.2031H485Z" fill="${mainColor}" />
+       />
+      <path
+        d="M485 24.2031V0.203125L508 24.2031H485Z"
+        fill="${mainColor}"
+       />
       <path
         d="M485 24.2031V0.203125L508 24.2031H485Z"
         fill="black"
         fill-opacity="0.6"
-      />
-      <path d="M62 24.2031V0.203125L35 24.2031H62Z" fill="${mainColor}" />
+       />
+      <path
+        d="M62 24.2031V0.203125L35 24.2031H62Z"
+        fill="${mainColor}"
+       />
       <path
         d="M62 24.2031V0.203125L35 24.2031H62Z"
         fill="black"
         fill-opacity="0.6"
-      />
-      <path d="M33 34.2031L513 34.2031" stroke="white" stroke-width="3" />
-      <path d="M33 163L513 163" stroke="white" stroke-width="3" />
+       />
+      <path
+        d="M33 34.2031L513 34.2031"
+        stroke="white"
+        stroke-width="3"
+       />
+      <path
+        d="M33 163L513 163"
+        stroke="white"
+        stroke-width="3"
+       />
       <defs>
         <linearGradient
           id="paint0_linear_2407_190"
@@ -109,7 +123,10 @@ export function createRibbonType34({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint1_linear_2407_190"
@@ -120,7 +137,10 @@ export function createRibbonType34({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint2_linear_2407_190"
@@ -131,7 +151,10 @@ export function createRibbonType34({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="paint3_linear_2407_190"
@@ -142,7 +165,10 @@ export function createRibbonType34({
           gradientUnits="userSpaceOnUse"
         >
           <stop />
-          <stop offset="1" stop-opacity="0" />
+          <stop
+            offset="1"
+            stop-opacity="0"
+           />
         </linearGradient>
         <linearGradient
           id="${paintId4}"
@@ -152,10 +178,21 @@ export function createRibbonType34({
           y2="98.6016"
           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}" />
+          <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>