David/SocialMediaApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AccountDeletePostV1

Browse Source
This commit is contained in:
David
2026-01-29 16:41:37 +11:00
parent 36ff34c893
commit bcd6d7c0ef
3 changed files with 248 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
index.html
View File

@@ -11,7 +11,7 @@
<body>
<!-- App Container -->
<main class="login-container fade-in">
<main id="login-view" class="login-container fade-in">
<!-- Background Orbs for Vibe -->
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
@@ -256,6 +256,62 @@
</div>
</div>
</div>
<!-- Verification View -->
<div id="verification-view" class="login-container hidden">
<div class="login-card">
<div class="brand-section">
<div class="logo-icon">V</div>
<h1>Verify Email</h1>
<p>We sent a code to your email</p>
</div>
<div class="input-group">
<input type="text" id="otp-input" placeholder=" " maxlength="6"
style="text-align: center; letter-spacing: 5px; font-size: 24px;">
<label for="otp-input">Enter 6-Digit Code</label>
</div>
<button id="verify-btn" class="btn-primary"><span>Verify</span></button>
<div class="signup-link">
<a href="#" id="resend-code">Resend Code</a>
</div>
</div>
</div>
<!-- Onboarding View -->
<div id="onboarding-view" class="login-container hidden">
<div class="login-card">
<div class="brand-section">
<h1>Setup Profile</h1>
<p>Tell us a bit about yourself</p>
</div>
<div class="profile-upload-section">
<div class="avatar-upload-wrapper" id="avatar-upload-trigger">
<img src="https://i.pravatar.cc/150?img=12" alt="Avatar Preview" id="avatar-preview">
<div class="upload-overlay">
<svg viewBox="0 0 24 24" width="24" height="24" stroke="white" fill="none">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="17 8 12 3 7 8"></polyline>
<line x1="12" y1="3" x2="12" y2="15"></line>
</svg>
</div>
</div>
<input type="file" id="avatar-input" accept="image/*" class="hidden">
<p style="font-size: 12px; color: var(--text-muted); margin-top: 10px;">Tap to change photo</p>
</div>
<div class="input-group">
<input type="text" id="display-name" placeholder=" " required>
<label for="display-name">Display Name</label>
</div>
<div class="input-group">
<input type="text" id="bio-input" placeholder=" ">
<label for="bio-input">Bio (Optional)</label>
</div>
<button id="complete-setup-btn" class="btn-primary"><span>Enter App</span></button>
</div>
</div>
<!-- Lightbox View -->
<div id="lightbox-view" class="hidden">
<button id="lightbox-close" class="icon-btn-lg">