From a19bc3bd853927ee3cbcba820fa3f3bc7be71206 Mon Sep 17 00:00:00 2001
From: yuyuslab <yuyuslab@gmail.com>
Date: Sun, 12 Jan 2025 13:35:04 +0900
Subject: [PATCH] menu bar

---
 .DS_Store                                     | Bin 8196 -> 10244 bytes
 _layouts/default.html                         |  14 ++++++++------
 _sass/.DS_Store                               | Bin 0 -> 8196 bytes
 _sass/main.scss                               |   2 +-
 _site/404.html                                |  14 ++++++++------
 _site/_blog/2023-12-30-blog.html              |  14 ++++++++------
 _site/_blog/2024-04-14-blog.html              |  14 ++++++++------
 _site/_blog/2024-05-12-blog .html             |  14 ++++++++------
 _site/_blog/2024-06-05-blog.html              |  14 ++++++++------
 _site/_blog/2024-06-06-blog.html              |  14 ++++++++------
 _site/_blog/2024-06-17-blog.html              |  14 ++++++++------
 _site/_blog/2024-06-21-blog.html              |  14 ++++++++------
 _site/_blog/2024-07-12-blog.html              |  14 ++++++++------
 _site/_blog/2024-08-02-blog.html              |  14 ++++++++------
 _site/_blog/2024-08-21-blog.html              |  14 ++++++++------
 _site/_blog/2024-08-25-blog.html              |  14 ++++++++------
 _site/_blog/2024-09-05-blog.html              |  14 ++++++++------
 _site/_blog/2024-09-10-blog.html              |  14 ++++++++------
 _site/_blog/2024-12-07-blog.html              |  14 ++++++++------
 _site/_blog/2024-12-21-blog.html              |  14 ++++++++------
 _site/_blog/2025-01-03-blog.html              |  14 ++++++++------
 _site/_blog/2025-01-04-blog.html              |  14 ++++++++------
 _site/_research/2022-08-19-research.html      |  14 ++++++++------
 _site/_research/2022-08-19-research2.html     |  14 ++++++++------
 _site/_research/2022-08-20-research.html      |  14 ++++++++------
 _site/_research/2023-07-21-research.html      |  14 ++++++++------
 _site/_research/2023-11-05-research.html      |  14 ++++++++------
 _site/about.html                              |  14 ++++++++------
 _site/assets/css/styles.css                   |   2 +-
 _site/blog.html                               |  14 ++++++++------
 .../Documents/Hello/2023-12-30-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-04-14-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-05-12-blog .html     |  14 ++++++++------
 .../Documents/Hello/2024-06-05-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-06-06-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-06-17-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-06-21-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-07-12-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-08-02-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-08-21-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-08-25-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-09-05-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-09-10-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-12-07-blog.html      |  14 ++++++++------
 .../Documents/Hello/2024-12-21-blog.html      |  14 ++++++++------
 .../Documents/Hello/2025-01-03-blog.html      |  14 ++++++++------
 .../Documents/Hello/2025-01-04-blog.html      |  14 ++++++++------
 _site/feed.xml                                |   2 +-
 _site/index.html                              |  14 ++++++++------
 _site/links.html                              |  14 ++++++++------
 _site/musical.html                            |  14 ++++++++------
 _site/research.html                           |  14 ++++++++------
 .../Documents/Hello/2022-08-19-research.html  |  14 ++++++++------
 .../Documents/Hello/2022-08-19-research2.html |  14 ++++++++------
 .../Documents/Hello/2022-08-20-research.html  |  14 ++++++++------
 .../Documents/Hello/2023-07-21-research.html  |  14 ++++++++------
 .../Documents/Hello/2023-11-05-research.html  |  14 ++++++++------
 57 files changed, 419 insertions(+), 315 deletions(-)
 create mode 100644 _sass/.DS_Store

