fix(apps): mode toggle highlights only the current view, on all 3 modes

The Deck/Cards/Detailed toggle didn't reflect the current mode:
- On the gallery, "Deck" was permanently maroon (parchment's global link rule),
  so it always looked active. Now only the active mode is filled-maroon; inactive
  items (incl. the Deck link) are the soft ink colour. Uses #galMode/#deckMode IDs
  to outrank parchment's high-specificity !important link rule.
- The deck page had no trio at all, so "Deck" could never be shown active. Added
  the same [Deck | Cards | Detailed] pill to the deck ribbon with Deck active and
  Cards/Detailed linking to apps-gallery.html?view=cards|detailed (replacing the
  lone grid-view icon). Verified on both pages.

Also: moved "read my CV" into the About headline as a "(my cv)" parenthetical link
(per Linlin) instead of a separate About row; added to about.headline across all 4
locales (zh links to the zh CV). Removed the earlier CV row.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: jajupmochi

apps-deck.html

@@ -159,6 +159,13 @@
   .deck-tools{ display:flex; align-items:center; gap:0.9em; }
   .deck-tools button, .deck-tools a{ background:transparent; border:none; color:var(--ink-soft); cursor:pointer; font-size:1rem; display:inline-flex; align-items:center; text-decoration:none; }
   .deck-tools button:hover, .deck-tools a:hover{ color:var(--maroon); }
+  /* mode switcher (Deck active here) — mirrors the gallery's .mode pill so the
+     Deck/Cards/Detailed trio highlights the current mode on every view. */
+  .mode{ display:inline-flex; border:1px solid oklch(0.45 0.15 30 / 0.32); border-radius:999px; overflow:hidden; }
+  .mode a, .mode span{ font-family:var(--mono); font-size:0.72rem; padding:0.36em 0.85em; background:none; cursor:pointer; display:inline-flex; align-items:center; gap:0.3em; text-decoration:none; white-space:nowrap; }
+  #deckMode a:not(.on), #deckMode span:not(.on){ color:var(--ink-soft) !important; }  /* ID beats parchment's global maroon link rule */
+  #deckMode span.on, #deckMode a.on{ background:var(--maroon) !important; color:#fdf3e3 !important; cursor:default; }
+  .mode a:hover:not(.on){ background:oklch(0.45 0.15 30 / 0.12); }
 
   /* autoplay progress bar (very bottom) */
   .deck-prog{ position:fixed; left:0; bottom:0; height:3px; width:0; z-index:21; background:linear-gradient(90deg,var(--gilt),var(--cinnabar)); transition:width .15s linear; opacity:0.85; }
@@ -274,7 +281,11 @@
     <div class="deck-tools">
       <button id="btnAuto" title="Play / pause auto-leaf" aria-label="Play or pause autoplay"><i class="fas fa-pause" aria-hidden="true"></i></button>
       <button id="btnFull" title="Fullscreen" aria-label="Toggle fullscreen"><i class="fas fa-expand" aria-hidden="true"></i></button>
-      <a href="apps-gallery.html?view=cards" title="Grid view" aria-label="Grid view"><i class="fas fa-table-cells-large" aria-hidden="true"></i></a>
+    </div>
+    <div class="mode" id="deckMode" role="group" aria-label="View mode">
+      <span class="on" title="Deck — you are here"><i class="fas fa-clone" aria-hidden="true"></i> Deck</span>
+      <a href="apps-gallery.html?view=cards"><i class="fas fa-table-cells-large" aria-hidden="true"></i> Cards</a>
+      <a href="apps-gallery.html?view=detailed"><i class="fas fa-list" aria-hidden="true"></i> Detailed</a>
     </div>
   </header>
 

apps-gallery.html

@@ -39,8 +39,10 @@
   .pf-controls .section-controls { margin:0; }
   .mode { display:inline-flex; border:1px solid rgba(120,80,40,0.3); border-radius:999px; overflow:hidden; margin-left:auto; }
   .mode button, .mode a { font-family:'JetBrains Mono',monospace; font-size:0.74rem; padding:0.4em 0.9em; color:var(--soft); background:none; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:0.35em; text-decoration:none; }
-  .mode button.on { background:var(--maroon); color:#fdf3e3; }
-  .mode a.mode-deck { color:var(--maroon); border-right:1px solid rgba(120,80,40,0.25); }
+  #galMode button.on, #galMode a.on, #galMode span.on { background:var(--maroon) !important; color:#fdf3e3 !important; }
+  .mode a.mode-deck { border-right:1px solid rgba(120,80,40,0.25); }
+  /* ID beats parchment's high-specificity global maroon link rule, so only the active mode highlights */
+  #galMode a:not(.on), #galMode button:not(.on) { color:var(--soft) !important; }
   .mode a.mode-deck:hover { background:rgba(120,80,40,0.12); }
   /* ---- gallery grids ---- */
   .gal { max-width:1600px; margin:0 auto; padding:1.2em 2vw 1em; }

index_en.html

@@ -1162,11 +1162,6 @@ <h2 class="section-title"><i class="fas fa-user" aria-hidden="true"></i> <span d
                                 <span class="about-row-label" data-i18n="about.row.looking.label">Looking</span>
                                 <span class="about-row-value" data-i18n-html="about.row.looking.value"><strong>ML Research Scientist / Engineer</strong> roles · academia &amp; industry</span>
                             </div>
-                            <div class="about-row">
-                                <svg class="about-icon" aria-hidden="true"><use href="#ai-cap"/></svg>
-                                <span class="about-row-label" data-i18n="about.row.cv.label">CV</span>
-                                <span class="about-row-value" data-i18n-html="about.row.cv.value"><a href="res/cv/CV_Linlin_Jia_en.pdf" target="_blank" rel="noopener">Read my CV <span aria-hidden="true">&#8599;</span></a> &middot; PDF</span>
-                            </div>
                         </div>
                     </div>
                     <div class="stats-grid">

locales/de.json

@@ -275,7 +275,7 @@
     "label": "Gedanken & Texte"
   },
   "about": {
-    "headline": "<strong>Graph-Repräsentationslernen</strong> über Domänen hinweg aufbauen: <strong>Algorithmen</strong>, <strong>Modelle</strong>, <strong>Open-Source-Tools</strong> und <strong>KI-Infrastruktur</strong> für Wissenschaft &amp; Industrie.",
+    "headline": "<strong>Graph-Repräsentationslernen</strong> über Domänen hinweg aufbauen: <strong>Algorithmen</strong>, <strong>Modelle</strong>, <strong>Open-Source-Tools</strong> und <strong>KI-Infrastruktur</strong> für Wissenschaft &amp; Industrie. (<a href=\"res/cv/CV_Linlin_Jia_en.pdf\" target=\"_blank\" rel=\"noopener\">mein CV</a>)",
     "row": {
       "now": {
         "label": "Aktuell",

locales/en.json

@@ -275,7 +275,7 @@
     "label": "Thoughts & Writing"
   },
   "about": {
-    "headline": "Building <strong>graph representation learning</strong> across domains: <strong>algorithms</strong>, <strong>models</strong>, <strong>open-source tools</strong>, and <strong>AI infrastructure</strong> for research &amp; industry.",
+    "headline": "Building <strong>graph representation learning</strong> across domains: <strong>algorithms</strong>, <strong>models</strong>, <strong>open-source tools</strong>, and <strong>AI infrastructure</strong> for research &amp; industry. (<a href=\"res/cv/CV_Linlin_Jia_en.pdf\" target=\"_blank\" rel=\"noopener\">my cv</a>)",
     "row": {
       "now": {
         "label": "Now",

locales/fr.json

@@ -275,7 +275,7 @@
     "label": "Pensées & écrits"
   },
   "about": {
-    "headline": "Construire <strong>l'apprentissage de représentations sur graphes</strong> à travers les domaines : <strong>algorithmes</strong>, <strong>modèles</strong>, <strong>outils open source</strong>, et <strong>infrastructure IA</strong> pour la recherche &amp; l'industrie.",
+    "headline": "Construire <strong>l'apprentissage de représentations sur graphes</strong> à travers les domaines : <strong>algorithmes</strong>, <strong>modèles</strong>, <strong>outils open source</strong>, et <strong>infrastructure IA</strong> pour la recherche &amp; l'industrie. (<a href=\"res/cv/CV_Linlin_Jia_en.pdf\" target=\"_blank\" rel=\"noopener\">mon CV</a>)",
     "row": {
       "now": {
         "label": "Actuel",

locales/zh.json

@@ -275,7 +275,7 @@
     "label": "所思所写"
   },
   "about": {
-    "headline": "从事<strong>图表示学习</strong>研究及跨领域应用，构建<strong>算法</strong>、<strong>模型</strong>、<strong>开源工具</strong>以及面向研究与产业的 <strong>AI 基础设施</strong>。",
+    "headline": "从事<strong>图表示学习</strong>研究及跨领域应用，构建<strong>算法</strong>、<strong>模型</strong>、<strong>开源工具</strong>以及面向研究与产业的 <strong>AI 基础设施</strong>。（<a href=\"res/cv/CV_Linlin_Jia_zh.pdf\" target=\"_blank\" rel=\"noopener\">我的简历</a>）",
     "row": {
       "now": {
         "label": "现在",