mystiatech/GreenCoast
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added avatars to make it a bit more friendly

Browse Source
This commit is contained in:
Dani
2025-08-22 19:35:00 -04:00
parent 5dfc710ae9
commit 0bf00e3f00
7 changed files with 521 additions and 446 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
client/index.html
View File

@@ -5,42 +5,54 @@
<title>GreenCoast — Client</title>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" href="./styles.css"/>
<!-- Optional: explicit API base -->
<meta name="gc-api-base" content="https://api-gc.fullmooncyberworks.com">
<!-- Optional: set your API base explicitly -->
<!-- <meta name="gc-api-base" content="https://api-gc.fullmooncyberworks.com"> -->
<style>
#flash{position:fixed;right:12px;bottom:12px;background:#0b1222;border:1px solid #1f2937;color:#e5e7eb;
padding:.55rem .7rem;border-radius:.5rem;box-shadow:0 6px 18px rgba(0,0,0,.35);display:none;z-index:9999}
</style>
</head>
<body>
<div class="container">
<h1>GreenCoast (Client)</h1>
<header class="topbar">
<div class="brand">GreenCoast</div>
<div class="actions">
<button id="signIn" type="button">Sign in (device key)</button>
<button id="discordStart" type="button">Discord</button>
<button id="panic" type="button">Panic wipe</button>
</div>
</header>
<div class="container">
<section class="card">
<h2>Connect</h2>
<h2>Connection</h2>
<div class="row">
<label>Shard URL</label>
<input id="shardUrl" placeholder="https://api-gc.fullmooncyberworks.com" />
<input id="shardUrl" placeholder="https://api-gc.fullmooncyberworks.com"/>
</div>
<div class="row">
<label>Bearer (session)</label>
<input id="bearer" placeholder="(auto after sign-in)" disabled />
<label>Bearer</label>
<input id="bearer" placeholder="gc2 token"/>
</div>
<div class="row">
<label>Passphrase (private posts)</label>
<input id="passphrase" type="password" placeholder="••••••••" />
<label>Passphrase</label>
<input id="passphrase" type="password" placeholder="••••••••"/>
</div>
<div class="row">
<label>3rd-party SSO</label>
<div>
<button id="discordStart">Sign in with Discord</button>
<div class="muted" id="ssoNote">
We use external providers only if you choose to. We cannot vouch for their security.
</div>
<button id="saveConn" type="button">Save</button>
<div id="health" class="muted"></div>
<p class="muted">
We do not store PII or logs. Third-party SSO is optional and not endorsed for security.
</p>
</section>
<section class="card">
<h2>Your profile</h2>
<div class="profile">
<img id="avatar" alt="avatar" width="64" height="64"/>
<div class="profile-meta">
<div><code id="fp">(pseudonymous)</code></div>
<div class="muted">Avatar is derived locally from your device key.</div>
</div>
</div>
<div class="actions">
<button id="saveConn">Save</button>
<button id="keySignIn">Sign in (device key)</button>
<button id="panicWipe" class="danger">Panic wipe</button>
</div>
<div id="health" class="muted"></div>
</section>
<section class="card">
@@ -48,8 +60,8 @@
<div class="row">
<label>Visibility</label>
<select id="visibility">
<option value="private">Private (E2EE via passphrase)</option>
<option value="public">Public (plaintext)</option>
<option value="private">Private (E2EE via passphrase)</option>
</select>
</div>
<div class="row">
@@ -60,9 +72,7 @@
<label>Body</label>
<textarea id="body" rows="6" placeholder="Write your post..."></textarea>
</div>
<div class="actions">
<button id="publish">Publish</button>
</div>
<button id="publish" type="button">Publish</button>
<div id="publishStatus" class="muted"></div>
</section>
@@ -72,6 +82,8 @@
</section>
</div>
<div id="flash"></div>
<script type="module" src="./app.js"></script>
</body>
</html>