Add Twitter icon

_config.yml

@@ -9,12 +9,11 @@ username: M. Ueno
 user_description: I am engineering researcher living in Japan. My specialty is Bioinformatics, Cheminformatics and Web Development. In the university and graduate school I studied chemistry, pharmaceutical science and neurobiology.
 user_title: Engineering Researcher 💻
 email: [email protected]
-# twitter_username: lorem_ipsum
-github_username:  eunos-1128
-# gplus_username:  lorem_ipsum
+twitter_username: lorem_ipsum
+github_username: eunos-1128
 
 # Google-analytics
 google-analytics:
   id: ""
 
-exclude: ['package.json', 'src' , 'node_modules']
+exclude: ["package.json", "src", "node_modules"]

_includes/header.html

@@ -1,19 +1,41 @@
 <div id="particles-js">
   <div class="header">
-      <h1>
-        <span class="site-title">{{site.username}}</span>
-        <span class="site-description">{{site.user_title}}</span>
-      </h1>
-      <div class="header-icons">
-        <a aria-label="Send email" href="mailto:[email protected]"><i class="icon fa fa-envelope"></i></a>
-        <a aria-label="My Github" target="_blank" href="https://github.com/eunos-1128"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
-        <a aria-label="My Stack Overflow" target="_blank" href="https://stackoverflow.com/users/8045584/eunos-1128"><i class="icon fa fa-stack-overflow" aria-hidden="true"></i></a>
-        <a aria-label="My Linkedin" target="_blank" href="https://www.linkedin.com/in/mu-1128/"><i class="icon fa fa-linkedin" aria-hidden="true"></i></a>
-      </div>
-      <div class="header-links">
-        <a class="link" href="#about" data-scroll>About Me</a>
-        <a class="link" href="#projects" data-scroll>Projects</a>
-      </div>
+    <h1>
+      <span class="site-title">{{site.username}}</span>
+      <span class="site-description">{{site.user_title}}</span>
+    </h1>
+    <div class="header-icons">
+      <a aria-label="Send email" href="mailto:[email protected]"
+        ><i class="icon fa fa-envelope"></i>
+      </a>
+      <a aria-label="My X" target="_blank" href="https://x.com/eunos1128"
+        ><i class="icon fa fa-twitter" aria-hidden="true"></i>
+      </a>
+      <a
+        aria-label="My Github"
+        target="_blank"
+        href="https://github.com/eunos-1128"
+        ><i class="icon fa fa-github-alt" aria-hidden="true"></i>
+      </a>
+      <a
+        aria-label="My Stack Overflow"
+        target="_blank"
+        href="https://stackoverflow.com/users/8045584/eunos-1128"
+        ><i class="icon fa fa-stack-overflow" aria-hidden="true"></i
+      ></a>
+      <a
+        aria-label="My Linkedin"
+        target="_blank"
+        href="https://www.linkedin.com/in/mu-1128/"
+        ><i class="icon fa fa-linkedin" aria-hidden="true"></i
+      ></a>
+    </div>
+    <div class="header-links">
+      <a class="link" href="#about" data-scroll>About Me</a>
+      <a class="link" href="#projects" data-scroll>Projects</a>
+    </div>
   </div>
-  <a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
+  <a class="down" href="#about" data-scroll
+    ><i class="icon fa fa-chevron-down" aria-hidden="true"></i
+  ></a>
 </div>