diff --git a/.DS_Store b/.DS_Store
index 2a90dd7..e9ac6b5 100644
Binary files a/.DS_Store and b/.DS_Store differ
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 0000000..3748289
Binary files /dev/null and b/_sass/.DS_Store differ
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");