Show 3D switch in 2D header and update GitHub link

CLAUDE.md

@@ -139,10 +139,10 @@ sitemap, OpenGraph) are generated from it, not from the remote.
 The older site at `jackiectl/jackiectl.github.io` is still public and still serving.
 It is a separate repo under a separate account; nothing here updates it.
 
-⚠ The **site's own outbound GitHub link** (`data/authors/me.yaml` → `github.com/jackiectl`,
-generated from `profile.json`) still points at the original account, which is what the CV
-prints too. Hosting account and displayed identity are deliberately separate — do not
-"fix" one to match the other without asking.
+The site's outbound GitHub link points to `github.com/jackiectl2`. Keep the
+`PUBLIC_GITHUB_USERNAME` override in `tools/sync-profile.py` when regenerating
+`data/authors/me.yaml`; the older `profile.json` source still names `jackiectl`.
+The downloadable CV PDF also prints and links to `github.com/jackiectl2`.
 
 ## Deployment
 

config/_default/menus.yaml

@@ -16,3 +16,6 @@ main:
   - name: Additional
     url: /#additional
     weight: 50
+  - name: 3D Website ↗
+    url: https://car.jackiectl.com/?view=3d
+    weight: 60

data/authors/me.yaml

@@ -21,7 +21,7 @@ links:
     url: mailto:ctlang@umich.edu
     label: E-mail Me
   - icon: brands/github
-    url: https://github.com/jackiectl
+    url: https://github.com/jackiectl2
   - icon: brands/linkedin
     url: https://www.linkedin.com/in/tianlang-jackie-chen-77a152370/
 

static/dimension-switch.css

@@ -1,21 +1,18 @@
 .dimension-corner-link {
-  position: fixed;
-  z-index: 1000;
-  top: 76px;
-  right: 20px;
   display: inline-flex;
   min-height: 38px;
   align-items: center;
+  flex-shrink: 0;
   padding: 0 16px;
-  border: 1px solid rgba(99, 102, 241, 0.28);
+  border: 1px solid #4f46e5;
   border-radius: 999px;
   color: #3730a3;
-  background: rgba(255, 255, 255, 0.93);
+  background: #eef2ff;
   box-shadow: 0 8px 25px rgba(79, 70, 229, 0.14);
   font-size: 12px;
   font-weight: 700;
   text-decoration: none;
-  backdrop-filter: blur(12px);
+  white-space: nowrap;
 }
 
 .dimension-corner-link:hover {
@@ -146,7 +143,7 @@
 }
 
 @media (max-width: 600px) {
-  .dimension-corner-link { top: 68px; right: 12px; padding: 0 12px; }
+  .dimension-corner-link { padding: 0 10px; font-size: 11px; }
   .dimension-choice-actions,
   .dimension-choice-actions.welcome { grid-template-columns: 1fr; }
   .dimension-choice-lead { font-size: 15px; }

static/dimension-switch.js

@@ -2,12 +2,16 @@
   const carUrl = "https://car.jackiectl.com/?view=3d";
 
   function init() {
-    const switchLink = document.createElement("a");
-    switchLink.className = "dimension-corner-link";
-    switchLink.href = carUrl;
-    switchLink.textContent = "3D Website ↗";
-    switchLink.setAttribute("aria-label", "Switch to the 3D website");
-    document.body.appendChild(switchLink);
+    const switchLink = document.querySelector(`#nav-menu a[href="${carUrl}"]`);
+    const headerActions = document.querySelector("#site-header [data-search-toggle]")?.parentElement;
+    if (switchLink && headerActions) {
+      const menuItem = switchLink.parentElement;
+      switchLink.classList.add("dimension-corner-link");
+      switchLink.setAttribute("aria-label", "Switch to the 3D website");
+      switchLink.removeAttribute("target");
+      headerActions.prepend(switchLink);
+      menuItem.remove();
+    }
 
     const url = new URL(window.location.href);
     const enter2d = url.searchParams.get("view") === "2d";

tools/sync-profile.py

@@ -25,6 +25,7 @@
 
 HERE = pathlib.Path(__file__).resolve().parent.parent
 SRC = HERE.parent / "profile-readme" / "data" / "profile.json"
+PUBLIC_GITHUB_USERNAME = "jackiectl2"
 
 
 def q(s: str) -> str:
@@ -69,7 +70,7 @@ def build_author(d: dict) -> str:
     url: mailto:{ident['email']}
     label: E-mail Me
   - icon: brands/github
-    url: https://github.com/{ident['github']}
+    url: https://github.com/{PUBLIC_GITHUB_USERNAME}
   - icon: brands/linkedin
     url: {linkedin}