fixes svg file pathing

2026-06-11 17:31:44 +00:00
parent 3f43d21edc
commit fd228896ea
12 changed files with 13 additions and 13 deletions
@@ -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>
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 400" preserveAspectRatio="none" width="100%" height="100%">
+  <defs>
+    <linearGradient id="mountainGrad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#2a5a8c;stop-opacity:0.9"/>
+      <stop offset="100%" style="stop-color:#1a3a5c;stop-opacity:1"/>
+    </linearGradient>
+    <linearGradient id="mountainGrad2" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#3a6a9c;stop-opacity:0.7"/>
+      <stop offset="100%" style="stop-color:#2a5a8c;stop-opacity:0.8"/>
+    </linearGradient>
+    <linearGradient id="mountainGrad3" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0e2440;stop-opacity:0.6"/>
+      <stop offset="100%" style="stop-color:#1a3a5c;stop-opacity:0.7"/>
+    </linearGradient>
+    <linearGradient id="snowGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.9"/>
+      <stop offset="100%" style="stop-color:#e8e8e8;stop-opacity:0.3"/>
+    </linearGradient>
+  </defs>
+  <!-- Far mountains -->
+  <path d="M0,400 L0,280 L120,200 L240,260 L360,150 L480,230 L540,180 L600,210 L720,120 L840,200 L960,160 L1080,220 L1200,140 L1320,200 L1440,170 L1440,400 Z" fill="url(#mountainGrad3)"/>
+  <!-- Mid mountains -->
+  <path d="M0,400 L0,320 L180,240 L300,300 L420,180 L540,270 L660,200 L780,280 L900,170 L1020,260 L1140,210 L1260,270 L1380,220 L1440,250 L1440,400 Z" fill="url(#mountainGrad2)"/>
+  <!-- Near mountains (prominent) -->
+  <path d="M0,400 L0,340 L160,280 L280,330 L400,200 L500,280 L600,220 L700,290 L820,190 L920,260 L1040,210 L1160,280 L1280,230 L1360,280 L1440,260 L1440,400 Z" fill="url(#mountainGrad1)"/>
+  <!-- Snow caps -->
+  <path d="M400,200 L385,215 L415,215 Z" fill="url(#snowGrad)" opacity="0.7"/>
+  <path d="M820,190 L805,208 L835,208 Z" fill="url(#snowGrad)" opacity="0.7"/>
+  <path d="M1280,230 L1265,248 L1295,248 Z" fill="url(#snowGrad)" opacity="0.6"/>
+</svg>
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <defs>
+    <radialGradient id="petalGrad" cx="50%" cy="40%" r="50%">
+      <stop offset="0%" style="stop-color:#f0a86a"/>
+      <stop offset="100%" style="stop-color:#e87a2e"/>
+    </radialGradient>
+    <radialGradient id="centerGrad" cx="45%" cy="40%" r="50%">
+      <stop offset="0%" style="stop-color:#f5c842"/>
+      <stop offset="100%" style="stop-color:#d4941a"/>
+    </radialGradient>
+  </defs>
+  <!-- Stem and leaves -->
+  <path d="M100,160 Q95,180 98,198" stroke="#4a7a3e" stroke-width="3" fill="none" stroke-linecap="round"/>
+  <path d="M98,175 Q75,165 65,170 Q78,180 98,175" fill="#5a8a4e" opacity="0.8"/>
+  <path d="M99,185 Q125,178 135,182 Q122,192 99,185" fill="#5a8a4e" opacity="0.8"/>
+  <!-- Outer petals -->
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(0,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(45,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(90,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(135,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(180,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(225,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(270,100,90)" opacity="0.9"/>
+  <ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(315,100,90)" opacity="0.9"/>
+  <!-- Inner petals -->
+  <ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(22,100,90)" opacity="0.8"/>
+  <ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(97,100,90)" opacity="0.8"/>
+  <ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(172,100,90)" opacity="0.8"/>
+  <ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(247,100,90)" opacity="0.8"/>
+  <ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(322,100,90)" opacity="0.8"/>
+  <!-- Flower center -->
+  <circle cx="100" cy="90" r="18" fill="url(#centerGrad)"/>
+  <circle cx="100" cy="90" r="12" fill="#d4941a" opacity="0.5"/>
+  <circle cx="100" cy="90" r="6" fill="#b87a10" opacity="0.4"/>
+</svg>
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" width="60" height="60">
+  <g>
+    <ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)" opacity="0.85"/>
+    <ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)" opacity="0.85"/>
+    <ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)" opacity="0.85"/>
+    <ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)" opacity="0.85"/>
+    <ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)" opacity="0.85"/>
+    <circle cx="30" cy="30" r="6" fill="#f5c842"/>
+  </g>
+</svg>