kfj001/kmtnflower
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fixes svg file pathing

Browse Source
This commit is contained in:
kfj001
2026-06-11 17:31:44 +00:00
parent 3f43d21edc
commit fd228896ea
12 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/svg/mountain-divider.svg
+37
View File
@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 80" width="100%" height="80" preserveAspectRatio="none">
<defs>
<linearGradient id="divGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#1a3a5c;stop-opacity:0"/>
<stop offset="20%" style="stop-color:#1a3a5c;stop-opacity:0.3"/>
<stop offset="80%" style="stop-color:#1a3a5c;stop-opacity:0.3"/>
<stop offset="100%" style="stop-color:#1a3a5c;stop-opacity:0"/>
</linearGradient>
</defs>
<path d="M0,80 L0,50 Q180,10 360,40 Q540,70 720,40 Q900,10 1080,40 Q1260,70 1440,50 L1440,80 Z" fill="url(#divGrad1)"/>
<!-- Small flower accents along divider -->
<g transform="translate(360,45) scale(0.3)" opacity="0.4">
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
</g>
<g transform="translate(720,38) scale(0.35)" opacity="0.5">
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
</g>
<g transform="translate(1080,45) scale(0.3)" opacity="0.4">
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB