jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine coming-soon page for logged-in members

Browse source 
Hide 'Coming Soon' text when authenticated, change greeting to
'Welcome, Name' with inline underlined sign-out link, and force
Inter (font-sans) on all text.
This commit is contained in:
Jennie Robinson Faber 2026-03-19 16:24:42 +00:00
parent 78c592c13a
commit eda8ac6449
1 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/pages/coming-soon.vue
View file

@ -1,23 +1,23 @@
<template>
<div class="min-h-screen w-full flex flex-col items-center justify-center px-4">
<h1 class="text-display-xl font-bold mb-2">Ghost Guild</h1>
<p class="text-display-sm text-guild-400 mb-10">Coming Soon</p>
<h1 class="text-display-xl font-bold mb-2 font-sans">Ghost Guild</h1>
<p v-if="!isAuthenticated" class="text-display-sm text-guild-400 mb-10 font-sans">Coming Soon</p>
<!-- Logged-in state -->
<div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center">
<p class="text-guild-200">
Welcome back, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
<div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
<p class="text-guild-200 font-sans">
Welcome, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
<button
class="text-sm text-guild-400 hover:text-guild-200 underline transition-colors ml-2"
@click="handleLogout">
Sign out
</button>
</p>
<a
href="https://wiki.ghostguild.org"
class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors">
class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors font-sans">
Go to Wiki
</a>
<button
class="text-sm text-guild-400 hover:text-guild-200 transition-colors"
@click="handleLogout">
Sign out
</button>
</div>
<!-- Login form -->