110 lines
6 KiB
HTML
110 lines
6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="theme-color" content="#000000">
|
|
<meta name="title" content="caodoc">
|
|
<meta name="author" content="caodoc">
|
|
<meta name="description" content="caodoc's osu! profile.">
|
|
|
|
<meta itemprop="name" content="caodoc">
|
|
<meta itemprop="description" content="caodoc's osu! profile.">
|
|
<meta itemprop="image" content="/static/preview/osu.png">
|
|
|
|
<meta name="twitter:title" content="caodoc">
|
|
<meta name="twitter:creator" content="caodoc">
|
|
<meta name="twitter:description" content="caodoc's osu! profile.">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="/static/preview/osu.png">
|
|
<meta name="twitter:url" content="https://caodoc.exozy.me/">
|
|
|
|
<meta property="og:title" content="caodoc">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:description" content="caodoc's osu! profile.">
|
|
<meta property="og:image" content="/static/preview/osu.png">
|
|
<meta property="og:url" content="https://caodoc.exozy.me/">
|
|
|
|
<title> caodoc's osu! profile </title>
|
|
|
|
<link rel="canonical" href=" ">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="./static/logo/favicon-16px.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="./static/logo/favicon-32px.png">
|
|
<link rel="apple-touch-icon" sizes="192x192" href="./static/logo/favicon-192px.png">
|
|
<link rel="stylesheet" href="/static/css/osu.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="container">
|
|
<div id="box-0">
|
|
<img id="avatar" src="https://a.ppy.sh/21126929?1707889867.jpeg">
|
|
<text class="boxSmall"> Main page at <a href="https://caodoc.is-a.dev" target="_blank">caodoc.is-a.dev</a>. </text>
|
|
<text class="boxSmall"> <a href="https://exozy.me">exozyme</a>: caodoc:exozy.me </text>
|
|
<div id="box-0-1">
|
|
<text> <a href="https://osu.ppy.sh/users/21126929" target="_blank">osu!</a> </text>
|
|
<text> <a href="https://github.com/caodoc" target="_blank">GitHub</a> </text>
|
|
<text> <a href="https://discord.com/users/800173074166710282" target="_blank">Discord</a> </text>
|
|
</div>
|
|
</div>
|
|
<div id="box-1">
|
|
<text id="username"> </text>
|
|
<div id="rank">
|
|
<div> <text class="textBold">Global</text>: #<text id="globalRank"></text> </div>
|
|
<div> <text class="textBold" id="countryCode"> VN </text>: #<text id="countryRank"></text> </div>
|
|
</div>
|
|
<div class="line"> </div>
|
|
<div id="box-4">
|
|
<div>
|
|
<img class="image-rank" src="./static/ranking/ranking-XH-small@2x.png">
|
|
<text id="ssh" class="count-text textBold"> </text>
|
|
</div>
|
|
<div>
|
|
<img class="image-rank" src="./static/ranking/ranking-X-small@2x.png">
|
|
<text id="ss" class="count-text textBold"> </text>
|
|
</div>
|
|
<div>
|
|
<img class="image-rank" src="./static/ranking/ranking-SH-small@2x.png">
|
|
<text id="sh" class="count-text textBold"> </text>
|
|
</div>
|
|
<div>
|
|
<img class="image-rank" src="./static/ranking/ranking-S-small@2x.png">
|
|
<text id="s" class="count-text textBold"> </text>
|
|
</div>
|
|
<div>
|
|
<img class="image-rank" src="./static/ranking/ranking-A-small@2x.png">
|
|
<text id="a" class="count-text textBold"> </text>
|
|
</div>
|
|
</div>
|
|
<div class="line"> </div>
|
|
<div id="other">
|
|
<div class="box-2">
|
|
<text> <text class="textBold"> PP: </text> <text id="pp"> </text> </text>
|
|
<text> <text class="textBold"> Ranked Score: </text> <text id="rankedScore"> </text> </text>
|
|
<text> <text class="textBold"> Total Score: </text> <text id="totalScore"> </text> </text>
|
|
<text> <text class="textBold"> Play Count: </text> <text id="playCount"> </text> </text>
|
|
<text> <text class="textBold"> Total Hit: </text> <text id="totalHits"> </text> </text>
|
|
<text> <text class="textBold"> Hit Accuracy: </text> <text id="hitAccuracy"> </text> </text>
|
|
</div>
|
|
<div class="box-2">
|
|
<text> <text class="textBold"> Maximum Combo: </text> <text id="maximumCombo"> </text> </text>
|
|
<text> <img class="image-point" src="./static/point/hit300.png"> <text id="count_300" class="count-text"> </text> </text>
|
|
<text> <img class="image-point" src="./static/point/hit100.png"> <text id="count_100" class="count-text"> </text> </text>
|
|
<text> <img class="image-point" src="./static/point/hit50.png"> <text id="count_50" class="count-text"> </text> </text>
|
|
</div>
|
|
</div>
|
|
<div class="line"> </div>
|
|
<div id="box-3">
|
|
<text> <text class="textBold"> Level </text> <text id="userLevel"> </text> </text>
|
|
<div id="boxProgress">
|
|
<div id="progress"> <text class="textBold" id="levelProgress">% </text> </div>
|
|
</div>
|
|
<text> <text class="textBold"> Total play time:</text> <text id="playTime"> </text> </text>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./static/js/osu.js"> </script>
|
|
</body>
|
|
</html> |