diff --git a/.DS_Store b/.DS_Store
index 2a90dd746de7f0337264305ac414151ae01c2ab8..e9ac6b576fd189b51426887126c399b2ea2a2f52 100644
GIT binary patch
literal 10244
zcmeHMONbm*6uqzKSDi^@7K)n~O56y}OeT^EL>IO*6F-O&(vpBiCjE1!nd+{#KQo45
zq_;)|1p`?~HZB#j@q>!)bmu1iP(*Me2#SLu;zm99z3Qp^s;g#P$mrrdsJhkl&aHdT
zz3<;dq!xPBV?;g?dAL|k9mFlAa6Ml`B^SMU1X4kts7e9Vf|X;%N;rgeFI)s%1Y87M
z1Y87M1pW^Zz?{v+n>5nhT?AYNTm*I^z~h6Di)A5_eIxbIft%g}K#t<IE_lX1K<oIC
zEJU(zq*lc@&F(=(sw&!ID5H*gpW%>&NcN31>ZFW1smQX5b|^|)hn}zDqzXp5yNiH}
zz;Fb3?><4ZRHhy^<^H|ViomxHBO2k-QaK3AsPTUN<;9Vg?)&)OG*tB;pjxYZS}?Gt
zd+#XxS)n?09}L1uWQQx*#_V6Z;E4yF2xm?l%s14h*U!p2>Fbeq-@g2_@pVVH5yoDo
z)l2_!FJEB02L^WG;|ih{Qk!ZCU#|fteVv3(hf26QG(#0URcLi^RuZw#ojwe$45Z|7
z?%S;wqL^o*V^({kB}dBX#Cvp{=5Woz%Puu2Nbo~0)D0pR<FpJ;WyGSlXWlHV%pC_8
z#j2OQ59Rx>zHjoEz{G5`FcwE+XAC}<abgwHip@?v2Y}3;K-&Hu{SHV`E4`f=`Qd{f
zjkgve_B9=0ds<*$C*f%Yem3bz-R5TL;&4vXA3#d4^U$h8rvi>W^z9mTY@WH5y)|sU
z^cFNyzAJgRetPA-Zw&8LWXykeq#Xx6GI(GVpq*Vb?QDq8=LtSTc$<y-5cnaC<Z{R5
z$NqfYa7n?%Om@TBJbakcEj-Y<Sxa)zqukX*&uW2h2mLUSKiy6<u{KvWtL^T5OY-a<
z`E2o8+_MBG=9q=C`Dr_xcZ`YfxrS`Dd91Tro^Gqs^Aru+|J-Z%atcba*j~HmlQ-g)
zm+(N2^t&T%MyHt)_uy#!wwdTYB$)_gd85;c=C60kt)SlN&dq(HawDT-;}f3eO?poh
zSHq2Bx76)*7E0~M`PZXi7?cOkrSjQ&ZDV=r#>KGNE!CT~wpOTDYk-_TS8rCsjfJq+
ztah|+(NuW(e13WA=FQFd6Vv|8oyWJP{mqjn=BEAmlk;0!dGDs%j^2G{c`ax(!)JB6
zNGT)fP$UQ95*`F0J0*0NT`N<u_`vph)NzEqOhG!r4!!R5LVvy3ZU$kKhb{Kl)L@~I
zoPKjW5DX_pBP|Y3o&U=Ij^yyrZ?7Nz+B7F&NpeU>SRC5A`FQc<h$*!}Rl5-pmJ5mL
z)GQThDV_e7-LMwB)|(%J-8gLXvO|AM^1E{VOBLlPfr&eP7RKV(+J+e{BcsVQjUf+J
z7Q+d;A09RIgoZzj?0E3-V4)A%XjtHByFzQW9(P7d&(nh}Pkm3PdByD{f!`UH)9^ev
zt7pXEd;ko3h;1Fdl;BfVZlzA1&d@1*X^9?&Ow;%s(Yz$AOeP1@G%dyLLfRRpb@1jz
zJr<~ToOCuav9b;2df$)fHYC0!+fcQ0Ww89W?8#n|g^_J&Bv*hLS6l>K1okTeBgT-=
z=l`d&|Nq}Fcbpv;0T+S)AOdQ1skpQN!-HKw(g!|k_i<go#f5QwBee={`Zyj^AIIYd
zAIIO0i?MSox!}1F$-a?zgR<{`2DG$Ua{K?mDQ?!@UM}OZFmf4Z;+nQkPb@(Btm>**
T;->8E<uViv%<cdG)&2k9Co1!{

delta 159
zcmZn(XmOBWU|?W$DortDU;r^WfEYvza8E20o2aMAXudIEH$S8KW*z}?rpfg}lPB8<
zmrkB6B0O0~WZvXoBHfekicX)rOl-zvONr{qKP0LqpOfsETqkWbSxDxPAT!V;Aduh&
i60RUaHx_<pp3JWj$iWD)ieYj*&(z6F#b#pBz8?U#A1rqO

diff --git a/_layouts/default.html b/_layouts/default.html
index 76dba18..15d6d78 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{ '/assets/css/styles.css' | prepend: site.baseurl }}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     {% include analytics.html %}
     <title>{{ page.title }}</title>
 </head>
@@ -17,16 +17,17 @@
             <a href="{{ site.baseurl }}/about.html" >About</a>
           
             <a href="{{ site.baseurl }}/blog.html" >Blog</a>
-          
+            
             <a href="{{ site.baseurl }}/research.html" >Research</a>
-    
+
             <a href="{{ site.baseurl }}/links.html" >Useful links</a>
     
             <a href="{{ site.baseurl }}/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -35,6 +36,7 @@
   <div class="body-container">
     {{ content }}
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_sass/.DS_Store b/_sass/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..37482896c979ba8785edf6670700c36f8032eab6
GIT binary patch
literal 8196
zcmeHM!EVz)5S>i}I89rEplUBjmbkX1Ra>NrO9<t_l^{3(3U(4&tF9f{NmEf($`$wr
zet{!j0{_AZ-pp<zJB`~zB~+=qk#{!szM0)Ov+K-;h*V?H*&tdbA_o`CS{2ol!q53S
zS4!s25~Kp2=#V_>Q<pllcCNR*VHvOtSOzQumI2GabzlJRY%Wg0dtX1bwPnCEa3dMu
z{lUe>vTo!^OW8V5NeTd2#%(ERBM%UaYh>NXk(L65PMtj{163x)P#TWsE_a8l8#&Ta
z!%1m4DPvig3`L1`;9TiWs;;H2Ed!Q;^9*qAzCbPH?GXjJ{5_>MrIfx5<F+5hKKfy4
zsfUnjf2D}BMPPl3DM8NPMa{YYD)neUAwK#fV7jJn6PjkBsV$niI6at-`7?pJ2h1mo
z``FkWqTRs>#D0;6(%yuIyP{!$*|&iUU_XNG0{f+36X+_?fsFbB6g>m#dxkTfX$V{j
ziv^bG#{^~$m_uNWaa~|b{FAlC{z)*a{`h2O6^ya<9zK`(C#&f`G_hCM$6btJRa&0$
zd%-*udn~Jk8B5_Gj<sT**-Kdz&prj_v&??4h&Ay~7B??Ao_m`PE}AX-NG)W1#Bp&1
zTmp+8BAjEnaJ=lT9J&fb0$c=k3Q_E<9I6J-aQyLjhhi@VOU0`JD=3Gr$ol2@DDZ|v
zVs`b;i4XT=wenmGaO}mLr7~tUWp|LM&FUZb^M`5A>>@w?UKphP_4VJXG*iBH`;Ox{
zRp&!<KOQ#wUVo4_yyP8!dmYE2f7bT=H$ivUsy%ofM}04dx`_aSP8VI?zYU^JJZ!{+
zsFMn|sUJ9%N~Kj>Iyu?eTyZycwog~wlbt8)EABShrxj=M(c`DDS_k1_6n{a;p(ykF
zg68%2as3so@pO)wNfgErhbi};1s$<0Dn9s}N)2y3ISS_yURzj1moElvIyvNcNVZ`a
zxC#R^8obQ;|BK@D|Erj=Sj&KA;F>d_%Dc_o1_pWd?wcGh=h`l=kGQySzmb*#K_%%p
jq@?4J<39}1cF~nFbt6Yw;ttAxKM1hzf8pI$H=BWfS8%gh

literal 0
HcmV?d00001

diff --git a/_sass/main.scss b/_sass/main.scss
index 0527768..e95962a 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -55,7 +55,7 @@ body {
 @media screen and (max-width: 600px) {
   .topnav a:not(:first-child) {display: none;}
   .topnav a.icon {
-    float: right;
+    float: left;
     display: block;
   }
 }
diff --git a/_site/404.html b/_site/404.html
index 90814eb..90daf08 100644
--- a/_site/404.html
+++ b/_site/404.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -64,6 +65,7 @@ <h1>404</h1>
 </div>
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2023-12-30-blog.html b/_site/_blog/2023-12-30-blog.html
index cfee7af..6ca3c2c 100644
--- a/_site/_blog/2023-12-30-blog.html
+++ b/_site/_blog/2023-12-30-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -120,6 +121,7 @@ <h2 id="wrapping-up">Wrapping up</h2>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-04-14-blog.html b/_site/_blog/2024-04-14-blog.html
index c2592c6..b52dcdf 100644
--- a/_site/_blog/2024-04-14-blog.html
+++ b/_site/_blog/2024-04-14-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -77,6 +78,7 @@ <h1>Transitioning from bio to socio to cogs to bio+, how?</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-05-12-blog .html b/_site/_blog/2024-05-12-blog .html
index 7bae3f4..7fdbf58 100644
--- a/_site/_blog/2024-05-12-blog .html	
+++ b/_site/_blog/2024-05-12-blog .html	
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -59,6 +60,7 @@ <h1>蟻をどうやって人間の研究に役立てるか</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-06-05-blog.html b/_site/_blog/2024-06-05-blog.html
index 8987622..cd3860a 100644
--- a/_site/_blog/2024-06-05-blog.html
+++ b/_site/_blog/2024-06-05-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -49,6 +50,7 @@ <h1>結局ソフトウェア開発が好きなんですの</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-06-06-blog.html b/_site/_blog/2024-06-06-blog.html
index a8624a2..bf5f05a 100644
--- a/_site/_blog/2024-06-06-blog.html
+++ b/_site/_blog/2024-06-06-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -51,6 +52,7 @@ <h1>Choice research</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-06-17-blog.html b/_site/_blog/2024-06-17-blog.html
index 8df5fe7..283659f 100644
--- a/_site/_blog/2024-06-17-blog.html
+++ b/_site/_blog/2024-06-17-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -68,6 +69,7 @@ <h1>First Darwin seminar + other stacked-up tasks to finish</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-06-21-blog.html b/_site/_blog/2024-06-21-blog.html
index e68b492..8893343 100644
--- a/_site/_blog/2024-06-21-blog.html
+++ b/_site/_blog/2024-06-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -73,6 +74,7 @@ <h1>本質をついた違和感の問いかもしれないやつ</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-07-12-blog.html b/_site/_blog/2024-07-12-blog.html
index a5d6d7e..76dd0d7 100644
--- a/_site/_blog/2024-07-12-blog.html
+++ b/_site/_blog/2024-07-12-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -73,6 +74,7 @@ <h1>社会性を見つけるって？</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-08-02-blog.html b/_site/_blog/2024-08-02-blog.html
index 232cf5f..9ffd956 100644
--- a/_site/_blog/2024-08-02-blog.html
+++ b/_site/_blog/2024-08-02-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -49,6 +50,7 @@ <h1>Genetics final exam の不完全燃焼からの実験アイディア</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-08-21-blog.html b/_site/_blog/2024-08-21-blog.html
index eaee6e1..722c0bf 100644
--- a/_site/_blog/2024-08-21-blog.html
+++ b/_site/_blog/2024-08-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -91,6 +92,7 @@ <h1>PCカンファレンス後の思考</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-08-25-blog.html b/_site/_blog/2024-08-25-blog.html
index 95546af..05fe56c 100644
--- a/_site/_blog/2024-08-25-blog.html
+++ b/_site/_blog/2024-08-25-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -195,6 +196,7 @@ <h1>帝京でワークショップやることになった時に自分がやり
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-09-05-blog.html b/_site/_blog/2024-09-05-blog.html
index 127c2ad..f20cec6 100644
--- a/_site/_blog/2024-09-05-blog.html
+++ b/_site/_blog/2024-09-05-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -79,6 +80,7 @@ <h1>異分野融合の意味と意義</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-09-10-blog.html b/_site/_blog/2024-09-10-blog.html
index 0370de2..4753bb2 100644
--- a/_site/_blog/2024-09-10-blog.html
+++ b/_site/_blog/2024-09-10-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -216,6 +217,7 @@ <h1>新潟の佐渡にいる蟻が運ぶ食べ物について</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-12-07-blog.html b/_site/_blog/2024-12-07-blog.html
index b1fce1d..797950d 100644
--- a/_site/_blog/2024-12-07-blog.html
+++ b/_site/_blog/2024-12-07-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -47,6 +48,7 @@ <h1>技術書ビブリオバトル</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2024-12-21-blog.html b/_site/_blog/2024-12-21-blog.html
index 4442055..f67a765 100644
--- a/_site/_blog/2024-12-21-blog.html
+++ b/_site/_blog/2024-12-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -52,6 +53,7 @@ <h1>ハッカソン運営</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2025-01-03-blog.html b/_site/_blog/2025-01-03-blog.html
index 58de5fd..b9a443a 100644
--- a/_site/_blog/2025-01-03-blog.html
+++ b/_site/_blog/2025-01-03-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -136,6 +137,7 @@ <h4 id="cognitive-science">Cognitive science</h4>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_blog/2025-01-04-blog.html b/_site/_blog/2025-01-04-blog.html
index 7a6e78f..72532e9 100644
--- a/_site/_blog/2025-01-04-blog.html
+++ b/_site/_blog/2025-01-04-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -60,6 +61,7 @@ <h1 id="attempts-to-modify-my-question">Attempts to modify my question</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_research/2022-08-19-research.html b/_site/_research/2022-08-19-research.html
index 2d3ed11..f12e1a7 100644
--- a/_site/_research/2022-08-19-research.html
+++ b/_site/_research/2022-08-19-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -94,6 +95,7 @@ <h1>The problem of compromise in Japan: The Unbalanced Compromise in Japanese El
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_research/2022-08-19-research2.html b/_site/_research/2022-08-19-research2.html
index b80fa84..8fb9fdf 100644
--- a/_site/_research/2022-08-19-research2.html
+++ b/_site/_research/2022-08-19-research2.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -93,6 +94,7 @@ <h1>How do humans compromise in politics?</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_research/2022-08-20-research.html b/_site/_research/2022-08-20-research.html
index d7f7b26..779c54f 100644
--- a/_site/_research/2022-08-20-research.html
+++ b/_site/_research/2022-08-20-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -171,6 +172,7 @@ <h1>The levels of serotonin in the brain influence the ability to compromise pol
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_research/2023-07-21-research.html b/_site/_research/2023-07-21-research.html
index 7460c8b..c70cb3c 100644
--- a/_site/_research/2023-07-21-research.html
+++ b/_site/_research/2023-07-21-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -47,6 +48,7 @@ <h1>YuYu's Lab Wiki for Consilience</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/_research/2023-11-05-research.html b/_site/_research/2023-11-05-research.html
index 0b518f4..dc1b2c7 100644
--- a/_site/_research/2023-11-05-research.html
+++ b/_site/_research/2023-11-05-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -76,6 +77,7 @@ <h1>Demonstrating “bounded habitats of knowledge” using sudoku problem measu
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/about.html b/_site/about.html
index 73990c3..1213e0a 100644
--- a/_site/about.html
+++ b/_site/about.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -81,6 +82,7 @@ <h5>
 </h5>
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
index 01dd451..a30b014 100644
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -17,7 +17,7 @@ body { margin: 0px; font-family: Arial, Helvetica, sans-serif; text-decoration:
 .topnav .icon { display: none; }
 
 @media screen and (max-width: 600px) { .topnav a:not(:first-child) { display: none; }
-  .topnav a.icon { float: right; display: block; } }
+  .topnav a.icon { float: left; display: block; } }
 @media screen and (max-width: 600px) { .topnav.responsive { position: sticky; top: 0; }
   .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
   .topnav.responsive a { float: none; display: block; text-align: left; } }
diff --git a/_site/blog.html b/_site/blog.html
index b0cf365..5271cb0 100644
--- a/_site/blog.html
+++ b/_site/blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -162,6 +163,7 @@ <h2 id="categories">Categories</h2>
 </ul>
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2023-12-30-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2023-12-30-blog.html
index cfee7af..6ca3c2c 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2023-12-30-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2023-12-30-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -120,6 +121,7 @@ <h2 id="wrapping-up">Wrapping up</h2>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-04-14-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-04-14-blog.html
index c2592c6..b52dcdf 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-04-14-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-04-14-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -77,6 +78,7 @@ <h1>Transitioning from bio to socio to cogs to bio+, how?</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-05-12-blog .html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-05-12-blog .html
index 7bae3f4..7fdbf58 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-05-12-blog .html	
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-05-12-blog .html	
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -59,6 +60,7 @@ <h1>蟻をどうやって人間の研究に役立てるか</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-05-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-05-blog.html
index 8987622..cd3860a 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-05-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-05-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -49,6 +50,7 @@ <h1>結局ソフトウェア開発が好きなんですの</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-06-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-06-blog.html
index a8624a2..bf5f05a 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-06-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-06-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -51,6 +52,7 @@ <h1>Choice research</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-17-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-17-blog.html
index 8df5fe7..283659f 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-17-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-17-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -68,6 +69,7 @@ <h1>First Darwin seminar + other stacked-up tasks to finish</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-21-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-21-blog.html
index e68b492..8893343 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-21-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-06-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -73,6 +74,7 @@ <h1>本質をついた違和感の問いかもしれないやつ</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-07-12-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-07-12-blog.html
index a5d6d7e..76dd0d7 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-07-12-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-07-12-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -73,6 +74,7 @@ <h1>社会性を見つけるって？</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-02-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-02-blog.html
index 232cf5f..9ffd956 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-02-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-02-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -49,6 +50,7 @@ <h1>Genetics final exam の不完全燃焼からの実験アイディア</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-21-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-21-blog.html
index eaee6e1..722c0bf 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-21-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -91,6 +92,7 @@ <h1>PCカンファレンス後の思考</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-25-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-25-blog.html
index 95546af..05fe56c 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-25-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-08-25-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -195,6 +196,7 @@ <h1>帝京でワークショップやることになった時に自分がやり
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-05-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-05-blog.html
index 127c2ad..f20cec6 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-05-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-05-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -79,6 +80,7 @@ <h1>異分野融合の意味と意義</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-10-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-10-blog.html
index 0370de2..4753bb2 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-10-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-09-10-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -216,6 +217,7 @@ <h1>新潟の佐渡にいる蟻が運ぶ食べ物について</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-07-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-07-blog.html
index b1fce1d..797950d 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-07-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-07-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -47,6 +48,7 @@ <h1>技術書ビブリオバトル</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-21-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-21-blog.html
index 4442055..f67a765 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-21-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2024-12-21-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -52,6 +53,7 @@ <h1>ハッカソン運営</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-03-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-03-blog.html
index 58de5fd..b9a443a 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-03-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-03-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -136,6 +137,7 @@ <h4 id="cognitive-science">Cognitive science</h4>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-04-blog.html b/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-04-blog.html
index 7a6e78f..72532e9 100644
--- a/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-04-blog.html
+++ b/_site/blog/Users/yujirokisu/Documents/Hello/2025-01-04-blog.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -60,6 +61,7 @@ <h1 id="attempts-to-modify-my-question">Attempts to modify my question</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/feed.xml b/_site/feed.xml
index ef592a2..832b9e0 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="http://localhost:4000/Hello/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/Hello/" rel="alternate" type="text/html" /><updated>2025-01-12T10:22:34+09:00</updated><id>http://localhost:4000/Hello/feed.xml</id><title type="html">yuyuslab home page</title><subtitle>repo for yuyuslab work</subtitle></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="http://localhost:4000/Hello/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/Hello/" rel="alternate" type="text/html" /><updated>2025-01-12T13:34:34+09:00</updated><id>http://localhost:4000/Hello/feed.xml</id><title type="html">yuyuslab home page</title><subtitle>repo for yuyuslab work</subtitle></feed>
\ No newline at end of file
diff --git a/_site/index.html b/_site/index.html
index 6aad9fc..946f11f 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -1198,6 +1199,7 @@
 </svg>
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/links.html b/_site/links.html
index ce2baf2..0997f7f 100644
--- a/_site/links.html
+++ b/_site/links.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -69,6 +70,7 @@ <h2 id="psychologycognitive-science">Psychology/Cognitive science</h2>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/musical.html b/_site/musical.html
index 7026f3d..3a8fc7b 100644
--- a/_site/musical.html
+++ b/_site/musical.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -78,6 +79,7 @@ <h3 id="cheering-me-up">Cheering me up</h3>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research.html b/_site/research.html
index 8373942..3110d11 100644
--- a/_site/research.html
+++ b/_site/research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -122,6 +123,7 @@ <h2 id="categories">Categories</h2>
 </ul>
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research.html b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research.html
index 2d3ed11..f12e1a7 100644
--- a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research.html
+++ b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -94,6 +95,7 @@ <h1>The problem of compromise in Japan: The Unbalanced Compromise in Japanese El
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research2.html b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research2.html
index b80fa84..8fb9fdf 100644
--- a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research2.html
+++ b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-19-research2.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -93,6 +94,7 @@ <h1>How do humans compromise in politics?</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-20-research.html b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-20-research.html
index d7f7b26..779c54f 100644
--- a/_site/research/Users/yujirokisu/Documents/Hello/2022-08-20-research.html
+++ b/_site/research/Users/yujirokisu/Documents/Hello/2022-08-20-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -171,6 +172,7 @@ <h1>The levels of serotonin in the brain influence the ability to compromise pol
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research/Users/yujirokisu/Documents/Hello/2023-07-21-research.html b/_site/research/Users/yujirokisu/Documents/Hello/2023-07-21-research.html
index 7460c8b..c70cb3c 100644
--- a/_site/research/Users/yujirokisu/Documents/Hello/2023-07-21-research.html
+++ b/_site/research/Users/yujirokisu/Documents/Hello/2023-07-21-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -47,6 +48,7 @@ <h1>YuYu's Lab Wiki for Consilience</h1>
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");
diff --git a/_site/research/Users/yujirokisu/Documents/Hello/2023-11-05-research.html b/_site/research/Users/yujirokisu/Documents/Hello/2023-11-05-research.html
index 0b518f4..dc1b2c7 100644
--- a/_site/research/Users/yujirokisu/Documents/Hello/2023-11-05-research.html
+++ b/_site/research/Users/yujirokisu/Documents/Hello/2023-11-05-research.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/Hello/assets/css/styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://kit.fontawesome.com/85848f69e6.js" crossorigin="anonymous"></script>
     <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8EJ4C25NLV"></script>
 <script>
@@ -25,16 +25,17 @@
             <a href="/Hello/about.html" >About</a>
           
             <a href="/Hello/blog.html" >Blog</a>
-          
+            
             <a href="/Hello/research.html" >Research</a>
-    
+
             <a href="/Hello/links.html" >Useful links</a>
     
             <a href="/Hello/musical.html" >Musical</a>
-
+            
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
-                <i class="fa fa-bars"></i>
-              </a>
+              <i class="fa-solid fa-bars"></i>
+            </a>
+
           
       </nav>
 
@@ -76,6 +77,7 @@ <h1>Demonstrating “bounded habitats of knowledge” using sudoku problem measu
 
 
   </div>  
+
   <script>
     function myFunction() {
       var x = document.getElementById("myTopnav");