From 113b6a8375a5b840336b342dee3fb783c4747098 Mon Sep 17 00:00:00 2001
From: yude <i@yude.jp>
Date: Sun, 26 May 2024 21:25:29 +0900
Subject: [PATCH] Update style

---
 public/buttons/009button.gif      | Bin 0 -> 1684 bytes
 public/buttons/mac.gif            | Bin 0 -> 1025 bytes
 public/buttons/parental.png       | Bin 0 -> 534 bytes
 public/buttons/right2repair.png   | Bin 0 -> 4690 bytes
 public/buttons/vscbutton.gif      | Bin 0 -> 1958 bytes
 public/buttons/www.gif            | Bin 0 -> 1531 bytes
 src/App.tsx                       |   8 +-
 src/components/Card.tsx           | 136 +++++++++++++++---------------
 src/components/Footer.tsx         |   5 --
 src/components/HorizontalMenu.tsx |   7 +-
 src/components/Misc.tsx           |  24 ++++++
 src/components/VerticalMenu.tsx   |  62 +++++++-------
 src/components/Weather.tsx        |   7 --
 13 files changed, 132 insertions(+), 117 deletions(-)
 create mode 100644 public/buttons/009button.gif
 create mode 100644 public/buttons/mac.gif
 create mode 100644 public/buttons/parental.png
 create mode 100644 public/buttons/right2repair.png
 create mode 100644 public/buttons/vscbutton.gif
 create mode 100644 public/buttons/www.gif
 create mode 100644 src/components/Misc.tsx
 delete mode 100644 src/components/Weather.tsx

