Ty Clifford
48 lines
2.7 KiB
PHP
48 lines
2.7 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
require __DIR__ . '/../app/bootstrap.php';
|
|
app_db();
|
|
|
|
$pageTitle = 'Sign Up | Neon Health Tracker';
|
|
$activePage = 'signup';
|
|
require __DIR__ . '/partials/site-header.php';
|
|
?>
|
|
<main>
|
|
<section class="signup-layout">
|
|
<div class="signup-copy">
|
|
<p class="site-eyebrow">Create your profile</p>
|
|
<h1>Start with the basics. Tune the plan later.</h1>
|
|
<p>Your profile keeps workouts, nutrition goals, supplement logs, health metrics, and theme preferences separate from every other user.</p>
|
|
<div class="signup-steps">
|
|
<article><strong>1</strong><span>Create profile</span></article>
|
|
<article><strong>2</strong><span>Open tracker</span></article>
|
|
<article><strong>3</strong><span>Add routines and targets</span></article>
|
|
</div>
|
|
</div>
|
|
|
|
<form class="signup-card" id="publicSignupForm">
|
|
<div>
|
|
<p class="site-eyebrow">Sign up</p>
|
|
<h2>New profile</h2>
|
|
</div>
|
|
<label class="site-field"><span>Name</span><input name="name" required autocomplete="name"></label>
|
|
<label class="site-field"><span>Email</span><input name="email" type="email" autocomplete="email"></label>
|
|
<label class="site-field"><span>Phone</span><input name="phone" type="tel" autocomplete="tel"></label>
|
|
<label class="site-field"><span>Fitness focus</span><input name="fitness_focus" placeholder="Strength, endurance, recovery"></label>
|
|
<div class="signup-row">
|
|
<label class="site-field"><span>Birthday</span><input name="birthday" type="date"></label>
|
|
<label class="site-field"><span>Height in</span><input name="height_in" type="number" min="0" step="0.5"></label>
|
|
</div>
|
|
<label class="site-field"><span>Training level</span><select name="training_level"><option></option><option>Beginner</option><option>Intermediate</option><option>Advanced</option><option>Competitive</option></select></label>
|
|
<div class="signup-row">
|
|
<label class="site-field"><span>Theme</span><select name="theme_mode"><option>dark</option><option>light</option></select></label>
|
|
<label class="site-field"><span>Accent</span><select name="theme_accent"><option>green</option><option>blue</option><option>red</option><option>pink</option><option>orange</option></select></label>
|
|
</div>
|
|
<button class="site-primary full" type="submit">Create profile</button>
|
|
<p class="signup-result" id="signupResult" role="status" aria-live="polite"></p>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<?php require __DIR__ . '/partials/site-footer.php'; ?>
|