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
This commit is contained in:
Sʜɪɴᴇɪ Nᴏᴜᴢᴇɴ
2026-06-09 15:22:27 +05:30
parent d2193670f4
commit a1cc22e84a
10 changed files with 33 additions and 68 deletions
+12 -12
View File
@@ -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:type" content="image/svg+xml">
<meta property="og:image:secure_url" content="https://mirurotvapi.vercel.app/og-image.png">
<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 ──────────────── -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="512x512" href="https://miruro.tv/icon-512x512.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://miruro.tv/icon-192x192.png">
<link rel="apple-touch-icon" href="https://miruro.tv/icon-512x512.png">
<link rel="mask-icon" href="/favicon.svg" color="#38bdf8">
<!-- ──────────────── Favicon (Miruro official) ──────────────── -->
<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="mask-icon" href="/icon-dark.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>