diff --git a/public/buttons/009button.gif b/public/buttons/009button.gif
new file mode 100644
index 0000000000000000000000000000000000000000..164709e7855c39ab023c64c5f1b974fe27acfa34
GIT binary patch
literal 1684
zcmd^8|2va=82)T#dqsJRG{e~BFqJG<N?%U1#4L5;xWq0IDo#t9=_I7ZNIT1!b5_0_
zUAQzQ#?)Dd>b=ToUL<d;qxJQ?Cw;NLs3o0iiF%LDzj2-)?jP>w`Qdr)`+g!K!&io+
zCIC-h1z(FG2waPpP)sVyB+ORAN|+EF1{?rH0K@{o2OtChmc>F~n8|7-#93wP>TUqX
zLUfT<Z<^r%EVTDk0J<oIFLL3EF_RgvL{9t~@}hLF_=+$YVk=ap9PbAlVVt_(OWaV~
za-R2dUjc%b>4(IF)^z=YWDT0pVJtE{zddRZYEAlwFAu0{<e0evdzOvj667|hxuP_^
ztpEG<wXtyo$8ln2O+tOPN{?s>0uY~f6GQ<)C~;g(OwkDoAk2Wk0Wl`Fnt)si5f~sI
zhG~@CNt4Km%yjDr#DUO*k$T%prBo9l*D8gWMl{{zaO`kaN6~V9UEZ?_=0rmffhnz+
z+KMAj57|#vb6%@BuWEQxoyn6*`m@8#Cvu->M+5NkC1xcT(-fEywYh-)G|NFP;^11j
z)r7oAA>&y-7q@y}k99B!0m=tTu}CAAnuN3J_;id9nbz6XNz=6)AP(WghHy<nmX-xH
zEP!z#B?rd%EG(9brV9sZE6^D-gsu?@v6%rnKv@vNf^e+{g#ki`P!_BWUyHyH3IGCt
z9smshC<KY=bX+dSRjN9v)M~Mej*iZVcmMu<48srv(d+d(ovyXD_2kKu6%`eS4jq~a
z!+)XpzW{5JLIOYs7JohX>rViP05*`jK-bVy0y+67^+%_+l)>J@x--VO)+5eAyB=j4
z+2JL$@M>P8cR1wa?XWj#;8s%)nHfE7WZ9r|Jk}Jc0EyICThF6Wk3(^@H&&5*DQC8^
z%PJNu-!*n`{7G-QYkZsE+LgnZvU;Z@OvKOFSH+`8wM9$HZr)%7Cv-i2Vi-_|oSLPW
ze^2k1(zyYlHkYe6do0^}wJWrwv~<n_pPjD)D`iLLdM8HBbzdA8c<)NXl_HnVcQcKM
zZDqV79gV8Jn-t&HUs*yu<{l87mzN{Ietf8D;}Msk?hf<QWGD8)iB+@Rf_Hs++&OU#
zJ@%S&uIUV4Q(l4%l>S1vI6eycczeW=z3F`TkTh64R>uvxMpd}6`KR_uihn%e<&wM8
z_<a*8I4PyD@-#Cs?YGLZf}1Td;oht+RWU?Y82R=LKT_}9vkhCA882A0<ed7(6O6>v
zyb<@pEcJM=OHMaj47nA8L`taOmfV#wqKnCQ=yopiSf}?Du)S{RQtbm|?|Nt+g>b0T
z`Y6)&^(%8<KIbJD4a7!lFI|R8#e%eQPd{ZK-_Az~_%x3wp3F6l(r63MEsa#wrw4pg
z`DOf(QO=Z5=JBDRTuHIrf+QV}B8)yvao+lY)6A1mFFsjM{xD)&cwjgt!gYu4FqM%3
zp940|VT2cDejF?*Zr=K(n^SekKjMUArJ)m*?lVXrro_M%*f<2vIDGjam*VWsb8c2`
z+moNwet*wkOMN%HSHN`SpAKg<c=39uL(6m#jF_-SIh^ou+ne^gMT1LzCuI&=F7VmQ
zf$tA_l7QUpdmBkqx}O)#bw}oSDI6(~ExPb2?bqy3Fg2JB1h%Tkg+FzTrZIM?xc-LS
z1}+LmtQr3c@wAzxYxl^Qe#u*#NACCCxsvQzpsl&}o*wERv%z-Wz6TwBldFa#9W0tm
z;aj;kR^Y3+*V*4~j_;(*i@#yaJ?-}Na&`yfyG<^ktMks;`Bo?8*!h$TR#5lvPmrvM
z=}Sv%oA`5u<G0aw$o~W?9-T<Y8CWP&=SNT+DRyt4m+rUMKlZwk743LdNsjzRHP+K-
zcPC$=8eVds{nP7o_ME9P*MZGbZ{WmJLjTLww^Np@w58MU3=6Ug-?eqUzyAKl3d{6_
RF=FZG55rs59pr)4{{rG2oM!+4

literal 0
HcmV?d00001

diff --git a/public/buttons/mac.gif b/public/buttons/mac.gif
new file mode 100644
index 0000000000000000000000000000000000000000..155e81b5812c4ad5f76633a5f332a1ed2a4cc23d
GIT binary patch
literal 1025
zcmV+c1pfO+Nk%w1VORhk0M!5h|NsB@|Nrm*|LOYw+W!CV@9*E=-?i-j$Km#^=l|B$
z*0tC3%*@Qf!osS^<d@C%iO~DMzrTvZ>b14CZp8Mjt*v#u?T4__qobo_v*?+bnU0Q*
zQlQo{r|E-(gD#umH<QzPdU_L=<p7iJaBy%lf4u;V=|py^0EFUZW@Z3)*Ir&;4RX8y
za?KNNvH)hx5nrSLVZKdGO#oW809L60OsPFRJpe?PGcz*)Hi;b_9Ssc)0002~0RjL3
z00000A^8La6aYN{EC2ui09XJY000L6z>RQ7EE<o<q;knz0-n&QbV{vSuh?u=sO@^c
zU@RBBKx7q@$+IzOSSN}wc-$3qUXSb~l`;TGDH~QPYI0t5S{)`W0eUGRaF2o$8yXA%
z1{!;63K$x3Pz4nlZVelzg-?{0TY_B_C@~OPdlefK9zq5a3>zc`Bpw)q1%!JAP$3=_
zDQqbk8huZ@y(Fz(F)<chdkiVdLIoQkAt?&x0LFnEgiq&jLVE!3PvYb$*H;5j76bqR
z2pV0H$Hzdt6a|JA!{Ciqp8^y700732L>heb02~{ZkIDiG7BXZwAYcK97Bpy_*jGiK
z25Y)P1Vh+>1Uoeo09A;>zyk^Y3=lD*!z9xKLMn)$2(Tc+gozO%M05~=qN<7-IanIn
zDktd^4lh)oaQbwFQ>!y*XywYbi&qOY#+DsHmo5qwGgt`p!axTP98+ZQ*b$*^M<_H}
zIIYXrgo+q54#+XUgU6*%l`k8fk`%#>v5e`SeH>%$mmNH;LBUXY^I-rBKFcLbw(5%)
z{^Z!up(Bb6!BQARKo-S71c_fd%dSeh_KO(_4A~%Ixt@*?JfKw2fdj`5;stE1z`;Yt
z99K#czi1(rtXan`W_*wyfrl#$B(OiJZ><84!Uf<E!V@d(aNZOy%rL`xvyIjQWV3(~
z9soN427n9<V0Vdl`~3(1KnUMKfu36<K9NBU*|5i)30A!T*$f$g5rH);@Zbkv*cDb-
zhlS~216N)VP{Rx<s$k@i4?=c>3o;Jq-v$*}lOs<yc$gZHB|ZTHirK8!!k0-Zc!L8?
zK2hNcmrVHt2{vqCrD}$F1%Qw=5Sh)L*(f*z3}HktAOJP?27rG6;;;e$^%b_mk6XzJ
zfCV|!iD#Y*-eATYfBJVQq8^eUD4`dI7-yDHfRMutH4HiF4Hw8k0-QVS^v9J|4oBV!
z#__P}pvY<A=o1pSP=W*k03g5vAe2C67$oel!=|oaH`oS(Rp{mp7y#g=4I!+sD~YaY
vVL$-|^g2ZW<oHn@fo2(oAZv1@hAS_Y^VVzFulDAfMHBq?>+iq(1_1y&9ht1X

literal 0
HcmV?d00001

diff --git a/public/buttons/parental.png b/public/buttons/parental.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba89dab0757dad8508fa8fe83546acef5049c36e
GIT binary patch
literal 534
zcmV+x0_pvUP)<h;3K|Lk000e1NJLTq003A30018d0ssI2?5dr&00009a7bBm000XU
z000XU0RWnu7ytkO2XskIMF-&l9SsRIc5xWm0000TX;fHrLvL+uWo~o;00000Lvm$d
zbY)~9cWHEJAV*0}P-HG;2LJ#8j7da6RA}DqSj(=&AP80C|NpXg(TrmdPJv3>xsg?)
zh<M67rA;ZNl(L?+we~%hGrKjeOZ?;dxYb&dzFB^7FHvtXjS8*$Ci45%%!5}n@-da|
z6bDtGQ7COs;y>1BAvx!8!(IY}q@rYvtj}W{4=fzsdMgm804>z)=6mZS4ha&F)hHbD
zH$mgN*_dBT#o>@-vC}C(h?kNOu;sowDn^Vs(q~`eK_Ucffvb-sWm2q|bj7$XF9F!+
zDX;D;%HI=MS<bbCMxli<i`c~vl-N&Ilja!FaW!Ea_xChSZB#+!`(yoinnyaYkiu$U
z`fMNiuRc=rei5hZ8>-;4_C4(Q#BH>`yz^Mob-e`ygE_FZdyP$@-KR1wky#U&!4YSk
z<ARh#S+keUN)gAw@5#@Jn-P<7Gs_Qnz(`s;i-pVzXf8Ep4N_T#X2+*eX~jm-)tb9c
zX%Zdf!)LjZRd@jqY*#yC@wQpuMSY4gWSDyUE1fl9wm#LwUo~?l>zrx{1XjeY3UA`+
Y4-?AE0M9<g<p2Nx07*qoM6N<$f|VBM2><{9

literal 0
HcmV?d00001

diff --git a/public/buttons/right2repair.png b/public/buttons/right2repair.png
new file mode 100644
index 0000000000000000000000000000000000000000..21fffb521fffc1eefd7e9e049e80830f16ceced0
GIT binary patch
literal 4690
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
UFTKLV#Q*>R07*qoM6N<$f=6D`egFUf

literal 0
HcmV?d00001

diff --git a/public/buttons/vscbutton.gif b/public/buttons/vscbutton.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8a4cad2fd12d9bdddbfe6e0c0568cd98138eecb2
GIT binary patch
literal 1958
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

literal 0
HcmV?d00001

diff --git a/public/buttons/www.gif b/public/buttons/www.gif
new file mode 100644
index 0000000000000000000000000000000000000000..48fbd13319e6420682be53e163f67f95be37ed96
GIT binary patch
literal 1531
zcmb_bk5|oS7=LX>F@*V1atw`D8K*b2EnC8^91>UEiVj)5`XL==8ls3=Mx3O2!<Mzx
zy{Xhvr_h#L*Uz_u;+imZ5FN!jTYl`!-hJNh->~PLd%pL%&+~kq&*$@eudlz(^W%sJ
zGJ(7#DpIshiuOoBmZGAep+VwzNu>6`6W<W{?f(l(2qT0OBGe{iloHAa<%9}Cr7AK?
z7$b}mCJ2+Nms7$S;hb<mxKyKp62XYzL<k}jQz9vmj7UzT0Br@Vpn-*9bW62I1*4Qx
zDkzm|Ei%R^<CF=?q+)?0XOwfw1?5taLa$&{a4G~95*#r~C8Ls4DX7F&um%`NgC%I8
zhQ+`JG_Wu%l^~TPIAek_sq|qjGR_$nj7udKEKn4j3BiPfdXPddlblJxB;>&l(8M(C
zfPRpGLa+uHNP{I>!2^qd4QOCV<(w)bM+nZPG7|c*7MT!SNcal5V1Xi+f=l=ar(pni
zp&dp;Ev$qepowYN0ZtGMg<uUZkj5lvfd>`?8_-gnNOhx(93gQr7zuq?i%e)QnetV;
zw<>BUR5oi@QN5bc%5}{<HLBU6j-V-2NE&H%6OD%g)}Zk^;7TwLny_l(>;C-+u_JEk
ztycdDVuO9Qj(!yd=TdD(x~#ldalA3zZt}vTo_2e@W5?3iyB8}9FC2J(-d@Ly;d?B}
z6RsFnnwB{Yik-g7oE`IXr0$S=g88m}Ri`-WwZ+<Gy8duMri+YOak*$;ZgIHx`F9;Q
zl{6pwq&TcP>{LlWDLudzl}uZvFJ4l=y31@W3@%OhvZdSM)|9|A%R7GeGF9$t30r*0
zXmPK-GOQ-CcYWX1QPKD6=2s2s>B^g~`?W3Bl$8I-H@`Y9+3{IcZMmV&FiQW(g+INU
zm1DA)-!gr;_G*mRQ%|qc9$&O>U2$@NtK-a&Lg%Q$rXQMP9(&ZaK5?!(5})gkxcKFw
zH(`Bi?k9|UF6THry<f9JRJL2g2MmrL?{PL#Hhb14*0=w;*|$9DPR;BD<G^qS4`XrT
zwzj<E)})PdU$mx<+x}P|nKj2RBE<Rd%lqTr)+H81Td%K9+ZE!ZYsqjfy12^iU(@aZ
zo4&KWN*x;BklU{Rz|7X{ZR&lsbaPT=h;CN(HSc-*>Y9!FhuXS4vF!ZzbzXk<#C}_r
zx<v)*2e0;+KecVxq|8_E4f*4djnlg5jp>JihqTO(Nd3INvva|Yn<FwpeW%z?8XfRi
zXaNsDHpTdLhkfz*9YMW8X~#Ctiu!Tu+2Jpi^Jm)=zmHoreqnUcH?#bvI_)oU$_q>T
zs>3JjozYKr9ocqowm!e@^>6(<PMp%6cS*jH9T99Fx30(<ZK!ScDLK5Xt8hcm!YKQb
zYvVh8#u&T@$5$km$989ox%~Ho%(3jDB{ZhauBX<J?Yb`WR#BW=`HiOZoH6Dc*XN_$
zueqjHJCCr$`<52ne&E+#bD~lIQB&ahdYe10jlcX8U|aE%Pw&_nGtHxq&M>=2mQJfV
zc<%P(rh6OQf|oiQ5B6SipxrG6Th7hw*gfLH`Rn;{<=eUpI|J<9{YRcSQ<nNB_RjP&
pdD^M!s^8QetG~zWp1)cHeW&%^SZ;W;<Yvg)vOa6*!2aaZ{{UIR%9j8D

literal 0
HcmV?d00001

diff --git a/src/App.tsx b/src/App.tsx
index 0c4b0d1..742f13b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,6 +2,7 @@ import { RecoilRoot } from 'recoil'
 
 import Mutuals from "./components/Mutuals"
 import Card from "./components/Card"
+import Misc from "./components/Misc"
 import VerticalMenu from "./components/VerticalMenu"
 import HorizontalMenu from "./components/HorizontalMenu"
 import LanguageMenu from "./components/LanguageMenu"
@@ -41,7 +42,7 @@ export default function App() {
 
   useEffect(() => {
     handleScroll();
-    window.scrollTo(0, 60)
+    window.scrollTo(0, 10)
 
     window.addEventListener('scroll', handleScroll);
     return () => {
@@ -55,16 +56,17 @@ export default function App() {
         <>
           <Mutuals />
           <div>
-            <div className={`sticky h-screen`} style={{ opacity: cardOpacity, marginTop: `60px` }}>
+            <div className={`sticky h-screen`} style={{ opacity: cardOpacity, marginTop: `-200px` }}>
               <div id="card" className="fixed py-5 -mt-20" style={{ top: `${cardY}px` }}>
                 <Card />
+                <Misc />
               </div>
             </div>
 
             <div className="grid justify-items-center">
               <div id="content" className="absolute dark:text-white sm:min-w-[565px]" style={{ top: `${contentY}px` }}>
                 <div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-3xl">
-                  <div className="sticky top-5 hidden md:block md:col-span-1">
+                  <div className="hidden md:block md:col-span-1">
                     <VerticalMenu />
                   </div>
                   <div className="sticky top-14 md:hidden">
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 35b2d9e..3c5ac0d 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -6,6 +6,7 @@ import { faXTwitter, faDiscord, faGithub } from '@fortawesome/free-brands-svg-ic
 import { useState, useEffect } from 'react';
 
 import Logo from "./Logo"
+import Misc from "./Misc"
 
 interface NowPlaying {
     album?: string
@@ -23,79 +24,80 @@ export default function Card() {
         fetch(
             "https://vercel-spotify-api.vercel.app/api/Spotify"
         )
-        .then(res => res.json())
-        .then(data => {
-            if (data) {
-                setNp(data)
-            }
-        })
+            .then(res => res.json())
+            .then(data => {
+                if (data) {
+                    setNp(data)
+                }
+            })
     }, [])
 
     return (
-        <div className="container">
-            <div
-                className="absolute opacity-20 w-screen -z-10 blur-sm"
-                style={np && np.isPlaying ? {
-                    height: `93%`,
-                    backgroundImage: `url(${np.album_art})`,
-                    backgroundColor: `rgba(255, 255, 255, 0.2)`,
-                    backgroundBlendMode: `lighten`
-                } : {}}
-            ></div>
-            <div className="flex justify-center w-screen items-center">
-                <div className="mx-2 inline-block">
-                    <img
-                        draggable="false"
-                        className="rounded-full hover:cursor-grab"
-                        width={100}
-                        height={100}
-                        src="./avatar.webp"
-                    />
-                </div>
-                <div className="mx-2 text-left h-full inline-block">
-                    <Logo />
-                    <p className="dark:text-white mt-2 -mb-1">
-                        {np && np.isPlaying && 
-                            <div className="flex flex-row">
-                                <div className="w-5 text-gray-900 dark:text-gray-300">
-                                    <FontAwesomeIcon icon={faMusic} />
+        <>
+            <div className="container">
+                <div
+                    className="absolute opacity-20 w-screen -z-10 blur-sm"
+                    style={np && np.isPlaying ? {
+                        height: `93%`,
+                        backgroundImage: `url(${np.album_art})`,
+                        backgroundColor: `rgba(255, 255, 255, 0.2)`,
+                        backgroundBlendMode: `lighten`
+                    } : {}}
+                ></div>
+                <div className="flex justify-center w-screen items-center">
+                    <div className="mx-2 inline-block">
+                        <img
+                            draggable="false"
+                            className="rounded-full hover:cursor-grab"
+                            width={100}
+                            height={100}
+                            src="./avatar.webp"
+                        />
+                    </div>
+                    <div className="mx-2 text-left h-full inline-block">
+                        <Logo />
+                        <p className="dark:text-white mt-2 -mb-1">
+                            {np && np.isPlaying &&
+                                <div className="flex flex-row">
+                                    <div className="w-5 text-gray-900 dark:text-gray-300">
+                                        <FontAwesomeIcon icon={faMusic} />
+                                    </div>
+                                    <div className="text-left max-w-xs">
+                                        <span className="text-gray-900 dark:text-gray-300">{np.artist}</span>
+                                        <p className="text-lg">{np.title}</p>
+                                    </div>
                                 </div>
-                                <div className="text-left max-w-xs">
-                                    <span className="text-gray-900 dark:text-gray-300">{np.artist}</span>
-                                    <p className="text-lg">{np.title}</p>
-                                </div>
-                            </div>
-                        }
-                    </p>
-                    <div className="dark:text-white mt-2">
-                        <p className="font-mono left-0.5 relative">
-                            <FontAwesomeIcon icon={faEnvelope} className="dark:text-gray-300" />{" "}
-                            i@yude.jp
-                        </p>
-                        <p className="font-mono left-0.5 relative">
-                            <FontAwesomeIcon icon={faPhone} className="dark:text-gray-300" />{" "}
-                            +81 70-8909-1949
-                        </p>
-                        <p className="font-mono left-0.5 relative">
-                            <a href="https://x.com/yude_jp">
-                                <FontAwesomeIcon icon={faXTwitter} className="dark:text-gray-300" />{" "}
-                                @yude_jp
-                            </a>
-                        </p>
-                        <p className="font-mono left-0.5 relative">
-                            <FontAwesomeIcon icon={faDiscord} className="dark:text-gray-300" />{" "}
-                            <span className="-ml-1">yude</span>
-                        </p>
-                        <p className="font-mono left-0.5 relative">
-                            <a href="https://github.com/yude">
-                                <FontAwesomeIcon icon={faGithub} className="dark:text-gray-300" />{" "}
-                                yude
-                            </a>
+                            }
                         </p>
+                        <div className="dark:text-white mt-2">
+                            <p className="font-mono left-0.5 relative">
+                                <FontAwesomeIcon icon={faEnvelope} className="dark:text-gray-300" />{" "}
+                                i@yude.jp
+                            </p>
+                            <p className="font-mono left-0.5 relative">
+                                <FontAwesomeIcon icon={faPhone} className="dark:text-gray-300" />{" "}
+                                +81 70-8909-1949
+                            </p>
+                            <p className="font-mono left-0.5 relative">
+                                <a href="https://x.com/yude_jp">
+                                    <FontAwesomeIcon icon={faXTwitter} className="dark:text-gray-300" />{" "}
+                                    @yude_jp
+                                </a>
+                            </p>
+                            <p className="font-mono left-0.5 relative">
+                                <FontAwesomeIcon icon={faDiscord} className="dark:text-gray-300" />{" "}
+                                <span className="-ml-1">yude</span>
+                            </p>
+                            <p className="font-mono left-0.5 relative">
+                                <a href="https://github.com/yude">
+                                    <FontAwesomeIcon icon={faGithub} className="dark:text-gray-300" />{" "}
+                                    yude
+                                </a>
+                            </p>
+                        </div>
                     </div>
                 </div>
-                </div>
             </div>
+        </>
     )
-  }
-  
\ No newline at end of file
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d53d552..4a65ad7 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,14 +1,9 @@
-import Weather from "./Weather"
-
 export default function Footer() {
     return (
         <div className="text-center text-gray-500 mb-5">
             <img alt="yude.jp banner" src="./banner_new.png" className="h-12 inline" />
             <img alt="happybusy" src="./busy_banner.webp" className="h-12 inline" />
             <img alt="Page view counter" src="https://moe-counter-cf.yude.workers.dev/yude.jp:home" className="h-20 mx-auto" />
-            <div>
-                <Weather />
-            </div>
             <p className="mt-5">
                 <a href="https://github.com/yudejp/yude.jp">
                     &copy; 2024 yude
diff --git a/src/components/HorizontalMenu.tsx b/src/components/HorizontalMenu.tsx
index 1068d5b..8b3d45a 100644
--- a/src/components/HorizontalMenu.tsx
+++ b/src/components/HorizontalMenu.tsx
@@ -3,12 +3,9 @@ import { faUser, faStar, faComments } from '@fortawesome/free-regular-svg-icons'
 import { faPassport } from "@fortawesome/free-solid-svg-icons"
 import { Pages } from "./VerticalMenu"
 
-import { RecoilRoot, atom, useRecoilState } from 'recoil'
+import { RecoilRoot, useRecoilState } from 'recoil'
 
-export const currentPage = atom({
-    key: 'page',
-    default: Pages.Profile,
-})
+import { currentPage } from "./VerticalMenu"
 
 export default function HorizontalMenu() {
     const [page, setPage] = useRecoilState(currentPage);
diff --git a/src/components/Misc.tsx b/src/components/Misc.tsx
new file mode 100644
index 0000000..bfacfdb
--- /dev/null
+++ b/src/components/Misc.tsx
@@ -0,0 +1,24 @@
+export default function Weather() {
+    return (
+        <div className="flex justify-center items-start w-screen">
+            <div>
+                <div className="inline-block">
+                    <iframe
+                        src="https://www.tenki-yoho.com/blogparts/img.php?all,acrweb"
+                        width={166}
+                        height={196}
+                    />
+                </div>
+                <div className="inline-block ml-3">
+                    <img width={94} src="buttons/009button.gif" />
+                    <img width={94} src="buttons/mac.gif" />
+                    <img width={94} src="buttons/right2repair.png" />
+                    <img width={94} src="buttons/vscbutton.gif" />
+                    <img width={94} src="buttons/parental.png" />
+                    <img width={94} src="buttons/www.gif" />
+
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/src/components/VerticalMenu.tsx b/src/components/VerticalMenu.tsx
index 0da8f82..0594dc0 100644
--- a/src/components/VerticalMenu.tsx
+++ b/src/components/VerticalMenu.tsx
@@ -27,36 +27,38 @@ export default function VerticalMenu() {
 
     return (
         <RecoilRoot>
-            <ul className="text-lg font-medium text-center hover:cursor-pointer">
-                <li
-                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
-                    onClick={() => { setPage(Pages.Profile) }}
-                >
-                    <FontAwesomeIcon icon={faUser} className="w-10 h-10" />{" "}
-                    <p>{t("profile")}</p>
-                </li>
-                <li
-                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Identifier ? activeColor : ""}`}
-                    onClick={() => { setPage(Pages.Identifier) }}
-                >
-                    <FontAwesomeIcon icon={faPassport} className="w-10 h-10" />{" "}
-                    <p>{t("identifier")}</p>
-                </li>
-                <li
-                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
-                    onClick={() => { setPage(Pages.Services) }}
-                >
-                    <FontAwesomeIcon icon={faStar} className="w-10 h-10" />{" "}
-                    <p>{t("services")}</p>
-                </li>
-                <li
-                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
-                    onClick={() => { setPage(Pages.Chat) }}
-                >
-                    <FontAwesomeIcon icon={faComments} className="w-10 h-10" />{" "}
-                    <p>{t("chat")}</p>
-                </li>
-            </ul>
+            <div className="sticky top-5">
+                <ul className="text-lg font-medium text-center hover:cursor-pointer">
+                    <li
+                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
+                        onClick={() => { setPage(Pages.Profile) }}
+                    >
+                        <FontAwesomeIcon icon={faUser} className="w-10 h-10" />{" "}
+                        <p>{t("profile")}</p>
+                    </li>
+                    <li
+                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Identifier ? activeColor : ""}`}
+                        onClick={() => { setPage(Pages.Identifier) }}
+                    >
+                        <FontAwesomeIcon icon={faPassport} className="w-10 h-10" />{" "}
+                        <p>{t("identifier")}</p>
+                    </li>
+                    <li
+                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
+                        onClick={() => { setPage(Pages.Services) }}
+                    >
+                        <FontAwesomeIcon icon={faStar} className="w-10 h-10" />{" "}
+                        <p>{t("services")}</p>
+                    </li>
+                    <li
+                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
+                        onClick={() => { setPage(Pages.Chat) }}
+                    >
+                        <FontAwesomeIcon icon={faComments} className="w-10 h-10" />{" "}
+                        <p>{t("chat")}</p>
+                    </li>
+                </ul>
+            </div>
         </RecoilRoot>
     )
 }
diff --git a/src/components/Weather.tsx b/src/components/Weather.tsx
deleted file mode 100644
index 5ab7b90..0000000
--- a/src/components/Weather.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function Weather() {
-    return (
-        <>
-            <div className="inline-block"><iframe src="https://www.tenki-yoho.com/blogparts/img.php?all,acrweb" width={200} height={200}><a href="https://www.tenki-yoho.com/">天気予報</a></iframe></div>
-        </>
-    )
-}