mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-14 10:48:12 +02:00
Added profile page to edit your profile and see stats.
This commit is contained in:
sarah committed
1 parent
39a8f18fa3
commit
11b26d972e
6 files changed
+1105
-6
No files matched your search
@@ -0,0 +1,246 @@
|
||||
<?php
|
||||
|
||||
$PageTitle = "Profile";
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en" data-palette="CatppuccinMocha">
|
||||
<?php require __DIR__ . "/Bits/Head.php"; ?>
|
||||
|
||||
<body>
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>Profile</h1>
|
||||
|
||||
<p>
|
||||
Manage your Garden profile, view your
|
||||
statistics, and move your account between
|
||||
devices.
|
||||
</p>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<h2>Player</h2>
|
||||
|
||||
<form id="ProfileUsernameForm">
|
||||
<label
|
||||
for="ProfileUsernameInput"
|
||||
>
|
||||
Username
|
||||
</label>
|
||||
|
||||
<div class="ProfileFormRow">
|
||||
<input
|
||||
id="ProfileUsernameInput"
|
||||
type="text"
|
||||
minlength="3"
|
||||
maxlength="24"
|
||||
autocomplete="username"
|
||||
placeholder="Username"
|
||||
required
|
||||
>
|
||||
|
||||
<button type="submit">
|
||||
Save username
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<p
|
||||
id="ProfileUsernameMessage"
|
||||
class="ProfileMessage"
|
||||
></p>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<h2>Statistics</h2>
|
||||
|
||||
<div class="ProfileStatistics">
|
||||
<div class="ProfileStatistic">
|
||||
<span class="ProfileStatisticName">
|
||||
Current Dew
|
||||
</span>
|
||||
|
||||
<strong id="ProfileCurrentDew">
|
||||
...
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div class="ProfileStatistic">
|
||||
<span class="ProfileStatisticName">
|
||||
Lifetime Dew
|
||||
</span>
|
||||
|
||||
<strong id="ProfileLifetimeDew">
|
||||
...
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div class="ProfileStatistic">
|
||||
<span class="ProfileStatisticName">
|
||||
Plants discovered
|
||||
</span>
|
||||
|
||||
<strong id="ProfilePlantsDiscovered">
|
||||
...
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div class="ProfileStatistic">
|
||||
<span class="ProfileStatisticName">
|
||||
Mutations discovered
|
||||
</span>
|
||||
|
||||
<strong id="ProfileMutationsDiscovered">
|
||||
...
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div class="ProfileStatistic">
|
||||
<span class="ProfileStatisticName">
|
||||
Garden size
|
||||
</span>
|
||||
|
||||
<strong id="ProfileGardenSize">
|
||||
...
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<h2>Account</h2>
|
||||
|
||||
<p>
|
||||
Your Account Key is the secret key used
|
||||
to identify your Garden account.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
You can use the same Account Key on
|
||||
another device to access the same
|
||||
username, save, and leaderboard entry.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
Anyone with your Account Key can
|
||||
access your Garden account.
|
||||
</strong>
|
||||
Keep it private and treat it like a
|
||||
password.
|
||||
</p>
|
||||
|
||||
|
||||
<details class="AccountKeySpoiler">
|
||||
<summary>
|
||||
Show Account Key
|
||||
</summary>
|
||||
|
||||
<div class="AccountKeyContent">
|
||||
<p>
|
||||
Do not share this key with
|
||||
anyone you do not trust.
|
||||
</p>
|
||||
|
||||
<code id="AccountKeyDisplay">
|
||||
Loading...
|
||||
</code>
|
||||
|
||||
<div class="ProfileButtonRow">
|
||||
<button
|
||||
id="CopyAccountKeyButton"
|
||||
type="button"
|
||||
>
|
||||
Copy Account Key
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="ExportAccountKeyButton"
|
||||
type="button"
|
||||
>
|
||||
Export Account Key
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<p
|
||||
id="AccountKeyMessage"
|
||||
class="ProfileMessage"
|
||||
></p>
|
||||
</div>
|
||||
</details>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<h2>Import Account</h2>
|
||||
|
||||
<p>
|
||||
To use an existing Garden account on
|
||||
this device, paste its Account Key
|
||||
below.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Importing an Account Key will replace
|
||||
the account currently used by this
|
||||
browser. It will not delete the old
|
||||
account or its server save.
|
||||
</p>
|
||||
|
||||
<form id="ImportAccountForm">
|
||||
<label
|
||||
for="ImportAccountKeyInput"
|
||||
>
|
||||
Account Key
|
||||
</label>
|
||||
|
||||
<textarea
|
||||
id="ImportAccountKeyInput"
|
||||
rows="3"
|
||||
spellcheck="false"
|
||||
autocomplete="off"
|
||||
placeholder="Paste Account Key here"
|
||||
required
|
||||
></textarea>
|
||||
|
||||
<div class="ProfileButtonRow">
|
||||
<button type="submit">
|
||||
Import Account
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="ImportAccountKeyFileButton"
|
||||
type="button"
|
||||
>
|
||||
Import From File
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<input
|
||||
id="ImportAccountKeyFile"
|
||||
type="file"
|
||||
accept=".txt,text/plain"
|
||||
hidden
|
||||
>
|
||||
|
||||
<p
|
||||
id="ImportAccountMessage"
|
||||
class="ProfileMessage"
|
||||
></p>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
<script src="/Scripts/Garden/Save.js"></script>
|
||||
<script src="/Scripts/Garden/Users.js"></script>
|
||||
<script src="/Scripts/Garden/Profile.js"></script>
|
||||
<script src="/Scripts/Garden/Account.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user