docs+framework: canon, system-profile, gdd, registry, 6a framework

pages/juanfang/login.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>卷库房 · 登录 — 临川县正衡律师事务所</title>
+  <link rel="stylesheet" href="../../assets/css/base.css">
+  <link rel="stylesheet" href="../../assets/css/secret.css">
+  <script defer src="../../assets/js/components.js"></script>
+  <script defer src="../../assets/js/vendor/alpine.min.js"></script>
+</head>
+<body data-page="12" data-total="19">
+  <header>
+    <nav>
+      <a class="brand" href="login.html">卷库房</a>
+    </nav>
+  </header>
+  <!-- Shape C 登录门(assets/templates/html/login-multi.html):一个登录框、多个身份,不拆两个表单(R10)。
+       data-grant = 走查看到的身份平列;data-grants = 运行时 账号→身份 映射。账号哈希与密码哈希由步骤 3/5 设计、
+       6b 填入;此处只落壳,不贴任何真实凭据(R3/R4)。账号格式可照实贴出,密码推导永不出现(R4)。 -->
+  <main x-data="gate" data-grant="handler,intern" data-next="query.html" data-fail-hint="账号或密码有误"
+        data-grants='{"<hash:account-1>":{"id":"handler","pw":["<hash:pw-1>"]},
+                      "<hash:account-2>":{"id":"intern","pw":["<hash:pw-2>"],"reskin":"secret"}}'>
+    <form class="gate" @submit.prevent="submit">
+      <label for="u">账号</label><input id="u" type="text" name="account" placeholder="工号" data-expect-hash="<hash:account-1>,<hash:account-2>">
+      <label for="p">密码</label><input id="p" type="password" name="password" placeholder="密码" data-expect-hash="<hash:pw-1>,<hash:pw-2>">
+      <p class="gate-error" x-show="error" x-text="error" x-cloak></p>
+      <button type="submit">登录</button>
+    </form>
+    <p><a href="../home.html">返回所网首页</a></p>
+  </main>
+  <footer x-data="progress"><div class="footer-inner">
+    <span>© 2015 临川县正衡律师事务所 · 卷库房</span><span class="progress" x-text="seen.length + '/' + document.body.dataset.total">12/19</span>
+  </div></footer>
+</body>
+</html>