feat: integrate real Miruro assets from official domains

Replaced placeholder SVGs with actual scraped assets:

- favicon.svg → icon-dark.svg (real Miruro dark mode SVG)
- share.svg → og-image.png (real maskable icon for OG/Twitter)
- Added: icon-light.svg, icon-512x512.png, favicon.ico, apple-touch-icon
- Nav logos now use real Miruro icon image instead of text div
- OG meta tags updated: SVG→PNG for proper social previews
- Both index.html and docs.html updated
- Version badge: v1.1.0 → v1.2.0

public/docs.html

@@ -8,18 +8,21 @@
   <meta property="og:title" content="MiruroAPI — Swagger UI Documentation">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://mirurotvapi.vercel.app/docs">
-  <meta property="og:image" content="https://mirurotvapi.vercel.app/share.svg">
+  <meta property="og:image" content="https://mirurotvapi.vercel.app/og-image.png">
   <meta property="og:description" content="Interactive Swagger UI documentation for MiruroAPI. Test all 16 endpoints directly from the browser.">
   <meta property="og:site_name" content="MiruroAPI">
   <meta property="og:locale" content="en_US">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="MiruroAPI — Swagger UI Documentation">
   <meta name="twitter:description" content="Interactive Swagger UI documentation for MiruroAPI.">
-  <meta name="twitter:image" content="https://mirurotvapi.vercel.app/share.svg">
+  <meta name="twitter:image" content="https://mirurotvapi.vercel.app/og-image.png">
   <meta name="description" content="Interactive Swagger UI documentation for MiruroAPI. Test all 16 endpoints directly from the browser.">
   <meta name="robots" content="index, follow">
   <meta name="theme-color" content="#0b1622">
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="/icon-dark.svg">
+  <link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">
+  <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
+  <link rel="icon" href="/favicon.ico" sizes="48x48">
   <link rel="canonical" href="https://mirurotvapi.vercel.app/docs">
 
   <title>MiruroAPI — Swagger UI</title>
@@ -94,7 +97,7 @@
   <div class="docs-header">
     <div style="display: flex; align-items: center;">
       <a href="/" class="docs-brand">
-        <div class="docs-logo">M</div>
+        <img src="/icon-512x512.png" alt="Miruro" class="docs-logo" style="object-fit:contain; filter:brightness(0) invert();">
         <span class="docs-title">MiruroAPI</span>
       </a>
       <span class="docs-subtitle">Swagger UI Documentation</span>

public/favicon.svg

@@ -1,18 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#38bdf8"/>
-      <stop offset="50%" style="stop-color:#818cf8"/>
-      <stop offset="100%" style="stop-color:#a78bfa"/>
-    </linearGradient>
-    <linearGradient id="shine" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:rgba(255,255,255,0.3)"/>
-      <stop offset="100%" style="stop-color:rgba(255,255,255,0)"/>
-    </linearGradient>
-  </defs>
-  <rect width="512" height="512" rx="96" fill="url(#bg)"/>
-  <rect width="512" height="256" rx="96" fill="url(#shine)"/>
-  <text x="256" y="310" text-anchor="middle" fill="white" font-family="Arial Black,Helvetica Neue,sans-serif" font-size="260" font-weight="900" letter-spacing="-10">M</text>
-  <circle cx="390" cy="140" r="24" fill="rgba(255,255,255,0.9)"/>
-  <circle cx="390" cy="140" r="12" fill="url(#bg)"/>
-</svg>

