SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: remove unnecessary path element from SVG backgrounds

Browse source
This commit is contained in:
Sebin Nyshkim 2023-01-19 22:02:04 +01:00
parent 9b11da8ad7
commit 04a3266a88
2 changed files with 2 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/assets/layered-waves-dark.svg
View file

@ -1,5 +1,4 @@
<svg id="visual" viewBox="0 282 960 258" width="960" height="258" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<path d="M0 292L22.8 292.5C45.7 293 91.3 294 137 290.2C182.7 286.3 228.3 277.7 274 285.7C319.7 293.7 365.3 318.3 411.2 319.8C457 321.3 503 299.7 548.8 299.5C594.7 299.3 640.3 320.7 686 326.8C731.7 333 777.3 324 823 321C868.7 318 914.3 321 937.2 322.5L960 324L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#2d4c5a"></path>
<svg id="visual" viewBox="0 340 960 200" width="960" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<path d="M0 344L22.8 346.5C45.7 349 91.3 354 137 358.2C182.7 362.3 228.3 365.7 274 365C319.7 364.3 365.3 359.7 411.2 364.5C457 369.3 503 383.7 548.8 384.7C594.7 385.7 640.3 373.3 686 362C731.7 350.7 777.3 340.3 823 344.8C868.7 349.3 914.3 368.7 937.2 378.3L960 388L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#343f53"></path>
<path d="M0 402L22.8 402.2C45.7 402.3 91.3 402.7 137 405C182.7 407.3 228.3 411.7 274 412.7C319.7 413.7 365.3 411.3 411.2 410.2C457 409 503 409 548.8 411.8C594.7 414.7 640.3 420.3 686 419.5C731.7 418.7 777.3 411.3 823 401C868.7 390.7 914.3 377.3 937.2 370.7L960 364L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#3b3144"></path>
<path d="M0 463L22.8 463.2C45.7 463.3 91.3 463.7 137 459C182.7 454.3 228.3 444.7 274 440.8C319.7 437 365.3 439 411.2 444.8C457 450.7 503 460.3 548.8 461C594.7 461.7 640.3 453.3 686 444.8C731.7 436.3 777.3 427.7 823 429C868.7 430.3 914.3 441.7 937.2 447.3L960 453L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#3c2530"></path>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

3
src/assets/layered-waves-light.svg
View file

@ -1,5 +1,4 @@
<svg id="visual" viewBox="0 282 960 258" width="960" height="258" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<path d="M0 292L22.8 292.5C45.7 293 91.3 294 137 290.2C182.7 286.3 228.3 277.7 274 285.7C319.7 293.7 365.3 318.3 411.2 319.8C457 321.3 503 299.7 548.8 299.5C594.7 299.3 640.3 320.7 686 326.8C731.7 333 777.3 324 823 321C868.7 318 914.3 321 937.2 322.5L960 324L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#f8ebdd"/>
<svg id="visual" viewBox="0 340 960 200" width="960" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<path d="M0 344L22.8 346.5C45.7 349 91.3 354 137 358.2C182.7 362.3 228.3 365.7 274 365C319.7 364.3 365.3 359.7 411.2 364.5C457 369.3 503 383.7 548.8 384.7C594.7 385.7 640.3 373.3 686 362C731.7 350.7 777.3 340.3 823 344.8C868.7 349.3 914.3 368.7 937.2 378.3L960 388L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#f3e2d1"/>
<path d="M0 402L22.8 402.2C45.7 402.3 91.3 402.7 137 405C182.7 407.3 228.3 411.7 274 412.7C319.7 413.7 365.3 411.3 411.2 410.2C457 409 503 409 548.8 411.8C594.7 414.7 640.3 420.3 686 419.5C731.7 418.7 777.3 411.3 823 401C868.7 390.7 914.3 377.3 937.2 370.7L960 364L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#efd9c6"/>
<path d="M0 463L22.8 463.2C45.7 463.3 91.3 463.7 137 459C182.7 454.3 228.3 444.7 274 440.8C319.7 437 365.3 439 411.2 444.8C457 450.7 503 460.3 548.8 461C594.7 461.7 640.3 453.3 686 444.8C731.7 436.3 777.3 427.7 823 429C868.7 430.3 914.3 441.7 937.2 447.3L960 453L960 541L937.2 541C914.3 541 868.7 541 823 541C777.3 541 731.7 541 686 541C640.3 541 594.7 541 548.8 541C503 541 457 541 411.2 541C365.3 541 319.7 541 274 541C228.3 541 182.7 541 137 541C91.3 541 45.7 541 22.8 541L0 541Z" fill="#ebd0bb"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After