feat(next): add logos (#246)

docs/.vitepress/config.ts

@@ -20,6 +20,14 @@ export default defineConfig({
     },
   },
   dir: rootDir,
+  head: [
+    ['link', { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }],
+    ['link', { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" }],
+    ['link', { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" }],
+    ['link', { rel: "manifest", href: "/site.webmanifest" }],
+    ['meta', { name: "msapplication-TileColor", content: "#4c4c4c" }],
+    ['meta', { name: "theme-color", content: "#ffffff" }],
+  ],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     siteTitle: 'RLE.wiki',

docs/.vitepress/theme/style.css

@@ -8,7 +8,7 @@
  *
  * Each colors have exact same color scale system with 3 levels of solid
  * colors with different brightness, and 1 soft color.
- * 
+ *
  * - `XXX-1`: The most solid color used mainly for colored text. It must
  *   satisfy the contrast ratio against when used on top of `XXX-soft`.
  *
@@ -94,18 +94,28 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #bd34fe 30%,
-    #41d1ff
+    #eaacb8 30%,
+    #47caff
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #bd34fe 50%,
-    #47caff 50%
+    #e6a3b0 30%,
+    #ffffff 50%,
+    #47caff 70%
   );
   --vp-home-hero-image-filter: blur(44px);
 }
 
+.dark:root {
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #eaacb8 30%,
+    #47caff 50%,
+    #eaacb8 75%
+  );
+}
+
 @media (min-width: 640px) {
   :root {
     --vp-home-hero-image-filter: blur(56px);

docs/index.md

@@ -13,6 +13,9 @@ hero:
     - theme: brand
       text: Fashion 👕
       link: /fashion/
+  image:
+    src: /logo-with-shadow.png
+    alt: RLE.wiki logo
 
 ---
 

docs/public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#4c4c4c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

docs/public/logo.svg

@@ -0,0 +1,19 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M432 880H588" stroke="#AFBCD8" stroke-opacity="0.75" stroke-width="80" stroke-linecap="round"/>
+<path d="M432 600V880" stroke="#AFBCD8" stroke-width="80" stroke-linecap="round"/>
+<path d="M736 736H908" stroke="#EAACB8" stroke-opacity="0.75" stroke-width="80" stroke-linecap="round"/>
+<path d="M736 596V876" stroke="#EAACB8" stroke-width="80" stroke-linecap="round"/>
+<path d="M736 592H912" stroke="#EAACB8" stroke-width="80" stroke-linecap="round"/>
+<path d="M736 880H908" stroke="#EAACB8" stroke-width="80" stroke-linecap="round"/>
+<path d="M196 752L268 880" stroke="#7ACBF5" stroke-opacity="0.75" stroke-width="80" stroke-linecap="round"/>
+<path d="M116 592L196 592C300 592 300 752 196 752H116" stroke="#7ACBF5" stroke-width="80" stroke-linecap="round"/>
+<path d="M112 880V596" stroke="#7ACBF5" stroke-width="80" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M138.722 93.4571C108.663 86.5686 80 109.406 80 140.244V400.164C80 423.262 96.4515 443.085 119.154 447.341L215.154 465.341C244.694 470.88 272 448.218 272 418.164V162.244C272 139.865 256.535 120.456 234.722 115.457L138.722 93.4571ZM437.175 93.6168C467.261 86.6525 496 109.499 496 140.38V403.874C496 426.939 479.594 446.743 456.932 451.036L360.932 469.217C331.367 474.817 304 452.146 304 422.056V162.603C304 140.263 319.411 120.877 341.175 115.839L437.175 93.6168Z" fill="url(#paint0_radial_9_306)"/>
+<defs>
+<radialGradient id="paint0_radial_9_306" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(80 96.0001) rotate(42.1087) scale(560.742 617.363)">
+<stop stop-color="#FDEFF0"/>
+<stop offset="0.275217" stop-color="#FDB7C0"/>
+<stop offset="0.733346" stop-color="#7ACBF5"/>
+</radialGradient>
+</defs>
+</svg>

docs/public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "RLE.wiki",
+    "short_name": "RLE.wiki",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}