| 1 | --- |
| 2 | import Base from './Base.astro'; |
| 3 | const base = import.meta.env.BASE_URL.replace(/\/$/, ''); |
| 4 | const repo = 'https://github.com/esengine/DeepSeek-Reasonix'; |
| 5 | const { title, description, titleEn, titleZh, wide } = Astro.props; |
| 6 | --- |
| 7 | <Base title={title} description={description} titleEn={titleEn} titleZh={titleZh}> |
| 8 | <header class="nav auth-nav scrolled"> |
| 9 | <div class="nav-inner"> |
| 10 | <a class="brand" href={`${base}/`}><img src={`${base}/logo.svg`} alt="Reasonix logo" /><span>Reasonix</span></a> |
| 11 | <div class="lang-switch" role="group" aria-label="Language" style="margin-left:auto"> |
| 12 | <button type="button" data-lang="en" class="active">EN</button> |
| 13 | <button type="button" data-lang="zh">中文</button> |
| 14 | </div> |
| 15 | </div> |
| 16 | </header> |
| 17 | |
| 18 | <main class="auth-main"> |
| 19 | <div class={wide ? 'auth-card wide' : 'auth-card'}> |
| 20 | <slot /> |
| 21 | </div> |
| 22 | </main> |
| 23 | |
| 24 | <footer> |
| 25 | <div class="foot-sub" style="border-top:none"> |
| 26 | <a class="brand" href={`${base}/`}><img src={`${base}/logo.svg`} alt="Reasonix logo" /><span>Reasonix</span></a> |
| 27 | <nav class="foot-links"> |
| 28 | <a href={`${base}/`}><span class="l-en">Home</span><span class="l-zh">首页</span></a> |
| 29 | <a href={`${base}/docs/`}><span class="l-en">Docs</span><span class="l-zh">文档</span></a> |
| 30 | <a href={repo}>GitHub</a> |
| 31 | </nav> |
| 32 | </div> |
| 33 | </footer> |
| 34 | |
| 35 | <script>import '../scripts/auth.js';</script> |
| 36 | </Base> |
| 37 |