added first version of landing page

[Ashelycole1]

No description provided.

[Copilot]

Pull request overview

Adds an initial static landing page for the e-Vote project, providing a sign-in/register/OTP UI and a marketing panel to communicate the product’s positioning.

Changes:

• Introduces a complete landing page layout (top bar, split panel UI, and multiple views for auth flows).
• Adds inline CSS for styling and responsive behavior.
• Adds inline JavaScript for view switching, basic form handling, OTP timer, and toast notifications.

Comments suppressed due to low confidence (3)

index.html:1197

• This link uses href="#" but doesn’t prevent the default navigation, so clicking it will jump to the top of the page in addition to showing the toast.

                            <a class="forgot-link" href="#"
                                onclick="showToast('Password reset link sent to your registered email.')">Forgot
                                password?</a>

index.html:1278

• Same issue here: this has no href, so it won’t be keyboard-focusable. Make it an actual link (or a button) so users can navigate via keyboard/screen reader.

                    <div class="f-footer">Already have an account? <a onclick="switchTab('login')">Sign in</a></div>

index.html:1533

• The OTP handler currently treats any character as a “filled” digit and verifyOtp() only checks length, so non-digits (e.g. “ABCDEF”) can be accepted as a complete code. Sanitize each box to a single digit before marking it filled / moving focus.

            boxes.forEach((b, i) => {
                b.value = ""; b.classList.remove("filled");
                b.oninput = () => { b.classList.toggle("filled", b.value.length > 0); if (b.value && i < boxes.length - 1) boxes[i + 1].focus(); };
                b.onkeydown = ev => { if (ev.key === "Backspace" && !b.value && i > 0) boxes[i - 1].focus(); };
            });

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.