feat: separate login lobby from workspace

This commit is contained in:
user
2026-04-27 14:20:18 +09:00
parent 918fe04591
commit c8e7b7f537
3 changed files with 73 additions and 15 deletions

View File

@@ -8,17 +8,29 @@
</head>
<body>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<main class="workspace">
<section id="login-view" class="login-view">
<div class="login-card">
<p class="eyebrow">Tutor Platform</p>
<h1>Interview practice</h1>
<p class="lede">Prove you are becoming more interview-ready after each short practice loop.</p>
<div id="auth-area" class="auth-area">
<div id="g_id_onload" data-client_id="13671390758-bp1ed6psn43bl86r8a9kv81o40nkea90.apps.googleusercontent.com" data-callback="handleCredentialResponse" data-auto_prompt="false"></div>
<div class="g_id_signin" data-type="standard" data-size="large" data-theme="outline" data-text="sign_in_with" data-shape="rectangular" data-logo_alignment="left"></div>
</div>
<p id="login-error" class="error-line" role="alert"></p>
</div>
</section>
<main id="workspace-view" class="workspace" style="display:none;">
<aside class="setup-pane" aria-label="Diagnostic setup">
<p class="eyebrow">Tutor Platform</p>
<h1>Interview practice</h1>
<p class="lede">Start a focused backend interview loop and turn one answer into evidence.</p>
<div id="auth-area" class="auth-area">
<div id="g_id_onload" data-client_id="13671390758-bp1ed6psn43bl86r8a9kv81o40nkea90.apps.googleusercontent.com" data-callback="handleCredentialResponse"></div>
<div class="g_id_signin" data-type="standard"></div>
<div id="user-info" class="user-info" style="display:none;"></div>
<button id="logout-button" class="small-button" type="button" style="display:none;">Sign out</button>
<div class="user-bar">
<div id="user-info" class="user-info"></div>
<button id="logout-button" class="small-button" type="button">Sign out</button>
</div>
<form id="session-form" class="stacked-form">