public/icon-dark.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1024" height="1024" viewBox="0 0 270.93333 270.93332" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(-41.580053,-91.524707)">
+    <path style="fill:#ffffff;fill-opacity:1;stroke-width:1.70387"
+      d="m 247.27543,314.70152 c -6.10955,-6.70519 -16.14364,-12.9409 -13.93299,-23.42798 2.12389,-20.22967 4.00106,-40.51893 3.43613,-60.89302 0.32828,-23.84505 -0.7151,-47.80644 -4.67234,-71.32308 -21.29031,23.99166 -31.12328,55.278 -42.21767,84.73199 -3.89541,12.27935 -21.71766,7.83903 -21.86694,-4.43985 -6.30241,-22.41752 -15.57712,-44.12149 -29.46365,-62.93722 -3.96932,-3.43831 -12.49125,-22.4167 -14.54817,-9.93684 -7.96323,36.33701 -8.31833,73.85796 -6.24645,110.84721 2.19408,10.98054 -3.58307,20.65309 -14.39585,23.75435 -7.691633,1.63664 -18.686185,16.40367 -24.689738,6.4484 -5.549778,-6.39186 -6.386914,-14.77824 3.524397,-16.80023 3.650034,-4.06414 14.883155,-3.99688 13.428515,-10.68708 -0.363081,-6.16925 -0.502499,-12.34844 -0.722494,-18.52376 -6.011978,0.12421 -20.194572,9.14755 -21.048961,0.29803 4.558972,-3.34862 14.481259,-4.72681 17.663382,-6.27314 -5.30158,-0.36703 -12.065997,2.00733 -16.203654,-1.67557 2.654494,-5.22286 11.415092,-2.80527 16.759698,-3.75272 5.21548,0.98551 2.118507,-6.2941 3.203468,-9.41871 1.362186,-31.92446 2.830394,-64.401 12.138507,-95.17623 1.6606,-12.81687 17.56784,-17.5421 25.47531,-6.99678 20.47568,20.4649 38.19519,44.34874 47.58582,71.98892 4.61856,-4.03449 7.71667,-17.72071 12.32719,-24.95391 9.91397,-19.20957 21.02511,-38.64633 37.33735,-53.16525 7.54853,-8.78842 20.64347,-3.59999 20.62749,7.78422 8.57544,35.65229 6.90072,72.55248 7.54692,108.94394 6.47271,0.53048 13.50356,-0.74591 19.53337,1.55892 -0.40011,6.92584 -15.88203,1.54318 -17.9692,4.29818 5.80571,3.1568 22.13502,1.93763 20.18934,10.35691 -7.79577,3.09455 -24.35445,-11.17611 -22.65057,3.17853 1.34495,11.08 -7.66567,25.29061 3.96573,32.80224 7.93679,6.06024 16.23111,15.77249 3.76586,22.34018 -6.35101,7.76687 -12.98193,-5.80286 -17.8798,-8.95065 z m -36.07374,-34.0964 c -9.58671,-2.83824 -11.53728,-17.20921 -2.66126,-22.20068 9.07411,-6.48726 22.3771,4.08888 18.20146,14.33921 -1.92914,6.54286 -9.18288,9.79938 -15.5402,7.86147 z m -75.26977,-2.55526 c -11.469,-1.7362 -13.22099,-19.59021 -2.32646,-23.45757 10.02949,-4.7738 21.46818,7.15397 15.81668,16.84718 -2.45128,4.77109 -8.13415,7.97894 -13.49022,6.61039 z" />
+  </g>
+</svg>

