99 lines
4.3 KiB
HTML
99 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-hy-app-code="aslan">
|
|
<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>Recharge Reward</title>
|
|
<link rel="stylesheet" href="../common/theme.css?v=20260707" />
|
|
<link rel="stylesheet" href="./style.css?v=20260707-modules" />
|
|
</head>
|
|
<body>
|
|
<div class="app-viewport" id="appViewport">
|
|
<main class="page" id="page">
|
|
<section
|
|
class="stage"
|
|
aria-label="Recharge Reward activity"
|
|
data-i18n-aria="rechargeReward.pageLabel"
|
|
>
|
|
<img class="bg bg-top" src="./assets/recharge-activity/bg-top.png" alt="" />
|
|
<img
|
|
class="bg bg-mid bg-mid-a"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-b"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-c"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-d"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-e"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-bottom"
|
|
src="./assets/recharge-activity/bg-bottom.png"
|
|
alt=""
|
|
/>
|
|
|
|
<section class="countdown" aria-label="Activity countdown">
|
|
<img
|
|
class="countdown-frame"
|
|
src="./assets/recharge-activity/countdown-frame.png"
|
|
alt=""
|
|
/>
|
|
<strong class="count-number" data-count="days">01</strong>
|
|
<strong class="count-number" data-count="hours">01</strong>
|
|
<strong class="count-number" data-count="minutes">01</strong>
|
|
<strong class="count-number" data-count="seconds">01</strong>
|
|
<span class="count-label" data-i18n="rechargeReward.days">Days</span>
|
|
<span class="count-label" data-i18n="rechargeReward.hours">Hours</span>
|
|
<span class="count-label" data-i18n="rechargeReward.minutes">Minutes</span>
|
|
<span class="count-label" data-i18n="rechargeReward.seconds">Seconds</span>
|
|
</section>
|
|
|
|
<section class="profile-card" aria-label="My recharge status">
|
|
<img
|
|
class="profile-frame"
|
|
src="./assets/recharge-activity/profile-frame.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="profile-avatar"
|
|
src="./assets/recharge-activity/profile-avatar.png"
|
|
alt=""
|
|
data-profile-avatar
|
|
/>
|
|
<h1 class="profile-name" data-profile-name>nanfangjian</h1>
|
|
<p class="profile-id" data-profile-id>ID: 12345678</p>
|
|
<p class="profile-recharge" data-profile-recharge>
|
|
Accumlated Recharge:5998
|
|
</p>
|
|
</section>
|
|
|
|
<div class="reward-sections" id="rewardSections"></div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
document.documentElement.dataset.hyAppCode = 'aslan';
|
|
</script>
|
|
<script src="../common/i18n.js?v=20260707"></script>
|
|
<script src="./script.js?v=20260707-modules"></script>
|
|
</body>
|
|
</html>
|