179 lines
6.8 KiB
HTML
179 lines
6.8 KiB
HTML
<!doctype html>
|
|
<html lang="en" dir="ltr" data-hy-app-code="fami">
|
|
<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="roomReward.pageTitle">Room Reward Event</title>
|
|
<link rel="icon" href="data:," />
|
|
<link
|
|
rel="preload"
|
|
as="image"
|
|
href="./fami/assets/layers/hero-room-reward.webp"
|
|
/>
|
|
<link rel="stylesheet" href="../../common/theme.css?v=20260716" />
|
|
<link rel="stylesheet" href="./fami/fami.css?v=20260716" />
|
|
</head>
|
|
<body>
|
|
<main
|
|
class="rr-app"
|
|
id="rrApp"
|
|
aria-label="Room Reward Event"
|
|
data-i18n-aria="roomReward.pageLabel"
|
|
>
|
|
<div class="rr-stage-shell" id="rrStageShell">
|
|
<section class="rr-stage" id="rrStage">
|
|
<div class="rr-hero" aria-hidden="true">
|
|
<img
|
|
src="./fami/assets/layers/hero-room-reward.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
|
|
<section
|
|
class="rr-target"
|
|
aria-label="Current reward target"
|
|
data-i18n-aria="roomReward.currentTarget"
|
|
>
|
|
<img
|
|
class="rr-target-skin"
|
|
src="./fami/assets/layers/frame-purple-gold.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<div class="rr-target-value">
|
|
<img
|
|
src="./fami/assets/layers/coin-target.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<strong id="rrTargetValue">—</strong>
|
|
</div>
|
|
</section>
|
|
|
|
<section
|
|
class="rr-table"
|
|
id="rrTable"
|
|
aria-label="Room reward tiers"
|
|
data-i18n-aria="roomReward.tiersLabel"
|
|
>
|
|
<div class="rr-table-top-ornament" aria-hidden="true">
|
|
<img
|
|
src="./fami/assets/layers/table-border-ornament.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="rr-table-side-ornament rr-table-side-left"
|
|
aria-hidden="true"
|
|
>
|
|
<img
|
|
src="./fami/assets/layers/table-border-ornament.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="rr-table-side-ornament rr-table-side-right"
|
|
aria-hidden="true"
|
|
>
|
|
<img
|
|
src="./fami/assets/layers/table-border-ornament.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="rr-table-divider"
|
|
id="rrTableDivider"
|
|
aria-hidden="true"
|
|
></div>
|
|
<div
|
|
class="rr-table-content"
|
|
id="rrTierTable"
|
|
aria-busy="true"
|
|
></div>
|
|
</section>
|
|
|
|
<p
|
|
class="rr-sr-only"
|
|
id="rrStatus"
|
|
role="status"
|
|
aria-live="polite"
|
|
data-i18n="roomReward.loading"
|
|
>
|
|
Loading...
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<div class="rr-footer-shell" id="rrFooterShell">
|
|
<section
|
|
class="rr-user-panel"
|
|
aria-label="My room reward progress"
|
|
data-i18n-aria="roomReward.progressLabel"
|
|
>
|
|
<span class="rr-avatar-shell">
|
|
<img id="rrUserAvatar" alt="" hidden />
|
|
</span>
|
|
<div class="rr-user-name" id="rrUserName">—</div>
|
|
<div class="rr-user-id" id="rrUserId">ID: —</div>
|
|
|
|
<div
|
|
class="rr-metric-label rr-contribution-label"
|
|
data-i18n="roomReward.contribution"
|
|
>
|
|
This week's contribution:
|
|
</div>
|
|
<div
|
|
class="rr-metric-label rr-rewards-label"
|
|
data-i18n="roomReward.rewards"
|
|
>
|
|
This week's rewards:
|
|
</div>
|
|
|
|
<output
|
|
class="rr-value-pill rr-value-pill-active"
|
|
aria-label="Contribution reward"
|
|
data-i18n-aria="roomReward.contributionReward"
|
|
>
|
|
<img
|
|
src="./fami/assets/layers/frame-purple-gold.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<span id="rrContributionValue">—</span>
|
|
</output>
|
|
<output
|
|
class="rr-value-pill rr-value-pill-disabled"
|
|
aria-label="Weekly rewards"
|
|
data-i18n-aria="roomReward.weeklyRewards"
|
|
>
|
|
<img
|
|
src="./fami/assets/layers/pill-disabled.webp"
|
|
alt=""
|
|
aria-hidden="true"
|
|
draggable="false"
|
|
/>
|
|
<span id="rrRewardValue">—</span>
|
|
</output>
|
|
</section>
|
|
</div>
|
|
|
|
<script>
|
|
window.HyAppDefaultAppCode = 'fami';
|
|
</script>
|
|
<script src="../../common/i18n.js?v=20260716"></script>
|
|
<script src="../../common/api.js?v=20260716"></script>
|
|
<script src="../../common/params.js?v=20260716"></script>
|
|
<script src="./fami/fami.js?v=20260716"></script>
|
|
</body>
|
|
</html>
|