update bug1.0
This commit is contained in:
@@ -7,6 +7,7 @@
|
||||
<meta name="description" content="葫芦数学：发现你的数学人格，经历属于你的数学人生。">
|
||||
<title>葫芦数学 · 数学人生宇宙</title>
|
||||
<link rel="stylesheet" href="{% static 'css/app.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'vendor/katex/katex.min.css' %}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient ambient-one"></div>
|
||||
@@ -80,8 +81,90 @@
|
||||
</section>
|
||||
|
||||
<section class="view" id="view-life">
|
||||
<div class="page-title"><span class="kicker">MATH LIFE HALL</span><h1>数学人生大厅</h1><p>长篇旗舰人生、人物 Skill 与特别篇，共用同一份成长档案。</p></div>
|
||||
<div id="story-list" class="content-grid loading">正在读取已发布人生…</div>
|
||||
<div class="life-hub" id="life-hub">
|
||||
<div class="page-title"><span class="kicker">MATH LIFE HALL</span><h1>数学人生大厅</h1><p>四条旗舰人生对应四种数学精神，人物 Skill 包持续扩展真实人生样本。</p></div>
|
||||
|
||||
<div class="life-map" id="life-map">
|
||||
<div class="life-map-canvas">
|
||||
<svg class="life-map-lines" viewBox="0 0 1200 520" preserveAspectRatio="xMidYMid meet" aria-hidden="true">
|
||||
<path d="M600 260 Q400 120 220 180" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
|
||||
<path d="M600 260 Q800 120 980 180" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
|
||||
<path d="M600 260 Q400 400 220 420" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
|
||||
<path d="M600 260 Q800 400 980 420" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
|
||||
<circle cx="600" cy="260" r="90" fill="rgba(25,101,72,.04)" stroke="rgba(25,101,72,.16)" stroke-width="2"/>
|
||||
<circle cx="600" cy="260" r="70" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="6 8"/>
|
||||
</svg>
|
||||
<div class="life-map-center">
|
||||
<b>葫</b><span>数学人生<br>交叉点</span>
|
||||
</div>
|
||||
<article class="route-card route-believer" data-clan="believer" data-route="believer">
|
||||
<span class="route-index">01</span>
|
||||
<div class="route-spirit">
|
||||
<b>信仰者</b><small>BELIEVER</small>
|
||||
</div>
|
||||
<p class="route-conflict">当答案还不存在，你是否仍愿意相信推理？</p>
|
||||
<div class="route-mathematicians" data-mathematicians="believer"></div>
|
||||
<div class="route-meta"><span class="route-status">旗舰人生 · 约 120 分钟</span></div>
|
||||
<button class="route-enter" data-route-enter="believer">进入信仰者人生 →</button>
|
||||
</article>
|
||||
|
||||
<article class="route-card route-spreader" data-clan="spreader" data-route="spreader">
|
||||
<span class="route-index">02</span>
|
||||
<div class="route-spirit">
|
||||
<b>传播者</b><small>SPREADER</small>
|
||||
</div>
|
||||
<p class="route-conflict">你会守住发现，还是让更多人理解它？</p>
|
||||
<div class="route-mathematicians" data-mathematicians="spreader"></div>
|
||||
<div class="route-meta"><span class="route-status">即将开放 · 序章可试</span></div>
|
||||
<button class="route-enter" data-route-enter="spreader">进入传播者人生 →</button>
|
||||
</article>
|
||||
|
||||
<article class="route-card route-applier" data-clan="applier" data-route="applier">
|
||||
<span class="route-index">03</span>
|
||||
<div class="route-spirit">
|
||||
<b>应用者</b><small>APPLIER</small>
|
||||
</div>
|
||||
<p class="route-conflict">数字进入现实之后，谁来承担模型的代价？</p>
|
||||
<div class="route-mathematicians" data-mathematicians="applier"></div>
|
||||
<div class="route-meta"><span class="route-status">即将开放 · 序章可试</span></div>
|
||||
<button class="route-enter" data-route-enter="applier">进入应用者人生 →</button>
|
||||
</article>
|
||||
|
||||
<article class="route-card route-seer" data-clan="seer" data-route="seer">
|
||||
<span class="route-index">04</span>
|
||||
<div class="route-spirit">
|
||||
<b>直觉者</b><small>SEER</small>
|
||||
</div>
|
||||
<p class="route-conflict">当形式尚未成形，你敢不敢追随结构感？</p>
|
||||
<div class="route-mathematicians" data-mathematicians="seer"></div>
|
||||
<div class="route-meta"><span class="route-status">即将开放 · 序章可试</span></div>
|
||||
<button class="route-enter" data-route-enter="seer">进入直觉者人生 →</button>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alumni-entry" id="alumni-entry">
|
||||
<div class="alumni-entry-content">
|
||||
<div>
|
||||
<span class="kicker">ALUMNI INTERVIEW</span>
|
||||
<h2>数学校友访谈</h2>
|
||||
<p>我们采访真实的数学校友，把他们的关键人生抉择浓缩为 20 分钟可体验的数学人生。</p>
|
||||
</div>
|
||||
<div class="alumni-entry-action">
|
||||
<span id="alumni-count">读取中…</span>
|
||||
<button class="primary-button" id="enter-alumni">进入访谈大厅 <b>→</b></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="life-skills hidden" id="life-skills">
|
||||
<div class="page-title">
|
||||
<button class="back-button" id="back-to-hub">← 返回数学人生大厅</button>
|
||||
<span class="kicker">ALUMNI INTERVIEW</span><h1>数学校友访谈</h1><p>每位校友的数学人生，浓缩为约 20 分钟的关键抉择体验。</p>
|
||||
</div>
|
||||
<div id="skill-list" class="skill-grid loading">正在读取校友人生…</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="view" id="view-contest">
|
||||
@@ -317,6 +400,7 @@
|
||||
|
||||
<div class="toast" id="toast" role="status"></div>
|
||||
<div class="csrf-token">{% csrf_token %}</div>
|
||||
<script src="{% static 'vendor/katex/katex.min.js' %}" defer></script>
|
||||
<script src="{% static 'js/toolbox.js' %}" defer></script>
|
||||
<script src="{% static 'js/games.js' %}" defer></script>
|
||||
<script src="{% static 'js/realtime.js' %}" defer></script>
|
||||
|
||||
Reference in New Issue
Block a user