124 lines
5.7 KiB
HTML
124 lines
5.7 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, viewport-fit=cover" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<title>Last Weekly CP</title>
|
|
<link rel="stylesheet" href="./cp-ranking.css?v=2026052202" />
|
|
<script defer src="./cp-ranking.js?v=2026052202"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<main class="page" id="page">
|
|
<section class="canvas" id="canvas" aria-label="Last Weekly CP">
|
|
<img class="hero-image asset" src="../../assets/yumi/cp-ranking/hero.png" alt="" />
|
|
<img class="title-art asset" src="../../assets/yumi/cp-ranking/title-art.png" alt="Last Weekly CP" />
|
|
|
|
<button class="rules-button" id="rulesButton" type="button" aria-label="Rules">Rules</button>
|
|
|
|
<div class="countdown" aria-label="Activity countdown">
|
|
<div class="countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span class="countdown-value" data-countdown="days">02</span>
|
|
<span class="countdown-label">D</span>
|
|
</div>
|
|
<div class="countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span class="countdown-value" data-countdown="hours">02</span>
|
|
<span class="countdown-label">H</span>
|
|
</div>
|
|
<div class="countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span class="countdown-value" data-countdown="minutes">02</span>
|
|
<span class="countdown-label">M</span>
|
|
</div>
|
|
<div class="countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span class="countdown-value" data-countdown="seconds">02</span>
|
|
<span class="countdown-label">S</span>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="tabs" aria-label="CP activity tabs">
|
|
<button class="tab-button is-active" type="button" data-tab="plaza"><span class="tab-label">CP Plaza</span></button>
|
|
<button class="tab-button" type="button" data-tab="rank"><span class="tab-label">CP Rank</span></button>
|
|
<button class="tab-button" type="button" data-tab="rewards"><span class="tab-label">Rewards</span></button>
|
|
</nav>
|
|
|
|
<section class="tab-panel tab-panel-plaza is-active" data-panel="plaza" aria-label="CP Plaza">
|
|
<div class="ornate-panel plaza-live-panel">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<h2>Gifts exchanged between CPs ≥ 5000 gold will be displayed here</h2>
|
|
<p class="panel-subtitle">(Display the last 10 records, sorted in ascending order.)</p>
|
|
<div class="cp-row-list" id="plazaList"></div>
|
|
</div>
|
|
|
|
<div class="ornate-panel plaza-history-panel">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<h2>The previous number one position</h2>
|
|
<p class="panel-subtitle">(Display the last 10 records, sorted in ascending order.)</p>
|
|
<div class="cp-row-list" id="historyList"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab-panel tab-panel-rank" data-panel="rank" aria-label="CP Rank">
|
|
<div class="podium" id="podium"></div>
|
|
|
|
<div class="ornate-panel rank-list-panel">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<div class="mini-countdown">
|
|
<div class="mini-countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span data-countdown="days">02</span>
|
|
<b>D</b>
|
|
</div>
|
|
<div class="mini-countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span data-countdown="hours">02</span>
|
|
<b>H</b>
|
|
</div>
|
|
<div class="mini-countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span data-countdown="minutes">02</span>
|
|
<b>M</b>
|
|
</div>
|
|
<div class="mini-countdown-item">
|
|
<img src="../../assets/yumi/cp-ranking/countdown-heart.png" alt="" />
|
|
<span data-countdown="seconds">02</span>
|
|
<b>S</b>
|
|
</div>
|
|
</div>
|
|
<div class="cp-row-list" id="rankList"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab-panel tab-panel-rewards" data-panel="rewards" aria-label="Rewards">
|
|
<div class="ornate-panel reward-panel reward-panel-1">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<img class="reward-crown" src="../../assets/yumi/cp-ranking/rank-crown-1.png" alt="Rank 1" />
|
|
<div class="reward-grid" id="rewardGroup1"></div>
|
|
</div>
|
|
<div class="ornate-panel reward-panel reward-panel-2">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<img class="reward-crown" src="../../assets/yumi/cp-ranking/rank-crown-2.png" alt="Rank 2" />
|
|
<div class="reward-grid" id="rewardGroup2"></div>
|
|
</div>
|
|
<div class="ornate-panel reward-panel reward-panel-3">
|
|
<div class="panel-bg" aria-hidden="true"></div>
|
|
<img class="reward-crown" src="../../assets/yumi/cp-ranking/rank-crown-3.png" alt="Rank 3" />
|
|
<div class="reward-grid" id="rewardGroup3"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<p class="copyright">The copyright of this activity belongs to Shila</p>
|
|
<div class="sr-only" id="status" aria-live="polite"></div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|