minor modifications

Author: Keyu-He

_config.yml

@@ -6,6 +6,7 @@ title: blank # the website title (if blank, full name will be used instead)
 first_name: Keyu
 middle_name:
 last_name: He
+name_note: (何柯宇)
 email: keyuhe@cmu.edu
 description: > # the ">" symbol means to ignore newlines until "footer_text:"
   Welcome to Keyu He's homepage!
@@ -111,8 +112,7 @@ x_username: # your X handle
 youtube_id: # your youtube channel id (youtube.com/@<youtube_id>)
 zotero_username: # your zotero username
 
-contact_note: >
-  Note: the best way to reach me is via email or WeChat!
+contact_note: 
 
 # -----------------------------------------------------------------------------
 # Analytics and search engine verification

_layouts/about.liquid

@@ -5,12 +5,36 @@ layout: default
   <header class="post-header">
     <h1 class="post-title">
       {% if site.title == 'blank' %}
-        <span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }}
-        {{ site.last_name }}
+        <span class="name-with-tooltip" style="position: relative; display: inline-block;">
+          <span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }}
+          {{ site.last_name }}
+          {% if site.name_note %}
+            <span class="tooltip-text" style="
+              position: absolute;
+              display: none;
+              z-index: 1;
+              top: 0;
+              left: 100%;
+              margin-left: 10px;
+              white-space: nowrap;
+              font-size: 1em;
+              font-weight: normal;
+            ">
+              <span style="color: inherit;">{{ site.name_note }}</span>
+              <span style="color: #6c757d; font-style: italic; margin-left: 8px;">[Kuh-yoo Huh]</span>
+            </span>
+          {% endif %}
+        </span>
       {% else %}
         {{ site.title }}
       {% endif %}
     </h1>
+    
+    <style>
+      .name-with-tooltip:hover .tooltip-text {
+        display: block !important;
+      }
+    </style>
     <p class="desc">{{ page.subtitle }}</p>
   </header>
 
@@ -72,21 +96,6 @@ layout: default
         <div class="contact-note">{{ site.contact_note }}</div>
       </div>
     {% endif %}
-    <!-- Visitor Analytics (local only) -->
-    {% if site.visitor_map.enabled and jekyll.environment == 'development' %}
-      <div class="visitor-analytics" style="margin-top: 1.5rem; text-align: center;">
-        <details style="margin-top: 1rem;">
-          <summary style="cursor: pointer; font-size: 1.0rem; color: #999; font-style: italic;">Visitor Map</summary>
-          <div id="admin-analytics" style="margin-top: 1rem; opacity: 0.8;">
-            <script
-              type="text/javascript"
-              id="mapmyvisitors"
-              src="//mapmyvisitors.com/map.js?d=VGq-6ngx9SQOzI4uqqrGzo8741s606-66KR_dTZ9b00&cl=ffffff&w=a"
-            ></script>
-          </div>
-        </details>
-      </div>
-    {% endif %}
 
     {% if site.newsletter.enabled and site.footer_fixed %}
       {% include scripts/newsletter.liquid center=true %}

_pages/visitor_map.md

@@ -0,0 +1,31 @@
+---
+layout: page
+permalink: /visitor_map/
+title: Visitor Map
+description: Real-time visitor analytics and geographic distribution
+nav: true
+nav_order: 8
+---
+
+<div class="visitor-analytics" style="text-align: center; padding: 2rem 0;">
+  <div id="visitor-map-container" style="margin: 0 auto; max-width: 1000px;">
+    <h3 style="margin-bottom: 2rem;">Live Visitor Analytics</h3>
+    <p style="color: #666; margin-bottom: 2rem;">
+      This map shows real-time geographic distribution of visitors to this website.
+    </p>
+    
+    <div id="admin-analytics" style="opacity: 0.9;">
+      <script
+        type="text/javascript"
+        id="mapmyvisitors"
+        src="//mapmyvisitors.com/map.js?d=VGq-6ngx9SQOzI4uqqrGzo8741s606-66KR_dTZ9b00&cl=ffffff&w=a"
+      ></script>
+    </div>
+    
+    <div style="margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #eee;">
+      <p style="font-size: 0.9rem; color: #999;">
+        Analytics powered by MapMyVisitors. Data is anonymous and aggregated.
+      </p>
+    </div>
+  </div>
+</div>