211 lines
8.7 KiB
HTML
211 lines
8.7 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-hy-app-code="yumi">
|
|
<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="cpSpace.pageTitle">Best Friend</title>
|
|
<link rel="icon" href="data:," />
|
|
<link
|
|
rel="stylesheet"
|
|
href="../../common/theme.css?v=20260708-yumi-layered"
|
|
/>
|
|
<link rel="stylesheet" href="./yumi.css?v=20260708-yumi-fullwidth" />
|
|
</head>
|
|
<body>
|
|
<main
|
|
class="yumi-cp-page"
|
|
id="yumiCpPage"
|
|
data-tab="cp"
|
|
aria-label="Best Friend space"
|
|
data-i18n-aria="cpSpace.pageLabel"
|
|
>
|
|
<section
|
|
class="yumi-cp-stage"
|
|
aria-label="Best Friend"
|
|
data-i18n-aria="cpSpace.pageLabel"
|
|
>
|
|
<div class="yumi-stage-design">
|
|
<img
|
|
class="yumi-bg-layer"
|
|
id="yumiBgLayer"
|
|
src="./assets/yumi/layers/bg-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
|
|
<nav
|
|
class="yumi-nav"
|
|
aria-label="Best Friend navigation"
|
|
data-i18n-aria="cpSpace.navLabel"
|
|
>
|
|
<button
|
|
class="yumi-nav-button yumi-nav-button--back"
|
|
id="yumiBackButton"
|
|
type="button"
|
|
aria-label="Back"
|
|
data-i18n-aria="cpSpace.back"
|
|
></button>
|
|
<h1 class="yumi-title" data-i18n="cpSpace.title">
|
|
Best Friend
|
|
</h1>
|
|
<button
|
|
class="yumi-nav-button yumi-nav-button--help"
|
|
id="yumiHelpButton"
|
|
type="button"
|
|
aria-label="Help"
|
|
data-i18n-aria="cpSpace.help"
|
|
></button>
|
|
</nav>
|
|
|
|
<nav
|
|
class="yumi-tabs"
|
|
aria-label="Best Friend tabs"
|
|
data-i18n-aria="cpSpace.tabsLabel"
|
|
>
|
|
<img
|
|
class="yumi-tab-jewel"
|
|
id="yumiTabJewel"
|
|
src="./assets/yumi/layers/tab-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<button
|
|
class="yumi-tab-button"
|
|
type="button"
|
|
data-tab="cp"
|
|
>
|
|
<span data-i18n="cpSpace.tabCp">CP</span>
|
|
</button>
|
|
<button
|
|
class="yumi-tab-button"
|
|
type="button"
|
|
data-tab="brother"
|
|
>
|
|
<span data-i18n="cpSpace.tabBrother">Brother</span>
|
|
</button>
|
|
<button
|
|
class="yumi-tab-button"
|
|
type="button"
|
|
data-tab="sister"
|
|
>
|
|
<span data-i18n="cpSpace.tabSister">Sister</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<article class="yumi-card" aria-label="Best friend level 1">
|
|
<img
|
|
class="yumi-card-skin"
|
|
id="yumiCardSkin"
|
|
src="./assets/yumi/layers/card-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
|
|
<figure class="yumi-avatar yumi-avatar--left">
|
|
<span
|
|
class="yumi-avatar-photo"
|
|
id="yumiLeftAvatar"
|
|
></span>
|
|
<img
|
|
class="yumi-avatar-frame"
|
|
src="./assets/yumi/layers/avatar-frame.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</figure>
|
|
|
|
<figure class="yumi-avatar yumi-avatar--right">
|
|
<span
|
|
class="yumi-avatar-photo"
|
|
id="yumiRightAvatar"
|
|
></span>
|
|
<img
|
|
class="yumi-avatar-frame"
|
|
src="./assets/yumi/layers/avatar-frame.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</figure>
|
|
|
|
<div class="yumi-center-art-wrap" id="yumiCenterWrap">
|
|
<img
|
|
class="yumi-center-art"
|
|
id="yumiCenterArt"
|
|
src="./assets/yumi/layers/center-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<strong class="yumi-days-value" id="yumiDaysValue"
|
|
>999</strong
|
|
>
|
|
<span
|
|
class="yumi-days-unit"
|
|
data-i18n="cpSpace.daysUnit"
|
|
>Days</span
|
|
>
|
|
</div>
|
|
|
|
<div class="yumi-exp-pill">
|
|
<span id="yumiExpAway"
|
|
>888 Exp away from Lv. 2</span
|
|
>
|
|
</div>
|
|
|
|
<section
|
|
class="yumi-progress-block"
|
|
aria-label="1000/200000"
|
|
>
|
|
<div
|
|
class="yumi-level-badge yumi-level-badge--left"
|
|
>
|
|
<img
|
|
class="yumi-level-bg"
|
|
src="./assets/yumi/layers/level-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span id="yumiCurrentLevel">Lv1</span>
|
|
</div>
|
|
<div class="yumi-progress-track">
|
|
<span
|
|
class="yumi-progress-fill"
|
|
id="yumiProgressFill"
|
|
></span>
|
|
<strong
|
|
class="yumi-progress-text"
|
|
id="yumiProgressText"
|
|
>1000/200000</strong
|
|
>
|
|
</div>
|
|
<div
|
|
class="yumi-level-badge yumi-level-badge--right"
|
|
>
|
|
<img
|
|
class="yumi-level-bg"
|
|
src="./assets/yumi/layers/level-cp.png"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span id="yumiNextLevel">Lv1</span>
|
|
</div>
|
|
<p class="yumi-time-text" id="yumiTimeText">
|
|
Time spent together: 4 days
|
|
</p>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="../../common/i18n.js?v=20260708-yumi-layered"></script>
|
|
<script src="../../common/api.js?v=20260708-yumi-layered"></script>
|
|
<script src="../../common/jsbridge.js?v=20260708-yumi-layered"></script>
|
|
<script src="../../common/toast.js?v=20260708-yumi-layered"></script>
|
|
<script src="../../common_yumi/yumi-common.js?v=20260708-yumi-api"></script>
|
|
<script src="./yumi.js?v=20260708-yumi-api"></script>
|
|
</body>
|
|
</html>
|