94 lines
4.9 KiB
HTML
94 lines
4.9 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>Recharge Reward</title>
|
|
<link rel="stylesheet" href="./style.css?v=20260606-cumulative-api" />
|
|
</head>
|
|
<body>
|
|
<div class="app-viewport" id="appViewport">
|
|
<main class="page" id="page">
|
|
<div class="stage-wrap" id="stageWrap">
|
|
<section
|
|
class="stage"
|
|
aria-label="Recharge Reward activity"
|
|
data-i18n-aria="rechargeReward.pageLabel"
|
|
>
|
|
<div class="language-switcher">
|
|
<button
|
|
class="language-button"
|
|
type="button"
|
|
aria-label="Change language"
|
|
aria-expanded="false"
|
|
data-language-toggle
|
|
data-current-lang
|
|
data-i18n-aria="rechargeReward.changeLanguage"
|
|
>
|
|
EN
|
|
</button>
|
|
<div class="language-menu" data-language-menu hidden>
|
|
<button type="button" data-lang-option="en">EN</button>
|
|
<button type="button" data-lang-option="ar">AR</button>
|
|
<button type="button" data-lang-option="tr">TR</button>
|
|
<button type="button" data-lang-option="es">ES</button>
|
|
<button type="button" data-lang-option="zh">ZH</button>
|
|
<button type="button" data-lang-option="id">ID</button>
|
|
</div>
|
|
</div>
|
|
<img class="bg bg-top" src="./assets/bg-top.png" alt="" />
|
|
<img class="bg bg-mid bg-mid-a" src="./assets/bg-mid.png" alt="" />
|
|
<img class="bg bg-mid bg-mid-b" src="./assets/bg-mid.png" alt="" />
|
|
<img class="bg bg-mid bg-mid-c" src="./assets/bg-mid.png" alt="" />
|
|
<img class="bg bg-bottom" src="./assets/bg-bottom.png" alt="" />
|
|
|
|
<section class="countdown" aria-label="Activity countdown">
|
|
<img class="countdown-frame" src="./assets/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/profile-frame.png" alt="" />
|
|
<img class="profile-avatar" src="./assets/profile-avatar.png" alt="" />
|
|
<h1 class="profile-name">nanfangjian</h1>
|
|
<p class="profile-id">ID: 12345678</p>
|
|
<p class="profile-recharge">Accumulated Recharge:$59.98</p>
|
|
</section>
|
|
|
|
<div class="reward-sections" id="rewardSections"></div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var params = new URLSearchParams(window.location.search);
|
|
if (
|
|
!params.get('lang') &&
|
|
!window.localStorage.getItem('recharge_reward_lang_ready')
|
|
) {
|
|
window.localStorage.setItem('hyapp_h5_lang', 'en');
|
|
window.localStorage.setItem('recharge_reward_lang_ready', '1');
|
|
}
|
|
} catch (error) {
|
|
document.documentElement.lang = 'en';
|
|
}
|
|
})();
|
|
</script>
|
|
<script src="../../common/i18n.js?v=20260606-cumulative"></script>
|
|
<script src="../../common/api.js?v=20260606-cumulative"></script>
|
|
<script src="./script.js?v=20260606-cumulative-api"></script>
|
|
</body>
|
|
</html>
|