255 lines
11 KiB
HTML
255 lines
11 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-hy-app-code="huwaa">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<script>
|
|
window.HyAppI18nSupported = ['en', 'ar', 'tr', 'es'];
|
|
window.HyAppDefaultAppCode = 'huwaa';
|
|
</script>
|
|
<title data-i18n="huwaa_weekly_star.page_title">Weekly Star</title>
|
|
<link rel="stylesheet" href="../../common/theme.css?v=20260717" />
|
|
<link rel="stylesheet" href="./huwaa/huwaa.css?v=20260717" />
|
|
</head>
|
|
<body data-hy-app-code="huwaa">
|
|
<main
|
|
class="week-star-page"
|
|
id="weekStarPage"
|
|
data-tab="history"
|
|
aria-label="Huwaa Weekly Star activity"
|
|
data-i18n-aria="huwaa_weekly_star.page_aria"
|
|
>
|
|
<div class="week-star-stage-wrap" id="weekStarStageWrap">
|
|
<section
|
|
class="week-star-stage"
|
|
id="weekStarStage"
|
|
data-node-id="818:1999"
|
|
>
|
|
<img
|
|
class="week-star-background"
|
|
src="./huwaa/assets/layers/background-stars.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
|
|
<header class="week-star-hero" data-node-id="818:2000">
|
|
<div class="week-star-hero-mask" aria-hidden="true">
|
|
<img
|
|
class="week-star-hero-image"
|
|
src="./huwaa/assets/layers/hero-background.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
<h1
|
|
class="week-star-title"
|
|
data-i18n="huwaa_weekly_star.page_title"
|
|
>
|
|
Weekly Star
|
|
</h1>
|
|
</header>
|
|
|
|
<div class="week-star-date" data-node-id="818:2080">
|
|
<img
|
|
class="week-star-date-ribbon"
|
|
src="./huwaa/assets/layers/date-ribbon.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<time class="week-star-date-text" id="weekStarDate"
|
|
>—</time
|
|
>
|
|
</div>
|
|
|
|
<p
|
|
class="week-star-note"
|
|
data-i18n="huwaa_weekly_star.activity_note"
|
|
>
|
|
Note: Send the following three gifts to participate in
|
|
the ranking. Users who rank in the top 3 of the
|
|
leaderboard will receive rewards.
|
|
</p>
|
|
|
|
<div
|
|
class="week-star-gifts"
|
|
id="weekStarGifts"
|
|
role="list"
|
|
aria-label="Activity gifts"
|
|
data-i18n-aria="huwaa_weekly_star.gifts_aria"
|
|
></div>
|
|
|
|
<nav
|
|
class="week-star-tabs"
|
|
role="tablist"
|
|
aria-label="Weekly Star sections"
|
|
data-i18n-aria="huwaa_weekly_star.tabs_aria"
|
|
>
|
|
<button
|
|
class="week-star-tab is-active"
|
|
id="weekStarTabHistory"
|
|
type="button"
|
|
role="tab"
|
|
aria-selected="true"
|
|
aria-controls="weekStarPanelHistory"
|
|
data-tab-target="history"
|
|
>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-active"
|
|
src="./huwaa/assets/layers/tab-active.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-inactive"
|
|
src="./huwaa/assets/layers/tab-inactive.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<span
|
|
data-i18n="huwaa_weekly_star.previous_top_three"
|
|
>Previous Top 3 Records</span
|
|
>
|
|
</button>
|
|
<button
|
|
class="week-star-tab"
|
|
id="weekStarTabWeekly"
|
|
type="button"
|
|
role="tab"
|
|
aria-selected="false"
|
|
aria-controls="weekStarPanelWeekly"
|
|
tabindex="-1"
|
|
data-tab-target="weekly"
|
|
>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-active"
|
|
src="./huwaa/assets/layers/tab-active.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-inactive"
|
|
src="./huwaa/assets/layers/tab-inactive.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<span data-i18n="huwaa_weekly_star.this_week_rank"
|
|
>This Week's rank list</span
|
|
>
|
|
</button>
|
|
<button
|
|
class="week-star-tab"
|
|
id="weekStarTabRewards"
|
|
type="button"
|
|
role="tab"
|
|
aria-selected="false"
|
|
aria-controls="weekStarPanelRewards"
|
|
tabindex="-1"
|
|
data-tab-target="rewards"
|
|
>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-active"
|
|
src="./huwaa/assets/layers/tab-active.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<img
|
|
class="week-star-tab-skin week-star-tab-skin-inactive"
|
|
src="./huwaa/assets/layers/tab-inactive.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<span
|
|
data-i18n="huwaa_weekly_star.reward_description"
|
|
>Reward Description</span
|
|
>
|
|
</button>
|
|
</nav>
|
|
|
|
<section
|
|
class="week-star-panel week-star-history-panel"
|
|
id="weekStarPanelHistory"
|
|
role="tabpanel"
|
|
aria-labelledby="weekStarTabHistory"
|
|
data-panel="history"
|
|
>
|
|
<h2
|
|
class="week-star-history-date"
|
|
id="weekStarHistoryDate"
|
|
>
|
|
—
|
|
</h2>
|
|
<div
|
|
class="week-star-rank-list"
|
|
id="weekStarHistoryList"
|
|
aria-live="polite"
|
|
></div>
|
|
</section>
|
|
|
|
<section
|
|
class="week-star-panel week-star-weekly-panel"
|
|
id="weekStarPanelWeekly"
|
|
role="tabpanel"
|
|
aria-labelledby="weekStarTabWeekly"
|
|
data-panel="weekly"
|
|
hidden
|
|
>
|
|
<div
|
|
class="week-star-rank-list"
|
|
id="weekStarWeeklyList"
|
|
aria-live="polite"
|
|
></div>
|
|
</section>
|
|
|
|
<section
|
|
class="week-star-panel week-star-rewards-panel"
|
|
id="weekStarPanelRewards"
|
|
role="tabpanel"
|
|
aria-labelledby="weekStarTabRewards"
|
|
data-panel="rewards"
|
|
hidden
|
|
>
|
|
<img
|
|
class="week-star-reward-panel-skin"
|
|
src="./huwaa/assets/layers/reward-panel.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<div
|
|
class="week-star-reward-groups"
|
|
id="weekStarRewardGroups"
|
|
aria-live="polite"
|
|
></div>
|
|
</section>
|
|
|
|
<div
|
|
class="week-star-announcer"
|
|
id="weekStarAnnouncer"
|
|
role="status"
|
|
aria-live="polite"
|
|
aria-atomic="true"
|
|
></div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="../../common/api.js?v=20260717"></script>
|
|
<script src="../../common/params.js?v=20260717"></script>
|
|
<script src="../../common/i18n.js?v=20260717"></script>
|
|
<script src="../../common/toast.js?v=20260717"></script>
|
|
<script src="../../common/jsbridge.js?v=20260717"></script>
|
|
<script src="./huwaa/huwaa.js?v=20260717"></script>
|
|
</body>
|
|
</html>
|