2026-06-11 13:33:10 +08:00

85 lines
3.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
/>
<title data-i18n="tasks.pageTitle">Task</title>
<link
rel="stylesheet"
href="../../common/theme.css?v=20260611-task-h5"
/>
<link rel="stylesheet" href="./style.css?v=20260611-task-h5" />
</head>
<body>
<div class="app-viewport" id="appViewport">
<main
class="task-page"
id="page"
aria-label="Task center"
data-i18n-aria="tasks.pageLabel"
>
<nav
class="task-nav"
aria-label="Task navigation"
data-i18n-aria="tasks.navLabel"
>
<button
class="back-button"
id="backButton"
type="button"
aria-label="Back"
data-i18n-aria="tasks.back"
>
<span aria-hidden="true"></span>
</button>
<h1 data-i18n="tasks.title">Task</h1>
</nav>
<section class="task-section" data-section-block="daily">
<header class="section-head">
<h2 data-i18n="tasks.dailyTitle">Daily Tasks</h2>
<p data-refresh-text data-i18n="tasks.dailyReset">
Resets daily at midnight
</p>
</header>
<div
class="task-list"
id="dailyTasks"
aria-live="polite"
></div>
</section>
<section
class="task-section task-section-exclusive"
data-section-block="exclusive"
>
<header class="section-head">
<h2 data-i18n="tasks.exclusiveTitle">
Exclusive For Newcomers
</h2>
<p data-i18n="tasks.exclusiveLimit">
Limited to one time
</p>
</header>
<div
class="task-list"
id="exclusiveTasks"
aria-live="polite"
></div>
</section>
<div class="task-state" id="taskState" hidden></div>
</main>
</div>
<script src="../../common/i18n.js?v=20260611-task-h5"></script>
<script src="../../common/api.js?v=20260611-task-h5"></script>
<script src="../../common/jsbridge.js?v=20260611-task-h5"></script>
<script src="../../common/toast.js?v=20260611-task-h5"></script>
<script src="./script.js?v=20260611-task-h5"></script>
</body>
</html>