vasily/karate_halloween
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrate Sensei Spook mascot in 4 stances, speech bubbles, and style updates

Browse Source
This commit is contained in:
Ajasra committed 2026-10-28 01:20:01 +08:00
commit e04672db2a
104 files changed
+8262
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/assets/brand/spooky_logo.svg
+81
View File
@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 120" width="100%" height="100%">
<defs>
<linearGradient id="pumpkinGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffb703" />
<stop offset="50%" stop-color="#fb8500" />
<stop offset="100%" stop-color="#d90429" />
</linearGradient>
<linearGradient id="slimeGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#a3e635" />
<stop offset="100%" stop-color="#4ade80" />
</linearGradient>
<filter id="cartoonShadow" x="-20%" y="-20%" width="150%" height="150%">
<feDropShadow dx="3" dy="4" stdDeviation="0" flood-color="#090314" />
</filter>
</defs>
<!-- Left Cartoon Bat Wing -->
<path d="M 45 62 C 22 36, 6 52, 0 46 C 4 68, 20 78, 45 74 Z" fill="#3b0764" stroke="#090314" stroke-width="2.5" />
<!-- Right Cartoon Bat Wing -->
<path d="M 95 62 C 118 36, 134 52, 140 46 C 136 68, 120 78, 95 74 Z" fill="#3b0764" stroke="#090314" stroke-width="2.5" />
<!-- Chunky Cartoon Jack-o'-Lantern -->
<g transform="translate(70, 68)" filter="url(#cartoonShadow)">
<!-- Base Pumpkin Lobes with thick cartoon stroke -->
<ellipse cx="-23" cy="0" rx="14" ry="22" fill="url(#pumpkinGrad)" stroke="#090314" stroke-width="2.5" />
<ellipse cx="23" cy="0" rx="14" ry="22" fill="url(#pumpkinGrad)" stroke="#090314" stroke-width="2.5" />
<ellipse cx="-12" cy="0" rx="16" ry="25" fill="url(#pumpkinGrad)" stroke="#090314" stroke-width="2.5" />
<ellipse cx="12" cy="0" rx="16" ry="25" fill="url(#pumpkinGrad)" stroke="#090314" stroke-width="2.5" />
<ellipse cx="0" cy="0" rx="17" ry="26" fill="url(#pumpkinGrad)" stroke="#090314" stroke-width="2.5" />
<!-- Canadian Buffalo Plaid Toque -->
<path d="M -19 -18 C -19 -34, 19 -34, 19 -18 Z" fill="#dc2626" stroke="#090314" stroke-width="2.5" />
<rect x="-20" y="-18" width="40" height="7" rx="3" fill="#ffffff" stroke="#090314" stroke-width="2" />
<!-- Mini Maple Leaf on Toque -->
<path d="M 0 -17 L 1.5 -13.5 L 4 -14 L 2.5 -11.5 L 4 -9 L 1.5 -10 L 1.5 -8 L -1.5 -8 L -1.5 -10 L -4 -9 L -2.5 -11.5 L -4 -14 L -1.5 -13.5 Z" fill="#dc2626" />
<!-- White Toque Pom-pom -->
<circle cx="0" cy="-35" r="6" fill="#f8fafc" stroke="#090314" stroke-width="2" />
<!-- Expressive Cartoon Eyes & Tooth Smile -->
<polygon points="-11,-4 -5,-4 -8,-12" fill="#fef08a" stroke="#090314" stroke-width="1.5" />
<polygon points="11,-4 5,-4 8,-12" fill="#fef08a" stroke="#090314" stroke-width="1.5" />
<path d="M -13 6 Q 0 19 13 6 Q 8 14 0 14 Q -8 14 -13 6 Z" fill="#fef08a" stroke="#090314" stroke-width="1.5" />
<!-- Little tooth in smile -->
<rect x="-3" y="6" width="3" height="4" fill="#090314" />
</g>
<!-- Typography: Cartoon Chunky Comic Lettering -->
<g transform="translate(148, 0)">
<!-- YEG Tag Pill with Canadian Leaf -->
<g filter="url(#cartoonShadow)">
<rect x="0" y="20" width="76" height="22" rx="11" fill="#dc2626" stroke="#090314" stroke-width="2.5" />
<text x="13" y="36" font-family="'Impact', 'Arial Black', sans-serif" font-weight="900" font-size="13" fill="#ffffff" letter-spacing="1">🍁 YEG</text>
</g>
<!-- Subtitle: NORTHERN ENCHANTMENT -->
<text x="86" y="36" font-family="'Arial Black', sans-serif" font-weight="900" font-size="11" fill="#4ade80" letter-spacing="1.5" stroke="#090314" stroke-width="0.8">
ENCHANTED PORTAL
</text>
<!-- SPOOKY BOOTH Main Title (Bubbly, Chunky Cartoon Pop Letters) -->
<g filter="url(#cartoonShadow)">
<!-- White shadow outline -->
<text x="0" y="74" font-family="'Impact', 'Arial Black', sans-serif" font-weight="900" font-size="38" fill="#ffffff" stroke="#090314" stroke-width="4" stroke-linejoin="round" letter-spacing="2">
SPOOKY
</text>
<text x="160" y="74" font-family="'Impact', 'Arial Black', sans-serif" font-weight="900" font-size="38" fill="#fb8500" stroke="#090314" stroke-width="4" stroke-linejoin="round" letter-spacing="2">
BOOTH
</text>
</g>
<!-- Dripping Slime drops on title -->
<circle cx="12" cy="77" r="2.5" fill="#a3e635" />
<circle cx="155" cy="77" r="2" fill="#a3e635" />
<circle cx="288" cy="76" r="2.5" fill="#fb8500" />
<!-- Pure Magic Tagline: ZERO AI MENTION -->
<text x="2" y="96" font-family="'Arial Black', sans-serif" font-weight="900" font-size="12" fill="#facc15" letter-spacing="2.5" stroke="#090314" stroke-width="0.8">
HALLOWEEN PHOTO PORTAL 🎃
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB