update wechat logo and speed insights

yeyouchuan · Dec 9, 2023 · b621425 · b621425
1 parent 2691289
commit b621425
Show file tree

Hide file tree

Showing 6 changed files with 336 additions and 71 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,7 @@
 import type { Metadata } from 'next'
 import Head from 'next/head'
+
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 // These styles apply to every route in the application
 import './globals.css'
@@ -16,7 +18,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        {children}
+        <SpeedInsights />
+      </body>
     </html>
   )
 }
diff --git a/components/platform/Wechat.jsx b/components/platform/Wechat.jsx
@@ -0,0 +1,13 @@
+export default function Wechat() {
+    return (
+        <svg viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <mask id="mask0_99_33" style={{ maskType: 'alpha' }} maskUnits="userSpaceOnUse" x="67" y="67" width="122" height="122">
+            <circle cx="128" cy="128" r="61" fill="#D9D9D9"/>
+            </mask>
+            <g mask="url(#mask0_99_33)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M92.0195 67H163.98C170.61 67.0183 176.964 69.6602 181.652 74.3483C186.34 79.0364 188.982 85.3896 189 92.0195V163.98C188.982 170.61 186.34 176.964 181.652 181.652C176.964 186.34 170.61 188.982 163.98 189H92.0195C85.3896 188.982 79.0364 186.34 74.3483 181.652C69.6602 176.964 67.0183 170.61 67 163.98V92.0195C67.0183 85.3896 69.6602 79.0364 74.3483 74.3483C79.0364 69.6602 85.3896 67.0183 92.0195 67Z" fill="#00C70A"/>
+            <path d="M161.32 153.754C166.572 149.872 169.987 144.173 169.987 137.78C169.987 126.153 158.579 116.791 144.67 116.791C130.76 116.791 119.561 126.153 119.561 137.78C119.561 149.406 130.74 158.768 144.66 158.768C147.436 158.757 150.197 158.373 152.871 157.626C153.211 157.525 153.568 157.493 153.921 157.533C154.274 157.572 154.616 157.681 154.926 157.855L160.625 161.052C161.31 161.508 161.995 161.052 161.766 160.138L160.396 155.174C160.395 154.873 160.481 154.578 160.645 154.326C160.809 154.073 161.044 153.875 161.32 153.754ZM136.221 134.364C135.932 134.435 135.635 134.472 135.337 134.473C134.462 134.426 133.638 134.045 133.035 133.409C132.432 132.773 132.096 131.93 132.096 131.053C132.096 130.176 132.432 129.333 133.035 128.697C133.638 128.061 134.462 127.68 135.337 127.633C135.635 127.634 135.932 127.671 136.221 127.742C136.951 127.935 137.597 128.365 138.058 128.964C138.519 129.563 138.769 130.297 138.769 131.053C138.769 131.809 138.519 132.543 138.058 133.142C137.597 133.741 136.951 134.171 136.221 134.364ZM153.099 134.364C152.813 134.435 152.52 134.471 152.225 134.473C151.761 134.498 151.296 134.428 150.859 134.268C150.422 134.107 150.023 133.859 149.685 133.539C149.347 133.219 149.078 132.834 148.894 132.406C148.71 131.979 148.616 131.518 148.616 131.053C148.616 130.588 148.71 130.127 148.894 129.7C149.078 129.272 149.347 128.887 149.685 128.567C150.023 128.247 150.422 127.999 150.859 127.838C151.296 127.678 151.761 127.608 152.225 127.633C152.52 127.635 152.813 127.671 153.099 127.742C153.83 127.935 154.476 128.365 154.936 128.964C155.397 129.563 155.647 130.297 155.647 131.053C155.647 131.809 155.397 132.543 154.936 133.142C154.476 133.741 153.83 134.171 153.099 134.364ZM116.364 93.5287C99.7637 93.5287 86.2611 104.936 86.2611 118.846C86.2611 126.382 90.1332 133.222 96.5271 137.78C96.9137 138.002 97.2141 138.349 97.3799 138.763C97.5456 139.177 97.5669 139.635 97.4405 140.063L95.842 145.543C95.7764 145.734 95.7659 145.939 95.8116 146.136C95.8574 146.332 95.9575 146.511 96.1005 146.653C96.2435 146.795 96.4237 146.894 96.6203 146.938C96.8169 146.983 97.022 146.971 97.2121 146.904L104.053 143.032C104.417 142.785 104.828 142.618 105.261 142.539C105.693 142.46 106.137 142.473 106.565 142.575C110.334 143.706 114.272 144.17 118.201 143.945C112.72 124.783 131.654 113.832 146.258 114.746C143.975 102.832 131.425 93.5287 116.374 93.5287H116.364ZM106.336 114.746C106.01 114.818 105.677 114.855 105.343 114.855C104.787 114.882 104.231 114.796 103.71 114.602C103.188 114.408 102.711 114.11 102.307 113.726C101.904 113.343 101.583 112.881 101.364 112.369C101.144 111.857 101.031 111.306 101.031 110.749C101.031 110.193 101.144 109.642 101.364 109.13C101.583 108.618 101.904 108.156 102.307 107.772C102.711 107.389 103.188 107.091 103.71 106.897C104.231 106.703 104.787 106.617 105.343 106.644C105.678 106.642 106.012 106.682 106.336 106.763C107.217 106.99 107.998 107.503 108.556 108.222C109.113 108.941 109.416 109.825 109.416 110.735C109.416 111.644 109.113 112.528 108.556 113.247C107.998 113.966 107.217 114.479 106.336 114.706V114.746ZM126.64 114.746C126.314 114.818 125.981 114.855 125.647 114.855C125.091 114.882 124.535 114.796 124.013 114.602C123.491 114.408 123.014 114.11 122.611 113.726C122.208 113.343 121.887 112.881 121.667 112.369C121.448 111.857 121.335 111.306 121.335 110.749C121.335 110.193 121.448 109.642 121.667 109.13C121.887 108.618 122.208 108.156 122.611 107.772C123.014 107.389 123.491 107.091 124.013 106.897C124.535 106.703 125.091 106.617 125.647 106.644C125.982 106.642 126.315 106.682 126.64 106.763C127.515 106.997 128.288 107.513 128.84 108.231C129.391 108.949 129.69 109.829 129.69 110.735C129.69 111.64 129.391 112.52 128.84 113.238C128.288 113.957 127.515 114.472 126.64 114.706V114.746Z" fill="white"/>
+            </g>
+        </svg>
+    )
+}
diff --git a/components/platform/platform.jsx b/components/platform/platform.jsx
@@ -9,6 +9,7 @@ import { useState, useEffect } from 'react'
 import Xiaoyuzhou from './Xiaoyuzhou'
 import Apple from './Apple'
 import Spotify from './Spotify'
