Skip to content

Commit

Permalink
Update lab certification thumbnail
Browse files Browse the repository at this point in the history
  • Loading branch information
@MangoSwirl
MangoSwirl committed Jan 9, 2024
1 parent 641780a commit 8779deb
Showing 1 changed file with 31 additions and 212 deletions.
243 changes: 31 additions & 212 deletions src/lib/assets/images/tool-thumbnails/LabCertificationThumbnail.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,214 +1,37 @@
<svg width="234" height="147" viewBox="0 0 234 147" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_301_322)">
<mask
id="mask0_301_322"
style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="234"
height="147"
>
<path d="M234 0H0V147H234V0Z" fill="white" />
</mask>
<g mask="url(#mask0_301_322)">
<path d="M234 0H0V147H234V0Z" class="light-gray" />
<mask
id="mask1_301_322"
style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="17"
y="-25"
width="42"
height="42"
>
<path
d="M58.0103 -3.61475C58.0103 -14.9275 48.8298 -24.0984 37.5052 -24.0984C26.1805 -24.0984 17 -14.9275 17 -3.61475C17 7.69803 26.1805 16.8689 37.5052 16.8689C48.8298 16.8689 58.0103 7.69803 58.0103 -3.61475Z"
fill="white"
/>
</mask>
<g mask="url(#mask1_301_322)">
<path
d="M37.5052 16.8689C48.8298 16.8689 58.0103 7.69803 58.0103 -3.61475C58.0103 -14.9275 48.8298 -24.0984 37.5052 -24.0984C26.1805 -24.0984 17 -14.9275 17 -3.61475C17 7.69803 26.1805 16.8689 37.5052 16.8689Z"
class="light-gray-hover"
/>
<path
d="M37.5052 34.9426C46.8314 34.9426 54.3918 27.3902 54.3918 18.0738C54.3918 8.75737 46.8314 1.20493 37.5052 1.20493C28.1789 1.20493 20.6186 8.75737 20.6186 18.0738C20.6186 27.3902 28.1789 34.9426 37.5052 34.9426Z"
class="light-gray"
/>
</g>
<path
d="M57.701 -3.61476C57.701 -14.7593 48.6575 -23.791 37.5051 -23.791C26.3528 -23.791 17.3093 -14.7593 17.3093 -3.61476C17.3093 7.52975 26.3528 16.5615 37.5051 16.5615C48.6575 16.5615 57.701 7.52975 57.701 -3.61476Z"
stroke="#B4B4B4"
class="stroke-light-gray-hover"
stroke-width="3"
/>
<path
d="M94.268 -1.20493H71.3505C70.0182 -1.20493 68.9381 -0.126005 68.9381 1.20491C68.9381 2.53583 70.0182 3.61475 71.3505 3.61475H94.268C95.6004 3.61475 96.6804 2.53583 96.6804 1.20491C96.6804 -0.126005 95.6004 -1.20493 94.268 -1.20493Z"
class="light-gray-hover"
/>
<path
d="M115.979 -1.20493H103.917C102.585 -1.20493 101.505 -0.126005 101.505 1.20491C101.505 2.53583 102.585 3.61475 103.917 3.61475H115.979C117.312 3.61475 118.392 2.53583 118.392 1.20491C118.392 -0.126005 117.312 -1.20493 115.979 -1.20493Z"
class="light-gray-hover"
/>
<path
d="M172.67 -1.20493H125.629C124.297 -1.20493 123.216 -0.126005 123.216 1.20491C123.216 2.53583 124.297 3.61475 125.629 3.61475H172.67C174.002 3.61475 175.082 2.53583 175.082 1.20491C175.082 -0.126005 174.002 -1.20493 172.67 -1.20493Z"
class="light-gray-hover"
/>
<mask
id="mask2_301_322"
style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="17"
y="24"
width="42"
height="42"
>
<path
d="M58.0103 44.582C58.0103 33.2692 48.8298 24.0984 37.5052 24.0984C26.1805 24.0984 17 33.2692 17 44.582C17 55.8947 26.1805 65.0656 37.5052 65.0656C48.8298 65.0656 58.0103 55.8947 58.0103 44.582Z"
fill="white"
/>
</mask>
<g mask="url(#mask2_301_322)">
<path
d="M37.5052 65.0656C48.8298 65.0656 58.0103 55.8947 58.0103 44.582C58.0103 33.2692 48.8298 24.0984 37.5052 24.0984C26.1805 24.0984 17 33.2692 17 44.582C17 55.8947 26.1805 65.0656 37.5052 65.0656Z"
class="light-gray-hover"
/>
<path
d="M37.5052 83.1393C46.8314 83.1393 54.3918 75.5869 54.3918 66.2705C54.3918 56.9541 46.8314 49.4016 37.5052 49.4016C28.1789 49.4016 20.6186 56.9541 20.6186 66.2705C20.6186 75.5869 28.1789 83.1393 37.5052 83.1393Z"
class="light-gray"
/>
<path
d="M37.5051 45.7869C41.5021 45.7869 44.7423 42.5501 44.7423 38.5574C44.7423 34.5646 41.5021 31.3279 37.5051 31.3279C33.5082 31.3279 30.268 34.5646 30.268 38.5574C30.268 42.5501 33.5082 45.7869 37.5051 45.7869Z"
class="light-gray"
/>
</g>
<path
d="M57.701 44.582C57.701 33.4375 48.6575 24.4057 37.5051 24.4057C26.3528 24.4057 17.3093 33.4375 17.3093 44.582C17.3093 55.7265 26.3528 64.7582 37.5051 64.7582C48.6575 64.7582 57.701 55.7265 57.701 44.582Z"
stroke="#B4B4B4"
class="stroke-light-gray-hover"
stroke-width="3"
/>
<path
d="M154.577 38.5574H71.3505C70.0182 38.5574 68.9381 39.6363 68.9381 40.9672C68.9381 42.2981 70.0182 43.377 71.3505 43.377H154.577C155.91 43.377 156.99 42.2981 156.99 40.9672C156.99 39.6363 155.91 38.5574 154.577 38.5574Z"
class="light-gray-hover"
/>
<path
d="M94.268 46.9918H71.3505C70.0182 46.9918 68.9381 48.0707 68.9381 49.4017C68.9381 50.7326 70.0182 51.8115 71.3505 51.8115H94.268C95.6004 51.8115 96.6804 50.7326 96.6804 49.4017C96.6804 48.0707 95.6004 46.9918 94.268 46.9918Z"
class="light-gray-hover"
/>
<path
d="M115.979 46.9918H103.917C102.585 46.9918 101.505 48.0707 101.505 49.4017C101.505 50.7326 102.585 51.8115 103.917 51.8115H115.979C117.312 51.8115 118.392 50.7326 118.392 49.4017C118.392 48.0707 117.312 46.9918 115.979 46.9918Z"
class="light-gray-hover"
/>
<path
d="M172.67 46.9918H125.629C124.297 46.9918 123.216 48.0707 123.216 49.4017C123.216 50.7326 124.297 51.8115 125.629 51.8115H172.67C174.002 51.8115 175.082 50.7326 175.082 49.4017C175.082 48.0707 174.002 46.9918 172.67 46.9918Z"
class="light-gray-hover"
/>
<mask
id="mask3_301_322"
style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="17"
y="72"
width="42"
height="42"
>
<path
d="M58.0103 92.7787C58.0103 81.4659 48.8298 72.2951 37.5052 72.2951C26.1805 72.2951 17 81.4659 17 92.7787C17 104.091 26.1805 113.262 37.5052 113.262C48.8298 113.262 58.0103 104.091 58.0103 92.7787Z"
fill="white"
/>
</mask>
<g mask="url(#mask3_301_322)">
<path
d="M37.5052 113.262C48.8298 113.262 58.0103 104.091 58.0103 92.7787C58.0103 81.4659 48.8298 72.2951 37.5052 72.2951C26.1805 72.2951 17 81.4659 17 92.7787C17 104.091 26.1805 113.262 37.5052 113.262Z"
class="light-gray-hover"
/>
<path
d="M37.5052 131.336C46.8314 131.336 54.3918 123.784 54.3918 114.467C54.3918 105.151 46.8314 97.5984 37.5052 97.5984C28.1789 97.5984 20.6186 105.151 20.6186 114.467C20.6186 123.784 28.1789 131.336 37.5052 131.336Z"
class="light-gray"
/>
<path
d="M37.5051 93.9836C41.5021 93.9836 44.7423 90.7469 44.7423 86.7541C44.7423 82.7614 41.5021 79.5246 37.5051 79.5246C33.5082 79.5246 30.268 82.7614 30.268 86.7541C30.268 90.7469 33.5082 93.9836 37.5051 93.9836Z"
class="light-gray"
/>
</g>
<path
d="M57.701 92.7787C57.701 81.6342 48.6575 72.6025 37.5051 72.6025C26.3528 72.6025 17.3093 81.6342 17.3093 92.7787C17.3093 103.923 26.3528 112.955 37.5051 112.955C48.6575 112.955 57.701 103.923 57.701 92.7787Z"
stroke="#B4B4B4"
class="stroke-light-gray-hover"
stroke-width="3"
/>
<path
d="M131.66 86.7541H71.3505C70.0182 86.7541 68.9381 87.833 68.9381 89.1639C68.9381 90.4948 70.0182 91.5738 71.3505 91.5738H131.66C132.992 91.5738 134.072 90.4948 134.072 89.1639C134.072 87.833 132.992 86.7541 131.66 86.7541Z"
class="light-gray-hover"
/>
<path
d="M107.536 95.1885H71.3505C70.0182 95.1885 68.9381 96.2674 68.9381 97.5984C68.9381 98.9293 70.0182 100.008 71.3505 100.008H107.536C108.868 100.008 109.948 98.9293 109.948 97.5984C109.948 96.2674 108.868 95.1885 107.536 95.1885Z"
class="light-gray-hover"
/>
<path
d="M129.247 95.1885H117.186C115.853 95.1885 114.773 96.2674 114.773 97.5984C114.773 98.9293 115.853 100.008 117.186 100.008H129.247C130.58 100.008 131.66 98.9293 131.66 97.5984C131.66 96.2674 130.58 95.1885 129.247 95.1885Z"
class="light-gray-hover"
/>
<path
d="M167.845 95.1885H138.897C137.565 95.1885 136.485 96.2674 136.485 97.5984C136.485 98.9293 137.565 100.008 138.897 100.008H167.845C169.178 100.008 170.258 98.9293 170.258 97.5984C170.258 96.2674 169.178 95.1885 167.845 95.1885Z"
class="light-gray-hover"
/>
<mask
id="mask4_301_322"
style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="17"
y="120"
width="42"
height="42"
>
<path
d="M58.0103 140.975C58.0103 129.663 48.8298 120.492 37.5052 120.492C26.1805 120.492 17 129.663 17 140.975C17 152.288 26.1805 161.459 37.5052 161.459C48.8298 161.459 58.0103 152.288 58.0103 140.975Z"
fill="white"
/>
</mask>
<g mask="url(#mask4_301_322)">
<path
d="M37.5052 161.459C48.8298 161.459 58.0103 152.288 58.0103 140.975C58.0103 129.663 48.8298 120.492 37.5052 120.492C26.1805 120.492 17 129.663 17 140.975C17 152.288 26.1805 161.459 37.5052 161.459Z"
class="light-gray-hover"
/>
<path
d="M37.5052 179.533C46.8314 179.533 54.3918 171.98 54.3918 162.664C54.3918 153.348 46.8314 145.795 37.5052 145.795C28.1789 145.795 20.6186 153.348 20.6186 162.664C20.6186 171.98 28.1789 179.533 37.5052 179.533Z"
class="light-gray"
/>
<path
d="M37.5051 142.18C41.5021 142.18 44.7423 138.944 44.7423 134.951C44.7423 130.958 41.5021 127.721 37.5051 127.721C33.5082 127.721 30.268 130.958 30.268 134.951C30.268 138.944 33.5082 142.18 37.5051 142.18Z"
class="light-gray"
/>
</g>
<path
d="M57.701 140.975C57.701 129.831 48.6575 120.799 37.5051 120.799C26.3528 120.799 17.3093 129.831 17.3093 140.975C17.3093 152.12 26.3528 161.152 37.5051 161.152C48.6575 161.152 57.701 152.12 57.701 140.975Z"
stroke="#B4B4B4"
class="stroke-light-gray-hover"
stroke-width="3"
/>
<path
d="M154.577 134.951H71.3505C70.0182 134.951 68.9381 136.03 68.9381 137.361C68.9381 138.692 70.0182 139.771 71.3505 139.771H154.577C155.91 139.771 156.99 138.692 156.99 137.361C156.99 136.03 155.91 134.951 154.577 134.951Z"
class="light-gray-hover"
/>
<path
d="M102.711 143.385H71.3505C70.0182 143.385 68.9381 144.464 68.9381 145.795C68.9381 147.126 70.0182 148.205 71.3505 148.205H102.711C104.044 148.205 105.124 147.126 105.124 145.795C105.124 144.464 104.044 143.385 102.711 143.385Z"
class="light-gray-hover"
/>
<path
d="M137.691 143.385H112.361C111.028 143.385 109.948 144.464 109.948 145.795C109.948 147.126 111.028 148.205 112.361 148.205H137.691C139.023 148.205 140.103 147.126 140.103 145.795C140.103 144.464 139.023 143.385 137.691 143.385Z"
class="light-gray-hover"
/>
<path
d="M149.753 145.795C149.753 144.464 148.673 143.385 147.34 143.385C146.008 143.385 144.928 144.464 144.928 145.795C144.928 147.126 146.008 148.205 147.34 148.205C148.673 148.205 149.753 147.126 149.753 145.795Z"
class="light-gray-hover"
/>
</g>
<g clip-path="url(#clip0_301_375)">
<rect width="234" height="147" class="light-gray" />
<rect x="96" y="-12" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="-12" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="13" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="13" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="38" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="38" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="63" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="63" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="88" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="88" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="113" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="113" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="96" y="138" width="59" height="20" rx="3" class="light-gray-hover" />
<rect x="159" y="138" width="59" height="20" rx="3" class="light-gray-hover" />
<circle cx="25" cy="-1" r="10" class="light-gray-hover" />
<rect x="39" y="-4.5" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="23.6667" r="10" class="light-gray-hover" />
<rect x="39" y="20.1667" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="48.3333" r="10" class="light-gray-hover" />
<rect x="39" y="44.8333" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="73" r="10" class="light-gray-hover" />
<rect x="39" y="69.5" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="97.6667" r="10" class="light-gray-hover" />
<rect x="39" y="94.1667" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="122.333" r="10" class="light-gray-hover" />
<rect x="39" y="118.833" width="38" height="7" rx="1" class="light-gray-hover" />
<circle cx="25" cy="147" r="10" class="light-gray-hover" />
<rect x="39" y="143.5" width="38" height="7" rx="1" class="light-gray-hover" />
</g>
<defs>
<clipPath id="clip0_301_322">
<clipPath id="clip0_301_375">
<rect width="234" height="147" fill="white" />
</clipPath>
</defs>
Expand All @@ -222,8 +45,4 @@
.light-gray-hover {
fill: var(--light-gray-hover);
}
.stroke-light-gray-hover {
stroke: var(--light-gray-hover);
}
</style>

0 comments on commit 8779deb

Please sign in to comment.