@blockspoon/cert-badge-renderer 1.0.41 → 1.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -104,14 +104,14 @@ function createNewCertificateType31({ mainColor = "#96A6B4", subColor = "#96A6B4
104
104
  transform="rotate(90 1110 753.5)"
105
105
  fill="${mainColor}"
106
106
  />
107
- <rect x="56" y="74.4995" width="32" height="88" fill="#D0D0D2" />
108
- <rect x="1078" y="665.5" width="32" height="88" fill="#D0D0D2" />
109
- <rect x="41" y="541.5" width="20" height="231" fill="#31384B" />
110
- <rect x="41" y="42.4995" width="15" height="82" fill="#31384B" />
111
- <rect x="1078" y="100.5" width="12" height="159" fill="#D0D0D2" />
112
- <rect x="1090" y="242.5" width="12" height="159" fill="#31384B" />
113
- <rect x="943" y="58.4995" width="12" height="54" fill="#31384B" />
114
- <rect x="955" y="85.4995" width="12" height="78" fill="#D0D0D2" />
107
+ <rect x="56" y="74.4995" width="32" height="88" fill="${extraColor1}" />
108
+ <rect x="1078" y="665.5" width="32" height="88" fill="${extraColor1}" />
109
+ <rect x="41" y="541.5" width="20" height="231" fill="${subColor}" />
110
+ <rect x="41" y="42.4995" width="15" height="82" fill="${subColor}" />
111
+ <rect x="1078" y="100.5" width="12" height="159" fill="${extraColor1}" />
112
+ <rect x="1090" y="242.5" width="12" height="159" fill="${subColor}" />
113
+ <rect x="943" y="58.4995" width="12" height="54" fill="${subColor}" />
114
+ <rect x="955" y="85.4995" width="12" height="78" fill="${extraColor1}" />
115
115
  <rect
116
116
  x="156"
117
117
  y="66.4995"
@@ -35,7 +35,7 @@ function createRibbonType93({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
35
35
  d="M433.383 102C298.847 68.2318 163.214 68.2318 28.6776 102C19.1285 77.7038 9.57938 53.3724 0.0302734 29.0762C153.064 -9.69207 308.997 -9.69207 462.03 29.0762C452.481 53.3724 442.932 77.7038 433.383 102Z"
36
36
  fill="url(#${paintId0})"
37
37
  />
38
- <g clipPath="url(#clip0_3999_156)">
38
+ <g clip-path="url(#clip0_3999_156)">
39
39
  <path
40
40
  d="M104.01 37.8415C103.162 37.0902 102.217 36.6002 101.109 36.3389C100.001 36.0775 98.8275 36.0775 97.589 36.3389C95.8941 36.6982 94.4926 37.4495 93.4171 38.5602C92.3415 39.6709 91.6245 41.1082 91.2659 42.8722C90.9074 44.6362 90.9726 46.6289 91.4615 48.8829C91.9504 51.2022 92.7326 53.0642 93.7756 54.5342C94.8186 56.0042 96.0571 56.9842 97.4912 57.5395C98.9253 58.0949 100.49 58.1929 102.152 57.8335C103.391 57.5722 104.466 57.1149 105.346 56.4615C106.259 55.8082 106.943 54.9915 107.432 54.0115C107.921 53.0315 108.149 51.9535 108.117 50.7449L114.961 49.3075C115.124 51.4309 114.798 53.4889 113.983 55.5142C113.168 57.5069 111.832 59.2709 110.007 60.7735C108.182 62.2762 105.965 63.2889 103.293 63.8769C100.359 64.4975 97.6216 64.3995 95.0467 63.5502C92.4719 62.7009 90.2881 61.1655 88.4303 58.9115C86.6051 56.6575 85.3014 53.8155 84.5843 50.3529C83.8673 46.8902 83.8673 43.7542 84.6495 40.9449C85.4318 38.1355 86.8007 35.8162 88.8214 34.0195C90.8422 32.1902 93.2867 30.9815 96.1875 30.3609C98.6972 29.8382 101.076 29.8055 103.26 30.3282C105.477 30.8182 107.4 31.8309 109.062 33.3335C110.724 34.8362 111.963 36.7962 112.777 39.1809L105.933 40.6509C105.509 39.5075 104.857 38.5602 104.042 37.8089L104.01 37.8415Z"
41
41
  fill="#101113"
@@ -90,10 +90,10 @@ function createRibbonType93({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
90
90
  y2="51.0132"
91
91
  gradientUnits="userSpaceOnUse"
92
92
  >
93
- <stop stop-color={mainColor} />
94
- <stop offset="0.06" stop-color={mainColor} />
95
- <stop offset="0.58" stop-color={subColor} />
96
- <stop offset="1" stop-color={mainColor} />
93
+ <stop stop-color="${mainColor}" />
94
+ <stop offset="0.06" stop-color="${mainColor}" />
95
+ <stop offset="0.58" stop-color="${subColor}" />
96
+ <stop offset="1" stop-color="${mainColor}" />
97
97
  </linearGradient>
98
98
  <clipPath id="clip0_3999_156">
99
99
  <rect
@@ -104,14 +104,14 @@ function createNewCertificateType31({ mainColor = "#96A6B4", subColor = "#96A6B4
104
104
  transform="rotate(90 1110 753.5)"
105
105
  fill="${mainColor}"
106
106
  />
107
- <rect x="56" y="74.4995" width="32" height="88" fill="#D0D0D2" />
108
- <rect x="1078" y="665.5" width="32" height="88" fill="#D0D0D2" />
109
- <rect x="41" y="541.5" width="20" height="231" fill="#31384B" />
110
- <rect x="41" y="42.4995" width="15" height="82" fill="#31384B" />
111
- <rect x="1078" y="100.5" width="12" height="159" fill="#D0D0D2" />
112
- <rect x="1090" y="242.5" width="12" height="159" fill="#31384B" />
113
- <rect x="943" y="58.4995" width="12" height="54" fill="#31384B" />
114
- <rect x="955" y="85.4995" width="12" height="78" fill="#D0D0D2" />
107
+ <rect x="56" y="74.4995" width="32" height="88" fill="${extraColor1}" />
108
+ <rect x="1078" y="665.5" width="32" height="88" fill="${extraColor1}" />
109
+ <rect x="41" y="541.5" width="20" height="231" fill="${subColor}" />
110
+ <rect x="41" y="42.4995" width="15" height="82" fill="${subColor}" />
111
+ <rect x="1078" y="100.5" width="12" height="159" fill="${extraColor1}" />
112
+ <rect x="1090" y="242.5" width="12" height="159" fill="${subColor}" />
113
+ <rect x="943" y="58.4995" width="12" height="54" fill="${subColor}" />
114
+ <rect x="955" y="85.4995" width="12" height="78" fill="${extraColor1}" />
115
115
  <rect
116
116
  x="156"
117
117
  y="66.4995"
@@ -35,7 +35,7 @@ function createRibbonType93({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
35
35
  d="M433.383 102C298.847 68.2318 163.214 68.2318 28.6776 102C19.1285 77.7038 9.57938 53.3724 0.0302734 29.0762C153.064 -9.69207 308.997 -9.69207 462.03 29.0762C452.481 53.3724 442.932 77.7038 433.383 102Z"
36
36
  fill="url(#${paintId0})"
37
37
  />
38
- <g clipPath="url(#clip0_3999_156)">
38
+ <g clip-path="url(#clip0_3999_156)">
39
39
  <path
40
40
  d="M104.01 37.8415C103.162 37.0902 102.217 36.6002 101.109 36.3389C100.001 36.0775 98.8275 36.0775 97.589 36.3389C95.8941 36.6982 94.4926 37.4495 93.4171 38.5602C92.3415 39.6709 91.6245 41.1082 91.2659 42.8722C90.9074 44.6362 90.9726 46.6289 91.4615 48.8829C91.9504 51.2022 92.7326 53.0642 93.7756 54.5342C94.8186 56.0042 96.0571 56.9842 97.4912 57.5395C98.9253 58.0949 100.49 58.1929 102.152 57.8335C103.391 57.5722 104.466 57.1149 105.346 56.4615C106.259 55.8082 106.943 54.9915 107.432 54.0115C107.921 53.0315 108.149 51.9535 108.117 50.7449L114.961 49.3075C115.124 51.4309 114.798 53.4889 113.983 55.5142C113.168 57.5069 111.832 59.2709 110.007 60.7735C108.182 62.2762 105.965 63.2889 103.293 63.8769C100.359 64.4975 97.6216 64.3995 95.0467 63.5502C92.4719 62.7009 90.2881 61.1655 88.4303 58.9115C86.6051 56.6575 85.3014 53.8155 84.5843 50.3529C83.8673 46.8902 83.8673 43.7542 84.6495 40.9449C85.4318 38.1355 86.8007 35.8162 88.8214 34.0195C90.8422 32.1902 93.2867 30.9815 96.1875 30.3609C98.6972 29.8382 101.076 29.8055 103.26 30.3282C105.477 30.8182 107.4 31.8309 109.062 33.3335C110.724 34.8362 111.963 36.7962 112.777 39.1809L105.933 40.6509C105.509 39.5075 104.857 38.5602 104.042 37.8089L104.01 37.8415Z"
41
41
  fill="#101113"
@@ -90,10 +90,10 @@ function createRibbonType93({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
90
90
  y2="51.0132"
91
91
  gradientUnits="userSpaceOnUse"
92
92
  >
93
- <stop stop-color={mainColor} />
94
- <stop offset="0.06" stop-color={mainColor} />
95
- <stop offset="0.58" stop-color={subColor} />
96
- <stop offset="1" stop-color={mainColor} />
93
+ <stop stop-color="${mainColor}" />
94
+ <stop offset="0.06" stop-color="${mainColor}" />
95
+ <stop offset="0.58" stop-color="${subColor}" />
96
+ <stop offset="1" stop-color="${mainColor}" />
97
97
  </linearGradient>
98
98
  <clipPath id="clip0_3999_156">
99
99
  <rect
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockspoon/cert-badge-renderer",
3
- "version": "1.0.41",
3
+ "version": "1.0.42",
4
4
  "description": "Render certificate and badge designs from Kolleges achievement data into HTML, PNG, or Base64.",
5
5
  "main": "./dist/esm/index.js",
6
6
  "exports": {
@@ -109,14 +109,14 @@ export function createNewCertificateType31({
109
109
  transform="rotate(90 1110 753.5)"
110
110
  fill="${mainColor}"
111
111
  />
112
- <rect x="56" y="74.4995" width="32" height="88" fill="#D0D0D2" />
113
- <rect x="1078" y="665.5" width="32" height="88" fill="#D0D0D2" />
114
- <rect x="41" y="541.5" width="20" height="231" fill="#31384B" />
115
- <rect x="41" y="42.4995" width="15" height="82" fill="#31384B" />
116
- <rect x="1078" y="100.5" width="12" height="159" fill="#D0D0D2" />
117
- <rect x="1090" y="242.5" width="12" height="159" fill="#31384B" />
118
- <rect x="943" y="58.4995" width="12" height="54" fill="#31384B" />
119
- <rect x="955" y="85.4995" width="12" height="78" fill="#D0D0D2" />
112
+ <rect x="56" y="74.4995" width="32" height="88" fill="${extraColor1}" />
113
+ <rect x="1078" y="665.5" width="32" height="88" fill="${extraColor1}" />
114
+ <rect x="41" y="541.5" width="20" height="231" fill="${subColor}" />
115
+ <rect x="41" y="42.4995" width="15" height="82" fill="${subColor}" />
116
+ <rect x="1078" y="100.5" width="12" height="159" fill="${extraColor1}" />
117
+ <rect x="1090" y="242.5" width="12" height="159" fill="${subColor}" />
118
+ <rect x="943" y="58.4995" width="12" height="54" fill="${subColor}" />
119
+ <rect x="955" y="85.4995" width="12" height="78" fill="${extraColor1}" />
120
120
  <rect
121
121
  x="156"
122
122
  y="66.4995"
@@ -38,7 +38,7 @@ export function createRibbonType93({
38
38
  d="M433.383 102C298.847 68.2318 163.214 68.2318 28.6776 102C19.1285 77.7038 9.57938 53.3724 0.0302734 29.0762C153.064 -9.69207 308.997 -9.69207 462.03 29.0762C452.481 53.3724 442.932 77.7038 433.383 102Z"
39
39
  fill="url(#${paintId0})"
40
40
  />
41
- <g clipPath="url(#clip0_3999_156)">
41
+ <g clip-path="url(#clip0_3999_156)">
42
42
  <path
43
43
  d="M104.01 37.8415C103.162 37.0902 102.217 36.6002 101.109 36.3389C100.001 36.0775 98.8275 36.0775 97.589 36.3389C95.8941 36.6982 94.4926 37.4495 93.4171 38.5602C92.3415 39.6709 91.6245 41.1082 91.2659 42.8722C90.9074 44.6362 90.9726 46.6289 91.4615 48.8829C91.9504 51.2022 92.7326 53.0642 93.7756 54.5342C94.8186 56.0042 96.0571 56.9842 97.4912 57.5395C98.9253 58.0949 100.49 58.1929 102.152 57.8335C103.391 57.5722 104.466 57.1149 105.346 56.4615C106.259 55.8082 106.943 54.9915 107.432 54.0115C107.921 53.0315 108.149 51.9535 108.117 50.7449L114.961 49.3075C115.124 51.4309 114.798 53.4889 113.983 55.5142C113.168 57.5069 111.832 59.2709 110.007 60.7735C108.182 62.2762 105.965 63.2889 103.293 63.8769C100.359 64.4975 97.6216 64.3995 95.0467 63.5502C92.4719 62.7009 90.2881 61.1655 88.4303 58.9115C86.6051 56.6575 85.3014 53.8155 84.5843 50.3529C83.8673 46.8902 83.8673 43.7542 84.6495 40.9449C85.4318 38.1355 86.8007 35.8162 88.8214 34.0195C90.8422 32.1902 93.2867 30.9815 96.1875 30.3609C98.6972 29.8382 101.076 29.8055 103.26 30.3282C105.477 30.8182 107.4 31.8309 109.062 33.3335C110.724 34.8362 111.963 36.7962 112.777 39.1809L105.933 40.6509C105.509 39.5075 104.857 38.5602 104.042 37.8089L104.01 37.8415Z"
44
44
  fill="#101113"
@@ -93,10 +93,10 @@ export function createRibbonType93({
93
93
  y2="51.0132"
94
94
  gradientUnits="userSpaceOnUse"
95
95
  >
96
- <stop stop-color={mainColor} />
97
- <stop offset="0.06" stop-color={mainColor} />
98
- <stop offset="0.58" stop-color={subColor} />
99
- <stop offset="1" stop-color={mainColor} />
96
+ <stop stop-color="${mainColor}" />
97
+ <stop offset="0.06" stop-color="${mainColor}" />
98
+ <stop offset="0.58" stop-color="${subColor}" />
99
+ <stop offset="1" stop-color="${mainColor}" />
100
100
  </linearGradient>
101
101
  <clipPath id="clip0_3999_156">
102
102
  <rect