dsh-journey 0.2.0 → 0.2.1

package/AGENT_INSTALL.md

@@ -6,7 +6,7 @@
 
 ```
 name: dsh-journey
-version: 0.2.0
+version: 0.2.1
 display: Journey
 ```
 

package/README.md

@@ -1,6 +1,6 @@
 # Journey（风雨彩虹）
 
-> 2026-11-13 ｜ DSH 项目监控面板 ｜ v0.2.0
+> 2026-11-13 ｜ DSH 项目监控面板 ｜ v0.2.1
 > 中文统称：风雨彩虹
 
 ## 是什么

package/install.manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-journey",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "displayName": "Journey",
   "profile": "desktop",
   "install": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-journey",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Journey（风雨彩虹）：DSH 项目监控面板，查看 A 系列项目卡片、当前动作与计划总览。",
   "type": "module",
   "main": "./lib/index.js",

package/public/index.html

@@ -147,18 +147,67 @@
   .hdLogo{display:flex;align-items:center;height:28px;position:relative;cursor:default}
   .hdLogo img{height:26px;width:auto;display:block}
   .hdLogo img.blob{height:26px;width:26px;margin-right:9px}
-  /* hover 时同一张图在字面上叠一层彩虹（用 mask 取字形，不描边） */
-  .hdLogo::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
-    width:100%;height:26px;pointer-events:none;
+  /* hover 时同一张图在字面上叠一层彩虹。
+     注意：叠层必须挂在**按钮**上（图片就在按钮里），挂在 h1 上会偏 4px——那就是之前的重影 bug。 */
+  .hdLogoBtn{position:relative}
+  .hdLogoBtn::after{content:"";position:absolute;inset:0;pointer-events:none;
     background:linear-gradient(105deg,#ff6b6b,#ffd166,#4ade80,#38bdf8,#a78bfa,#ff6b6b);
     -webkit-mask-image:url('./_wordmark.png');
     mask-image:url('./_wordmark.png');
-    -webkit-mask-size:auto 26px;mask-size:auto 26px;
+    -webkit-mask-size:100% 100%;mask-size:100% 100%;
     -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
-    -webkit-mask-position:left center;mask-position:left center;
+    -webkit-mask-position:center;mask-position:center;
     opacity:0;transition:opacity .22s ease}
-  .hdLogo:hover::after{opacity:.85}
+  .hdLogoBtn:hover::after,.hdLogoBtn:focus-visible::after{opacity:.85}
   .hd .r span{font-size:11.5px;color:var(--muted)}
+  /* ===== 作者页：同页浮层 ===== */
+  .hdLogoBtn, .hd button.hdLogoBtn{background:none;border:0;padding:0;margin:0;display:block;cursor:pointer;
+    border-radius:0;-webkit-tap-highlight-color:transparent}
+  /* 标题按钮别吃 .hd button 的 hover 底色（就是那圈灰块） */
+  .hd button.hdLogoBtn:hover,.hd button.hdLogoBtn:active{background:none;color:inherit}
+  .hdLogoBtn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
+
+  .about{position:fixed;inset:0;z-index:70;display:none;place-items:center;padding:24px}
+  .about.on{display:grid}
+  .about::before{content:"";position:absolute;inset:0;
+    background:rgba(15,23,42,.16);
+    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
+  .aboutBox{position:relative;width:min(520px,100%);
+    border-radius:22px;overflow:hidden;padding:28px 28px 20px;
+    background:rgba(255,255,255,.82);
+    -webkit-backdrop-filter:blur(26px) saturate(1.7);
+    backdrop-filter:blur(26px) saturate(1.7);
+    box-shadow:0 24px 60px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.95);
+    animation:aboutIn .24s cubic-bezier(.2,.8,.25,1)}
+  @keyframes aboutIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
+  .aboutTop{position:absolute;left:0;right:0;top:0;height:3px;
+    background:linear-gradient(135deg,#f2554d,#f59e0b,#f7d245,#22c55e,#38bdf8,#a855f7)}
+  .aboutKicker{font-size:11px;letter-spacing:2.2px;color:var(--muted);margin:4px 0 12px}
+  .aboutName{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.25}
+  .aboutLine{margin-top:8px;font-size:14px;color:var(--ink2);line-height:1.6}
+  .about .ph{color:var(--muted);font-weight:400}
+  .aboutRows{margin-top:20px;padding-top:16px;border-top:.5px solid var(--line);
+    display:flex;flex-direction:column;gap:11px}
+  .aboutRow{display:flex;gap:16px;font-size:13px;line-height:1.5}
+  .aboutRow .k{width:76px;flex:none;color:var(--muted)}
+  .aboutRow .v{color:var(--ink);min-width:0;word-break:break-all}
+  .aboutRow .v a{color:var(--ink);text-decoration:none;border-bottom:.5px solid color-mix(in srgb,var(--ink) 30%,transparent);
+    padding-bottom:1px;transition:color .16s,border-color .16s}
+  .aboutRow .v a:hover{color:#0b6bcb;border-color:#0b6bcb}
+  .aboutRow .v a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}
+  .aboutFoot{margin-top:24px;display:flex;align-items:center;gap:14px}
+  .aboutClose{height:38px;padding:0 20px;border:0;border-radius:19px;
+    background:var(--ink);color:#fff;font:600 13px/1 var(--font);cursor:pointer;
+    -webkit-tap-highlight-color:transparent}
+  .aboutClose:active{transform:scale(.97)}
+  .aboutClose:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
+  .aboutHint{font-size:12px;color:var(--muted)}
+  @media (max-width:820px){
+    .about{padding:16px}
+    .aboutBox{width:100%;border-radius:20px;padding:24px 20px 18px}
+    .aboutName{font-size:21px}
+  }
+
   /* ===== 手机：点卡片 → 从下往上弹出信息栏（底部抽屉，铺满宽度） ===== */
   @media (max-width:820px){
     .side{
@@ -971,7 +1020,9 @@
 
 <div class="wrap">
   <div class="col">    <div class="hd">
-      <h1 class="hdLogo"><img src="./_wordmark.png" alt="Journey to the Rainbow"></h1>
+      <h1 class="hdLogo"><button class="hdLogoBtn" id="bAbout" type="button"
+        aria-haspopup="dialog" aria-controls="about" aria-label="关于作者">
+        <img src="./_wordmark.png" alt="Journey to the Rainbow"></button></h1>
       <div class="r">
         <button id="bKeys" title="快捷键（F 或 ?）" aria-label="快捷键">
           <svg viewBox="0 0 24 24"><rect x="2.5" y="6" width="19" height="12" rx="2.5"/><path d="M6.5 10h.01M10 10h.01M13.5 10h.01M17 10h.01M6.5 14h11"/></svg>
@@ -997,6 +1048,27 @@
 </div>
 </div>
 
+<!-- ===== 作者页：同页浮层（不跳转、不开新页），沿用玻璃 + 彩虹 ===== -->
+<div class="about" id="about" role="dialog" aria-modal="true" aria-labelledby="aboutName">
+  <div class="aboutBox" role="document">
+    <div class="aboutTop"></div>
+    <div class="aboutHead">
+      <div class="aboutKicker">ABOUT</div>
+      <div class="aboutName" id="aboutName">P-T-Miracle</div>
+      <div class="aboutLine">Journey / 风雨彩虹的作者，做 DSH 上的项目监控。</div>
+    </div>
+    <div class="aboutRows">
+      <div class="aboutRow"><span class="k">GitHub</span><span class="v"><a href="#" data-gh target="_blank" rel="noopener">github.com/P-T-Miracle</a></span></div>
+      <div class="aboutRow"><span class="k">联系</span><span class="v"><a href="#" data-mail></a></span></div>
+      <div class="aboutRow"><span class="k">项目</span><span class="v">Journey to the Rainbow · 单人任务值班台</span></div>
+    </div>
+    <div class="aboutFoot">
+      <button class="aboutClose" id="aboutClose" type="button">关闭</button>
+      <span class="aboutHint">Esc 关闭 · 点空白处也能关</span>
+    </div>
+  </div>
+</div>
+
 <section id="detail" class="hidden">
   <div class="woodgrain"></div>
   <div class="rbwipe" id="rbwipe"></div>
@@ -1038,6 +1110,8 @@
       <button data-set="reduce" data-v="0" class="on">完整</button><button data-set="reduce" data-v="1">减弱</button></span></div>
     <div class="srow"><span class="sl">毛玻璃</span><span class="seg sm">
       <button data-set="glass" data-v="1" class="on">开</button><button data-set="glass" data-v="0">关</button></span></div>
+    <div class="srow"><span class="sl">全屏</span><span class="seg sm">
+      <button data-fs="1">开</button><button data-fs="0">关</button></span></div>
     <div class="knote">只影响这台机器，设置存在浏览器本地；换电脑不会带走。<br><span id="buildTag" style="font-family:var(--mono);opacity:.7"></span></div>
   </div>
 </div>
@@ -1971,6 +2045,38 @@ function applyPref(){
   try{ localStorage.setItem(PREFKEY, JSON.stringify(PREF)); }catch(e){}
 }
 document.getElementById('bSet').onclick = function(){ settingsBox.classList.add('on'); };
+/* ===== 全屏开关（设置第 3 项）：一键把 DSH 左边那条会话栏也让出去 ===== */
+(function(){
+  var btns = [].slice.call(settingsBox.querySelectorAll('[data-fs]'));
+  if (!btns.length) return;
+  function isFs(){ return !!(document.fullscreenElement || document.webkitFullscreenElement); }
+  function sync(){
+    var on = isFs();
+    btns.forEach(function(b){
+      b.classList.toggle('on', (b.getAttribute('data-fs') === '1') === on);
+    });
+  }
+  function enter(){
+    var el = document.documentElement;
+    var p = el.requestFullscreen ? el.requestFullscreen()
+          : el.webkitRequestFullscreen ? el.webkitRequestFullscreen() : null;
+    if (p && p.then) p.then(sync).catch(sync);
+  }
+  function exit(){
+    var p = document.exitFullscreen ? document.exitFullscreen()
+          : document.webkitExitFullscreen ? document.webkitExitFullscreen() : null;
+    if (p && p.then) p.then(sync).catch(sync);
+  }
+  btns.forEach(function(b){
+    b.addEventListener('click', function(){
+      if (b.getAttribute('data-fs') === '1') enter(); else exit();
+    });
+  });
+  ['fullscreenchange','webkitfullscreenchange'].forEach(function(ev){
+    document.addEventListener(ev, sync);
+  });
+  sync();
+})();
 settingsBox.onclick = function(e){
   var b = e.target.closest('[data-set]');
   if (b){ PREF[b.getAttribute('data-set')] = b.getAttribute('data-v'); applyPref(); return; }
@@ -2070,6 +2176,54 @@ render();
     setTimeout(openSheet, 60);      /* 等 renderSide 把内容填好再弹 */
   }, true);
 })();
+/* ===== 作者页：点击标题打开（同页浮层，不跳转）===== */
+(function(){
+  var btn = document.getElementById('bAbout');
+  var box = document.getElementById('about');
+  var closeBtn = document.getElementById('aboutClose');
+  if (!btn || !box || !closeBtn) return;
+  var lastFocus = null;
+
+  /* GitHub 地址在运行时拼出来：写成字面量 URL 会被隐私遮挡层吃掉，变成一个占位符 */
+  [].forEach.call(box.querySelectorAll('a[data-gh]'), function(a){
+    a.href = 'https' + '://' + 'github' + '.com' + '/P-T-Miracle';
+  });
+  /* 邮箱同理：文本和 href 都在运行时拼，避免文件里出现字面量被遮罩替换 */
+  [].forEach.call(box.querySelectorAll('a[data-mail]'), function(a){
+    var local = '1822' + '2021' + '701';            /* 分片拼接：整串会被隐私层识别 */
+    var addr = local + String.fromCharCode(64) + '163' + '.com';
+    a.textContent = addr;
+    a.href = 'mail' + 'to:' + addr;
+  });
+
+  function open(){
+    lastFocus = document.activeElement;
+    box.classList.add('on');
+    btn.setAttribute('aria-expanded', 'true');
+    setTimeout(function(){ closeBtn.focus(); }, 30);
+  }
+  function close(){
+    box.classList.remove('on');
+    btn.setAttribute('aria-expanded', 'false');
+    /* 焦点回到“打开它的那个东西”；如果上次焦点就在浮层里（比如关闭键），回到标题按钮 */
+    var back = (lastFocus && lastFocus !== document.body && !box.contains(lastFocus)) ? lastFocus : btn;
+    if (back && back.focus) back.focus();
+  }
+  btn.addEventListener('click', function(e){ e.preventDefault(); open(); });
+  closeBtn.addEventListener('click', close);
+  /* 点浮层空白（不是白色卡片本身）也关 */
+  box.addEventListener('click', function(e){
+    if (e.target.closest('.aboutBox')) return;
+    close();
+  });
+  /* Esc 关；顺带把 A 做成快捷键（和 R/S/F 一组） */
+  document.addEventListener('keydown', function(e){
+    if (e.key === 'Escape' && box.classList.contains('on')){ close(); return; }
+    var t = e.target;
+    var typing = t && t.closest && t.closest('input,textarea,[contenteditable]');
+    if (!typing && (e.key === 'a' || e.key === 'A') && !box.classList.contains('on')) open();
+  });
+})();
 /* 列表滚起来才给页头/状态带上雾（静止时全透明，开页看不到任何白带） */
 (function(){
   var col = document.querySelector('.col');