banner.svg•3.42 kB
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800" height="400" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background with gradient -->
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1e3a8a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0f172a;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Main background -->
<rect width="800" height="400" rx="15" ry="15" fill="url(#grad1)" />
<!-- Decorative elements - mosque silhouette -->
<path
d="M600,300 L620,300 L620,250 L640,250 L640,300 L660,300 L660,230 C660,230 680,200 700,230 L700,300 L720,300 L720,200 C720,200 650,150 600,200 L600,300 Z"
fill="#4b5563" opacity="0.7" />
<circle cx="660" cy="180" r="20" fill="#fcd34d" opacity="0.9" /> <!-- Moon -->
<!-- Stars -->
<circle cx="620" cy="150" r="2" fill="white" opacity="0.8" />
<circle cx="640" cy="140" r="1.5" fill="white" opacity="0.7" />
<circle cx="680" cy="160" r="2" fill="white" opacity="0.8" />
<circle cx="700" cy="145" r="1.5" fill="white" opacity="0.7" />
<!-- Title -->
<text x="400" y="120" font-family="Arial, sans-serif" font-size="36" font-weight="bold"
fill="white" text-anchor="middle">Malaysia Prayer Time</text>
<text x="400" y="170" font-family="Arial, sans-serif" font-size="30" font-weight="bold"
fill="#fcd34d" text-anchor="middle">MCP Server</text>
<!-- Subtitle -->
<text x="400" y="220" font-family="Arial, sans-serif" font-size="18" fill="#e5e7eb"
text-anchor="middle">Accurate Prayer Times for Malaysia</text>
<!-- Prayer time example display -->
<rect x="100" y="250" width="400" height="120" rx="10" ry="10" fill="#1f2937" opacity="0.8" />
<!-- Prayer time labels -->
<text x="130" y="280" font-family="Arial, sans-serif" font-size="16" fill="white">Fajr</text>
<text x="130" y="310" font-family="Arial, sans-serif" font-size="16" fill="white">Dhuhr</text>
<text x="130" y="340" font-family="Arial, sans-serif" font-size="16" fill="white">Maghrib</text>
<text x="230" y="280" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">05:48 AM</text>
<text x="230" y="310" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">01:15 PM</text>
<text x="230" y="340" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">07:24 PM</text>
<text x="330" y="280" font-family="Arial, sans-serif" font-size="16" fill="white">Syuruk</text>
<text x="330" y="310" font-family="Arial, sans-serif" font-size="16" fill="white">Asr</text>
<text x="330" y="340" font-family="Arial, sans-serif" font-size="16" fill="white">Isha</text>
<text x="430" y="280" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">07:05 AM</text>
<text x="430" y="310" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">04:35 PM</text>
<text x="430" y="340" font-family="Arial, sans-serif" font-size="16" fill="#fcd34d">08:39 PM</text>
<!-- Logo for MCP -->
<text x="680" y="340" font-family="Arial, sans-serif" font-size="12" fill="white"
text-anchor="middle">Powered by</text>
<text x="680" y="360" font-family="Arial, sans-serif" font-size="14" font-weight="bold"
fill="#fcd34d" text-anchor="middle">Model Context Protocol</text>
</svg>