public/icon-light.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1024" height="1024" viewBox="0 0 270.93333 270.93332" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(-41.580053,-91.524707)">
+        <path style="fill:#000000;fill-opacity:1;stroke-width:1.70387"
+            d="m 247.27543,314.70152 c -6.10955,-6.70519 -16.14364,-12.9409 -13.93299,-23.42798 2.12389,-20.22967 4.00106,-40.51893 3.43613,-60.89302 0.32828,-23.84505 -0.7151,-47.80644 -4.67234,-71.32308 -21.29031,23.99166 -31.12328,55.278 -42.21767,84.73199 -3.89541,12.27935 -21.71766,7.83903 -21.86694,-4.43985 -6.30241,-22.41752 -15.57712,-44.12149 -29.46365,-62.93722 -3.96932,-3.43831 -12.49125,-22.4167 -14.54817,-9.93684 -7.96323,36.33701 -8.31833,73.85796 -6.24645,110.84721 2.19408,10.98054 -3.58307,20.65309 -14.39585,23.75435 -7.691633,1.63664 -18.686185,16.40367 -24.689738,6.4484 -5.549778,-6.39186 -6.386914,-14.77824 3.524397,-16.80023 3.650034,-4.06414 14.883155,-3.99688 13.428515,-10.68708 -0.363081,-6.16925 -0.502499,-12.34844 -0.722494,-18.52376 -6.011978,0.12421 -20.194572,9.14755 -21.048961,0.29803 4.558972,-3.34862 14.481259,-4.72681 17.663382,-6.27314 -5.30158,-0.36703 -12.065997,2.00733 -16.203654,-1.67557 2.654494,-5.22286 11.415092,-2.80527 16.759698,-3.75272 5.21548,0.98551 2.118507,-6.2941 3.203468,-9.41871 1.362186,-31.92446 2.830394,-64.401 12.138507,-95.17623 1.6606,-12.81687 17.56784,-17.5421 25.47531,-6.99678 20.47568,20.4649 38.19519,44.34874 47.58582,71.98892 4.61856,-4.03449 7.71667,-17.72071 12.32719,-24.95391 9.91397,-19.20957 21.02511,-38.64633 37.33735,-53.16525 7.54853,-8.78842 20.64347,-3.59999 20.62749,7.78422 8.57544,35.65229 6.90072,72.55248 7.54692,108.94394 6.47271,0.53048 13.50356,-0.74591 19.53337,1.55892 -0.40011,6.92584 -15.88203,1.54318 -17.9692,4.29818 5.80571,3.1568 22.13502,1.93763 20.18934,10.35691 -7.79577,3.09455 -24.35445,-11.17611 -22.65057,3.17853 1.34495,11.08 -7.66567,25.29061 3.96573,32.80224 7.93679,6.06024 16.23111,15.77249 3.76586,22.34018 -6.35101,7.76687 -12.98193,-5.80286 -17.8798,-8.95065 z m -36.07374,-34.0964 c -9.58671,-2.83824 -11.53728,-17.20921 -2.66126,-22.20068 9.07411,-6.48726 22.3771,4.08888 18.20146,14.33921 -1.92914,6.54286 -9.18288,9.79938 -15.5402,7.86147 z m -75.26977,-2.55526 c -11.469,-1.7362 -13.22099,-19.59021 -2.32646,-23.45757 10.02949,-4.7738 21.46818,7.15397 15.81668,16.84718 -2.45128,4.77109 -8.13415,7.97894 -13.49022,6.61039 z" />
+    </g>
+</svg>

public/index.html

@@ -12,7 +12,7 @@
   <meta property="og:title" content="MiruroAPI — Free Anime Streaming API">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://mirurotvapi.vercel.app">
-  <meta property="og:image" content="https://mirurotvapi.vercel.app/share.svg">
+  <meta property="og:image" content="https://mirurotvapi.vercel.app/og-image.png">
   <meta property="og:description" content="Free RESTful API for anime streaming data. 16 endpoints, 12 providers, M3U8 streaming URLs. Powered by AniList GraphQL and Miruro.">
 
   <!-- ──────────────── 2. Optional but Recommended OG Tags ──────── -->
@@ -20,8 +20,8 @@
   <meta property="og:locale" content="en_US">
 
   <!-- ──────────────── 3. Image Optimization ──────────────── -->
-  <meta property="og:image:secure_url" content="https://mirurotvapi.vercel.app/share.svg">
+  <meta property="og:image:secure_url" content="https://mirurotvapi.vercel.app/og-image.png">
-  <meta property="og:image:type" content="image/svg+xml">
+  <meta property="og:image:type" content="image/png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:image:alt" content="MiruroAPI - Free Anime Streaming API">
@@ -30,7 +30,7 @@
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="MiruroAPI — Free Anime Streaming API">
   <meta name="twitter:description" content="Free RESTful API for anime streaming data. 16 endpoints, 12 providers, M3U8 streaming URLs.">
-  <meta name="twitter:image" content="https://mirurotvapi.vercel.app/share.svg">
+  <meta name="twitter:image" content="https://mirurotvapi.vercel.app/og-image.png">
   <meta name="twitter:image:alt" content="MiruroAPI - Free Anime Streaming API">
   <meta name="twitter:domain" content="mirurotvapi.vercel.app">
 
@@ -63,12 +63,12 @@
   }
   </script>
 