+import Wechat from './Wechat'
 
 export default function platform() {
 
@@ -110,7 +111,23 @@ export default function platform() {
                             <Spotify />
                         </div>
                     </div>
-                    <div className='aspect-square border-b border-[#303030]'></div>
+                    <div className='aspect-square border-b border-[#303030]'>
+                        <div 
+                            className='w-full h-full blur-sm hover:blur-none duration-700 scale-75'
+                            onMouseEnter={() => {
+                                if (window.innerWidth >= 768) {
+                                    setHoveredText({ text: '微信', colorClass: 'text-[#00C70A]' });
+                                }
+                            }}
+                            onMouseLeave={() => {
+                                if (window.innerWidth >= 768) {
+                                    setHoveredText({ text: '各种平台', colorClass: 'text-white' });
+                                }
+                            }}
+                        >
+                            <Wechat />
+                        </div>
+                    </div>
                     <div className='aspect-square border-r border-[#303030]'></div>
                     <div className='aspect-square border-r border-[#303030]'></div>
                     <div className='aspect-square border-r border-[#303030]'></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "@react-email/components": "^0.0.11",
     "@upstash/ratelimit": "^1.0.0",
     "@upstash/redis": "^1.25.1",
+    "@vercel/speed-insights": "^1.0.1",
     "framer-motion": "^10.16.5",
     "next": "^14.0.3",
     "node-fetch": "^3.3.2",