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
src/app/about/about.component.html
+2 -2
View File
@@ -1,7 +1,7 @@
<section class="about">
<div class="container">
<div class="about-intro">
<img src="assets/svg/orange-flower.svg" alt="" class="about-flower-decor" aria-hidden="true">
<img src="svg/orange-flower.svg" alt="" class="about-flower-decor" aria-hidden="true">
<h2>About <span class="text-accent">KMountain Flower</span></h2>
<p class="section-intro">
For nearly four decades, KMountain Flower has been the voice of our
@@ -51,7 +51,7 @@
<div class="about-cta">
<div class="about-flower-divider" aria-hidden="true">
<img src="assets/svg/small-flower.svg" alt="">
<img src="svg/small-flower.svg" alt="">
</div>
<h3>Become a Member</h3>
<p class="section-intro">
src/app/contact/contact.component.html
+1 -1
View File
@@ -1,7 +1,7 @@
<section class="contact">
<div class="container">
<div class="contact-header">
<img src="assets/svg/small-flower.svg" alt="" class="contact-flower" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="contact-flower" aria-hidden="true">
<h2>Get in <span class="text-accent">Touch</span></h2>
<p class="section-intro">
Have a song request, want to volunteer, or just want to say hello?
src/app/donate/donate.component.html
+2 -2
View File
@@ -3,7 +3,7 @@
<div class="donate-banner">
<div class="donate-banner-overlay">
<div class="container donate-banner-content">
<img src="assets/svg/orange-flower.svg" alt="" class="donate-flower-hero" aria-hidden="true">
<img src="svg/orange-flower.svg" alt="" class="donate-flower-hero" aria-hidden="true">
<h2>Keep the Music <span class="text-accent">Free</span></h2>
<p class="donate-subtitle">
KMountain Flower Radio is 100% listener-funded and independent.
@@ -34,7 +34,7 @@
<!-- One-time donation -->
<div class="donate-one-time">
<div class="donate-flower-divider" aria-hidden="true">
<img src="assets/svg/small-flower.svg" alt="">
<img src="svg/small-flower.svg" alt="">
</div>
<h3>Or Make a One-Time Gift</h3>
<p class="section-intro">
src/app/events/events.component.html
+1 -1
View File
@@ -1,7 +1,7 @@
<section class="events">
<div class="container">
<div class="events-header">
<img src="assets/svg/small-flower.svg" alt="" class="events-flower" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="events-flower" aria-hidden="true">
<h2>Upcoming <span class="text-accent">Events</span></h2>
<p class="section-intro">
Come meet the team, enjoy live music, and support public radio in
src/app/footer/footer.component.html
+1 -1
View File
@@ -2,7 +2,7 @@
<div class="container">
<div class="footer-top">
<div class="footer-brand">
<img src="assets/svg/small-flower.svg" alt="" class="footer-flower" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="footer-flower" aria-hidden="true">
<h3>
<span class="brand-m">K</span>MOUNTAIN
<span class="brand-a">FLOWER</span> Radio
src/app/hero/hero.component.html
+3 -3
View File
@@ -1,7 +1,7 @@
<section class="hero">
<!-- Mountain background layer -->
<div class="hero-mountains" aria-hidden="true">
<img src="assets/svg/mountain-silhouette.svg" alt="">
<img src="svg/mountain-silhouette.svg" alt="">
</div>
<!-- Gradient overlay -->
@@ -11,7 +11,7 @@
<div class="hero-content container">
<div class="hero-inner">
<div class="hero-icon">
<img src="assets/svg/orange-flower.svg" alt="" class="hero-flower">
<img src="svg/orange-flower.svg" alt="" class="hero-flower">
</div>
<h1 class="hero-title">
<span class="hero-line1">KMountain</span>
@@ -37,6 +37,6 @@
<!-- Mountain divider at bottom -->
<div class="hero-divider" aria-hidden="true">
<img src="assets/svg/mountain-divider.svg" alt="">
<img src="svg/mountain-divider.svg" alt="">
</div>
</section>
src/app/navbar/navbar.component.html
+1 -1
View File
@@ -1,7 +1,7 @@
<nav class="navbar" role="navigation" aria-label="Main navigation">
<div class="container navbar-inner">
<a routerLink="/" class="navbar-brand" routerLinkActive="active">
<img src="assets/svg/small-flower.svg" alt="" class="brand-flower" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="brand-flower" aria-hidden="true">
<span class="brand-name">
<span class="brand-mountain">K</span>MOUNTAIN
<span class="brand-accent">FLOWER</span>
src/app/schedule/schedule.component.html
+2 -2
View File
@@ -1,7 +1,7 @@
<section class="schedule">
<div class="container">
<div class="schedule-header">
<img src="assets/svg/small-flower.svg" alt="" class="schedule-flower" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="schedule-flower" aria-hidden="true">
<h2>Today's <span class="text-accent">Program Schedule</span></h2>
<p class="section-intro">
All times are local (Mountain Time). Every show is free to listen to
@@ -30,7 +30,7 @@
<div class="schedule-weekend">
<div class="weekend-heading">
<img src="assets/svg/small-flower.svg" alt="" class="schedule-flower-sm" aria-hidden="true">
<img src="svg/small-flower.svg" alt="" class="schedule-flower-sm" aria-hidden="true">
<h3>Weekend Programming</h3>
</div>
<div class="weekend-grid">
src/assets/svg/mountain-divider.svg
-37
View File
@@ -1,37 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 2.4 KiB

src/assets/svg/mountain-silhouette.svg
-31
View File
@@ -1,31 +0,0 @@
<?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>
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

src/assets/svg/orange-flower.svg
-36
View File
@@ -1,36 +0,0 @@
<?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>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

src/assets/svg/small-flower.svg
-11
View File
@@ -1,11 +0,0 @@
<?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>
Side by Side

Before

Width:  |  Height:  |  Size: 721 B