-  <!-- ──────────────── Favicon ──────────────── -->
+  <!-- ──────────────── Favicon (Miruro official) ──────────────── -->
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="/icon-dark.svg">
-  <link rel="icon" type="image/png" sizes="512x512" href="https://miruro.tv/icon-512x512.png">
+  <link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">
-  <link rel="icon" type="image/png" sizes="192x192" href="https://miruro.tv/icon-192x192.png">
+  <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
-  <link rel="apple-touch-icon" href="https://miruro.tv/icon-512x512.png">
+  <link rel="mask-icon" href="/icon-dark.svg" color="#38bdf8">
-  <link rel="mask-icon" href="/favicon.svg" color="#38bdf8">
+  <link rel="icon" href="/favicon.ico" sizes="48x48">
 
   <title>MiruroAPI — Free Anime Streaming API</title>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
@@ -303,7 +303,7 @@
   <!-- ──────────────── NAV ──────────────── -->
   <nav class="nav">
     <a href="/" class="nav-brand">
-      <div class="nav-logo">M</div>
+      <img src="/icon-512x512.png" alt="Miruro" class="nav-logo" style="object-fit:contain; filter:brightness(0) invert();">
       <span class="nav-title">MiruroAPI</span>
     </a>
     <div class="nav-links">
@@ -311,7 +311,7 @@
       <a href="/openapi.json">OpenAPI Spec</a>
       <a href="/api/health">Health</a>
       <a href="https://github.com/Shineii86/MiruroAPI" target="_blank">GitHub</a>
-      <span class="nav-badge">v1.1.0</span>
+      <span class="nav-badge">v1.2.0</span>
     </div>
   </nav>
 

public/share.svg

@@ -1,34 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
-  <defs>
-    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#0b1622"/>
-      <stop offset="50%" style="stop-color:#0f172a"/>
-      <stop offset="100%" style="stop-color:#1e1b4b"/>
-    </linearGradient>
-    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#38bdf8"/>
-      <stop offset="100%" style="stop-color:#818cf8"/>
-    </linearGradient>
-    <linearGradient id="icon" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#38bdf8"/>
-      <stop offset="100%" style="stop-color:#a78bfa"/>
-    </linearGradient>
-  </defs>
-  <rect width="1200" height="630" fill="url(#bg)"/>
-  <rect x="0" y="580" width="1200" height="50" fill="url(#accent)" opacity="0.3"/>
-  <rect x="60" y="180" width="6" height="200" rx="3" fill="url(#accent)"/>
-  <text x="90" y="270" fill="white" font-family="Arial Black,Helvetica Neue,sans-serif" font-size="80" font-weight="900">MiruroAPI</text>
-  <text x="90" y="340" fill="#94a3b8" font-family="Arial,Helvetica Neue,sans-serif" font-size="32">Free Anime Streaming API</text>
-  <text x="90" y="390" fill="#64748b" font-family="Arial,Helvetica Neue,sans-serif" font-size="24">AniList GraphQL + Miruro Streaming Providers + M3U8</text>
-  <rect x="60" y="430" width="280" height="50" rx="25" fill="url(#accent)" opacity="0.15"/>
-  <text x="200" y="462" text-anchor="middle" fill="#38bdf8" font-family="Arial,sans-serif" font-size="20" font-weight="600">16 Endpoints</text>
-  <rect x="360" y="430" width="280" height="50" rx="25" fill="url(#accent)" opacity="0.15"/>
-  <text x="500" y="462" text-anchor="middle" fill="#38bdf8" font-family="Arial,sans-serif" font-size="20" font-weight="600">12 Providers</text>
-  <rect x="660" y="430" width="280" height="50" rx="25" fill="url(#accent)" opacity="0.15"/>
-  <text x="800" y="462" text-anchor="middle" fill="#38bdf8" font-family="Arial,sans-serif" font-size="20" font-weight="600">M3U8 Streaming</text>
-  <rect x="960" y="430" width="200" height="50" rx="25" fill="url(#accent)" opacity="0.15"/>
-  <text x="1060" y="462" text-anchor="middle" fill="#38bdf8" font-family="Arial,sans-serif" font-size="20" font-weight="600">v1.1.0</text>
-  <rect x="900" y="120" width="200" height="200" rx="40" fill="url(#icon)" opacity="0.15"/>
-  <text x="1000" y="255" text-anchor="middle" fill="white" font-family="Arial Black,sans-serif" font-size="120" font-weight="900">M</text>
-  <text x="600" y="580" text-anchor="middle" fill="#475569" font-family="Arial,sans-serif" font-size="18">mirurotvapi.vercel.app</text>
-</svg>