koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-02-11 10:51:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve logo quality

Browse Source 
seems like nextjs’ image component affects the quality of an svg…
This commit is contained in:
Petri Partio
2024-05-31 13:51:19 +03:00
parent 8d72508b66
commit 90b79610bb
3 changed files with 52 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Nav.tsx
View File

@@ -28,7 +28,14 @@ export default function Nav() {
<div className="relative flex items-center justify-between px-6 py-5 md:px-12">
<div className="shrink-0">
<a href="/">
<Image src="/koodiklinikka.svg" alt="Koodiklinikka" width="179" height="34" className="w-40" priority />
<img
src="/koodiklinikka-logo.svg"
alt="Koodiklinikka"
width="600"
height="114"
className="w-40"
loading="eager"
/>
</a>
</div>
<div ref={navRef}>

44
public/koodiklinikka-logo.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg width="600" height="114" viewBox="0 0 600 114" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M178.136 72.8672C179.011 73.789 179.449 74.8257 179.449 75.9781C179.449 77.1302 178.988 78.0982 178.066 78.8816C177.191 79.6653 176.246 80.0571 175.232 80.0571C174.034 80.0571 173.02 79.5962 172.19 78.6744L159.746 65.5388L156.358 68.6497V75.9091C156.358 77.1074 155.966 78.1214 155.183 78.951C154.399 79.7343 153.409 80.1262 152.21 80.1262C151.012 80.1262 150.021 79.7343 149.237 78.951C148.454 78.1214 148.062 77.1074 148.062 75.9091V33.1841C148.062 31.9857 148.454 30.9948 149.237 30.2113C150.021 29.3817 151.012 28.9669 152.21 28.9669C153.409 28.9669 154.399 29.3817 155.183 30.2113C155.966 30.9948 156.358 31.9857 156.358 33.1841V58.7638L171.153 44.453C172.029 43.5771 173.043 43.1393 174.195 43.1393C175.209 43.1393 176.107 43.5771 176.891 44.453C177.721 45.2826 178.136 46.1353 178.136 47.0109C178.136 48.117 177.583 49.1541 176.476 50.1218L166.037 59.7315L178.136 72.8672Z" fill="white"/>
<path d="M222.787 61.6673C222.787 65.3545 221.958 68.6729 220.298 71.6226C218.639 74.5264 216.358 76.7846 213.454 78.3979C210.597 80.0109 207.44 80.8174 203.983 80.8174C200.48 80.8174 197.3 80.0109 194.442 78.3979C191.585 76.7846 189.326 74.5264 187.667 71.6226C186.008 68.6729 185.178 65.3545 185.178 61.6673C185.178 57.9802 186.008 54.6848 187.667 51.781C189.326 48.8313 191.585 46.55 194.442 44.937C197.3 43.2778 200.48 42.4482 203.983 42.4482C207.44 42.4482 210.597 43.2778 213.454 44.937C216.358 46.55 218.639 48.8313 220.298 51.781C221.958 54.6848 222.787 57.9802 222.787 61.6673ZM214.491 61.6673C214.491 59.4091 214.007 57.404 213.039 55.6526C212.118 53.8552 210.85 52.4726 209.237 51.5045C207.67 50.5368 205.919 50.0528 203.983 50.0528C202.047 50.0528 200.273 50.5368 198.66 51.5045C197.093 52.4726 195.825 53.8552 194.857 55.6526C193.935 57.404 193.474 59.4091 193.474 61.6673C193.474 63.9259 193.935 65.9307 194.857 67.6821C195.825 69.4335 197.093 70.793 198.66 71.7611C200.273 72.7288 202.047 73.2128 203.983 73.2128C205.919 73.2128 207.67 72.7288 209.237 71.7611C210.85 70.793 212.118 69.4335 213.039 67.6821C214.007 65.9307 214.491 63.9259 214.491 61.6673Z" fill="white"/>
<path d="M267.328 61.6673C267.328 65.3545 266.498 68.6729 264.839 71.6226C263.18 74.5264 260.898 76.7846 257.995 78.3979C255.137 80.0109 251.98 80.8174 248.523 80.8174C245.02 80.8174 241.84 80.0109 238.983 78.3979C236.125 76.7846 233.867 74.5264 232.208 71.6226C230.548 68.6729 229.719 65.3545 229.719 61.6673C229.719 57.9802 230.548 54.6848 232.208 51.781C233.867 48.8313 236.125 46.55 238.983 44.937C241.84 43.2778 245.02 42.4482 248.523 42.4482C251.98 42.4482 255.137 43.2778 257.995 44.937C260.898 46.55 263.18 48.8313 264.839 51.781C266.498 54.6848 267.328 57.9802 267.328 61.6673ZM259.032 61.6673C259.032 59.4091 258.548 57.404 257.58 55.6526C256.658 53.8552 255.391 52.4726 253.777 51.5045C252.21 50.5368 250.459 50.0528 248.523 50.0528C246.587 50.0528 244.813 50.5368 243.2 51.5045C241.633 52.4726 240.365 53.8552 239.397 55.6526C238.476 57.404 238.015 59.4091 238.015 61.6673C238.015 63.9259 238.476 65.9307 239.397 67.6821C240.365 69.4335 241.633 70.793 243.2 71.7611C244.813 72.7288 246.587 73.2128 248.523 73.2128C250.459 73.2128 252.21 72.7288 253.777 71.7611C255.391 70.793 256.658 69.4335 257.58 67.6821C258.548 65.9307 259.032 63.9259 259.032 61.6673Z" fill="white"/>
<path d="M306.268 28.9669C307.466 28.9669 308.457 29.3586 309.241 30.1422C310.024 30.9257 310.416 31.9397 310.416 33.1841V75.9091C310.416 77.1074 310.024 78.1214 309.241 78.951C308.457 79.7343 307.466 80.1262 306.268 80.1262C305.07 80.1262 304.079 79.7343 303.295 78.951C302.558 78.1673 302.166 77.1765 302.12 75.9781C300.968 77.3146 299.401 78.467 297.419 79.4347C295.483 80.3565 293.432 80.8173 291.266 80.8173C288.086 80.8173 285.205 80.0109 282.624 78.3979C280.043 76.7387 277.992 74.457 276.471 71.5535C274.997 68.6497 274.259 65.3544 274.259 61.6673C274.259 57.9801 274.997 54.6848 276.471 51.781C277.946 48.8313 279.951 46.55 282.486 44.937C285.067 43.2778 287.902 42.4482 290.989 42.4482C293.202 42.4482 295.276 42.8628 297.212 43.6924C299.147 44.4761 300.783 45.4901 302.12 46.7343V33.1841C302.12 31.9857 302.512 30.9948 303.295 30.2113C304.079 29.3817 305.07 28.9669 306.268 28.9669ZM292.303 73.2128C295.299 73.2128 297.742 72.1297 299.631 69.9634C301.521 67.7511 302.466 64.9857 302.466 61.6673C302.466 58.3488 301.521 55.5835 299.631 53.3712C297.742 51.1589 295.299 50.0528 292.303 50.0528C289.353 50.0528 286.934 51.1589 285.044 53.3712C283.154 55.5835 282.209 58.3488 282.209 61.6673C282.209 64.9857 283.131 67.7511 284.975 69.9634C286.864 72.1297 289.307 73.2128 292.303 73.2128Z" fill="white"/>
<path d="M329.293 75.9091C329.293 77.1074 328.901 78.1214 328.117 78.951C327.334 79.7343 326.343 80.1262 325.145 80.1262C323.946 80.1262 322.955 79.7343 322.172 78.951C321.388 78.1214 320.997 77.1074 320.997 75.9091V47.3564C320.997 46.1581 321.388 45.1673 322.172 44.3839C322.955 43.5543 323.946 43.1393 325.145 43.1393C326.343 43.1393 327.334 43.5543 328.117 44.3839C328.901 45.1673 329.293 46.1581 329.293 47.3564V75.9091ZM325.076 38.6457C323.508 38.6457 322.402 38.3923 321.757 37.8852C321.112 37.3783 320.789 36.4793 320.789 35.1888V33.8755C320.789 32.5849 321.135 31.6861 321.826 31.1792C322.518 30.6722 323.624 30.4187 325.145 30.4187C326.758 30.4187 327.887 30.6722 328.532 31.1792C329.178 31.6861 329.5 32.5849 329.5 33.8755V35.1888C329.5 36.5256 329.155 37.4474 328.463 37.9542C327.818 38.4151 326.689 38.6457 325.076 38.6457Z" fill="white"/>
<path d="M370.659 72.8672C371.534 73.789 371.97 74.8257 371.97 75.9781C371.97 77.1302 371.511 78.0982 370.589 78.8816C369.714 79.6653 368.769 80.0571 367.753 80.0571C366.556 80.0571 365.541 79.5962 364.713 78.6744L352.267 65.5388L348.882 68.6497V75.9091C348.882 77.1074 348.489 78.1214 347.705 78.951C346.921 79.7343 345.932 80.1262 344.732 80.1262C343.535 80.1262 342.543 79.7343 341.759 78.951C340.978 78.1214 340.585 77.1074 340.585 75.9091V33.1841C340.585 31.9857 340.978 30.9948 341.759 30.2113C342.543 29.3817 343.535 28.9669 344.732 28.9669C345.932 28.9669 346.921 29.3817 347.705 30.2113C348.489 30.9948 348.882 31.9857 348.882 33.1841V58.7638L363.674 44.453C364.552 43.5771 365.564 43.1393 366.717 43.1393C367.73 43.1393 368.631 43.5771 369.412 44.453C370.244 45.2826 370.659 46.1353 370.659 47.0109C370.659 48.117 370.106 49.1541 369 50.1218L358.559 59.7315L370.659 72.8672Z" fill="white"/>
<path d="M389.977 75.9091C389.977 77.1074 389.564 78.1214 388.733 78.951C387.949 79.7343 386.96 80.1262 385.76 80.1262C384.607 80.1262 383.641 79.7343 382.857 78.951C382.073 78.1214 381.68 77.1074 381.68 75.9091V33.1841C381.68 31.9857 382.073 30.9948 382.857 30.2113C383.685 29.3817 384.701 28.9669 385.897 28.9669C387.05 28.9669 388.019 29.3817 388.803 30.2113C389.584 30.9948 389.977 31.9857 389.977 33.1841V75.9091Z" fill="white"/>
<path d="M409.508 75.9091C409.508 77.1074 409.12 78.1214 408.335 78.951C407.551 79.7343 406.559 80.1262 405.362 80.1262C404.162 80.1262 403.173 79.7343 402.389 78.951C401.604 78.1214 401.212 77.1074 401.212 75.9091V47.3564C401.212 46.1581 401.604 45.1673 402.389 44.3839C403.173 43.5543 404.162 43.1393 405.362 43.1393C406.559 43.1393 407.551 43.5543 408.335 44.3839C409.12 45.1673 409.508 46.1581 409.508 47.3564V75.9091ZM405.292 38.6457C403.726 38.6457 402.62 38.3923 401.973 37.8852C401.33 37.3783 401.008 36.4793 401.008 35.1888V33.8755C401.008 32.5849 401.353 31.6861 402.044 31.1792C402.734 30.6722 403.84 30.4187 405.362 30.4187C406.974 30.4187 408.104 30.6722 408.751 31.1792C409.394 31.6861 409.716 32.5849 409.716 33.8755V35.1888C409.716 36.5256 409.371 37.4474 408.68 37.9542C408.034 38.4151 406.907 38.6457 405.292 38.6457Z" fill="white"/>
<path d="M439.884 42.4482C444.583 42.4482 447.831 43.8537 449.631 46.6653C451.428 49.4306 452.326 53.279 452.326 58.2108V75.9091C452.326 77.1074 451.934 78.1214 451.15 78.951C450.369 79.7343 449.376 80.1262 448.18 80.1262C446.98 80.1262 445.988 79.7343 445.207 78.951C444.422 78.1214 444.03 77.1074 444.03 75.9091V58.2108C444.03 55.6757 443.5 53.694 442.441 52.2651C441.379 50.7902 439.559 50.0528 436.978 50.0528C434.306 50.0528 432.208 50.8365 430.686 52.4035C429.168 53.9243 428.407 55.86 428.407 58.2108V75.9091C428.407 77.1074 428.014 78.1214 427.23 78.951C426.446 79.7343 425.457 80.1262 424.257 80.1262C423.06 80.1262 422.068 79.7343 421.284 78.951C420.503 78.1214 420.111 77.1074 420.111 75.9091V47.3565C420.111 46.1581 420.503 45.1673 421.284 44.3839C422.068 43.5543 423.06 43.1394 424.257 43.1394C425.457 43.1394 426.446 43.5543 427.23 44.3839C428.014 45.1673 428.407 46.1581 428.407 47.3565V48.532C429.65 46.8728 431.262 45.4438 433.247 44.2455C435.275 43.0472 437.487 42.4482 439.884 42.4482Z" fill="white"/>
<path d="M471.181 75.9091C471.181 77.1074 470.789 78.1214 470.005 78.951C469.22 79.7343 468.231 80.1262 467.031 80.1262C465.835 80.1262 464.843 79.7343 464.058 78.951C463.274 78.1214 462.885 77.1074 462.885 75.9091V47.3564C462.885 46.1581 463.274 45.1673 464.058 44.3839C464.843 43.5543 465.835 43.1393 467.031 43.1393C468.231 43.1393 469.22 43.5543 470.005 44.3839C470.789 45.1673 471.181 46.1581 471.181 47.3564V75.9091ZM466.961 38.6457C465.396 38.6457 464.29 38.3923 463.643 37.8852C462.999 37.3783 462.677 36.4793 462.677 35.1888V33.8755C462.677 32.5849 463.023 31.6861 463.713 31.1792C464.404 30.6722 465.51 30.4187 467.031 30.4187C468.644 30.4187 469.773 30.6722 470.42 31.1792C471.064 31.6861 471.386 32.5849 471.386 33.8755V35.1888C471.386 36.5256 471.04 37.4474 470.35 37.9542C469.706 38.4151 468.577 38.6457 466.961 38.6457Z" fill="white"/>
<path d="M512.544 72.8672C513.419 73.789 513.858 74.8257 513.858 75.9781C513.858 77.1302 513.399 78.0982 512.477 78.8816C511.599 79.6653 510.654 80.0571 509.641 80.0571C508.441 80.0571 507.429 79.5962 506.598 78.6744L494.155 65.5388L490.767 68.6497V75.9091C490.767 77.1074 490.374 78.1214 489.593 78.951C488.809 79.7343 487.817 80.1262 486.62 80.1262C485.42 80.1262 484.431 79.7343 483.647 78.951C482.863 78.1214 482.47 77.1074 482.47 75.9091V33.1841C482.47 31.9857 482.863 30.9948 483.647 30.2113C484.431 29.3817 485.42 28.9669 486.62 28.9669C487.817 28.9669 488.809 29.3817 489.593 30.2113C490.374 30.9948 490.767 31.9857 490.767 33.1841V58.7638L505.562 44.453C506.437 43.5771 507.453 43.1393 508.606 43.1393C509.618 43.1393 510.516 43.5771 511.301 44.453C512.128 45.2826 512.544 46.1353 512.544 47.0109C512.544 48.117 511.991 49.1541 510.885 50.1218L500.447 59.7315L512.544 72.8672Z" fill="white"/>
<path d="M553.642 72.8672C554.517 73.789 554.956 74.8257 554.956 75.9781C554.956 77.1302 554.494 78.0982 553.572 78.8816C552.697 79.6653 551.752 80.0571 550.736 80.0571C549.54 80.0571 548.524 79.5962 547.696 78.6744L535.25 65.5388L531.865 68.6497V75.9091C531.865 77.1074 531.473 78.1214 530.688 78.951C529.904 79.7343 528.915 80.1262 527.715 80.1262C526.518 80.1262 525.526 79.7343 524.742 78.951C523.961 78.1214 523.569 77.1074 523.569 75.9091V33.1841C523.569 31.9857 523.961 30.9948 524.742 30.2113C525.526 29.3817 526.518 28.9669 527.715 28.9669C528.915 28.9669 529.904 29.3817 530.688 30.2113C531.473 30.9948 531.865 31.9857 531.865 33.1841V58.7638L546.66 44.453C547.535 43.5771 548.547 43.1393 549.701 43.1393C550.716 43.1393 551.614 43.5771 552.396 44.453C553.227 45.2826 553.642 46.1353 553.642 47.0109C553.642 48.117 553.089 49.1541 551.983 50.1218L541.542 59.7315L553.642 72.8672Z" fill="white"/>
<path d="M593.977 42.4482C595.173 42.4482 596.165 42.8397 596.95 43.6234C597.734 44.4067 598.123 45.4207 598.123 46.6653V75.9091C598.123 77.1074 597.734 78.1214 596.95 78.951C596.165 79.7344 595.173 80.1262 593.977 80.1262C592.777 80.1262 591.788 79.7344 591.003 78.951C590.266 78.1673 589.874 77.1765 589.827 75.9782C588.677 77.3146 587.108 78.467 585.127 79.4347C583.19 80.3565 581.142 80.8174 578.973 80.8174C575.796 80.8174 572.913 80.0109 570.332 78.3979C567.751 76.7387 565.699 74.457 564.181 71.5536C562.706 68.6498 561.969 65.3545 561.969 61.6673C561.969 57.9802 562.706 54.6848 564.181 51.781C565.656 48.8313 567.66 46.55 570.194 44.937C572.775 43.2778 575.611 42.4482 578.698 42.4482C580.911 42.4482 582.986 42.8628 584.92 43.6924C586.857 44.4761 588.493 45.4901 589.827 46.7343V46.6653C589.827 45.467 590.219 44.4761 591.003 43.6924C591.788 42.8628 592.777 42.4482 593.977 42.4482ZM580.012 73.2128C583.006 73.2128 585.449 72.1298 587.34 69.9634C589.23 67.7511 590.175 64.9858 590.175 61.6673C590.175 58.3489 589.23 55.5835 587.34 53.3712C585.449 51.1589 583.006 50.0528 580.012 50.0528C577.063 50.0528 574.643 51.1589 572.752 53.3712C570.862 55.5835 569.916 58.3489 569.916 61.6673C569.916 64.9858 570.838 67.7511 572.682 69.9634C574.572 72.1298 577.016 73.2128 580.012 73.2128Z" fill="white"/>
<mask id="mask0_0_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="111" height="112">
<path d="M90.5028 0H20.1117C9.00433 0 0 9.00433 0 20.1117V91.3458C0 102.453 9.00433 111.458 20.1117 111.458H90.5028C101.61 111.458 110.615 102.453 110.615 91.3458V20.1117C110.615 9.00433 101.61 0 90.5028 0Z" fill="white"/>
</mask>
<g mask="url(#mask0_0_3)">
<path d="M110.615 0H0V111.458H110.615V0Z" fill="url(#paint0_radial_0_3)"/>
<mask id="mask1_0_3" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="111" height="112">
<path d="M110.615 0H0V111.458H110.615V0Z" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask1_0_3)">
<path d="M171.282 -103.717L-38.4077 -11.2015L-0.20233 76.7171L209.487 -15.7989L171.282 -103.717Z" fill="url(#paint1_linear_0_3)" fill-opacity="0.07"/>
<path d="M229.662 -77.4011L19.972 15.1149L58.1774 103.033L267.867 10.5174L229.662 -77.4011Z" fill="url(#paint2_linear_0_3)" fill-opacity="0.2"/>
</g>
</g>
<path d="M47.8894 27.8644L76.0881 55.729L47.8894 83.5931L39.2166 75.0195L58.7421 55.729L39.2166 36.4381L47.8894 27.8644Z" fill="white"/>
<defs>
<radialGradient id="paint0_radial_0_3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(55.3073) rotate(90) scale(127.589 126.624)">
<stop stop-color="#545454"/>
<stop offset="0.9999"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_0_3" x1="31.4945" y1="-0.774138" x2="19.8078" y2="42.5265" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.63"/>
</linearGradient>
<linearGradient id="paint2_linear_0_3" x1="56.8436" y1="39.4747" x2="132.187" y2="57.7866" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.63"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

1
public/koodiklinikka.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB