Skip to content
Snippets Groups Projects
Select Git revision
  • f695ff76d45415046c487d1fa19d5d075d0f3360
  • main default protected
  • Gabes-testing-branch
  • 81-as-a-child-i-want-a-very-flashy-and-modern-looking-webpage-that-will-draw-me-in-and-keep-me
  • locationApporvalFormValidationUpdate
  • 74-as-a-user-i-want-to-see-a-page-of-local-authorities-so-that-i-can-easily-source-contact-details
  • businesses
  • 77-as-a-user-i-want-to-be-able-to-use-the-application-on-any-device-e-g-iphone-ipad-laptop
  • 69-as-a-user-i-would-like-a-town-specific-page-which-shows-all-trails-for-that-town-so-that-i-can
  • 80-as-a-convenience-enthusiast-i-want-a-drop-down-menu-to-be-able-to-quickly-scan-qr-codes-i-find
  • 82-as-a-site-admininstrator-i-want-to-be-able-to-review-submited-trail-checkpoints-by-bussiness
  • 68-as-a-user-i-would-like-to-see-a-map-containing-all-landmarks-for-a-trail-and-a-suggested-path
  • 70-as-a-repeat-trail-visitor-i-want-to-be-able-to-create-an-account-so-i-can-save-and-review-my
  • towns
  • DTFrontEnd
  • 52-as-a-user-i-would-like-to-see-a-map-of-the-landmarks-so-that-i-can-figure-out-where-to-go
  • 73-as-a-qr-scanning-connoisseur-i-want-to-unlock-stickers-after-scanning-a-qr-code-to-feel-a-sense
  • QRCodes
  • consumers
  • foreignkeys
  • cleanup
21 results

login.html

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    login.html 2.75 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>User Log In</title>
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

</head>
<body>

<header>
</header>

<main>
    <!--CODE FROM: https://www.youtube.com/watch?v=PlpM2LJWu-s&t=928s -->
    <div class="container sign-in">
        <div class="container" id="container">
            <div class="form-container sign-up">
                <form th:object="${user}" action="#" th:action="@{/login/register}" th:method="POST" onsubmit="">
                    <h1>Create Account</h1>
                    <label>
                        <input class="input" th:field="*{name}" type="text" placeholder="Name">
                    </label>
                    <label>
                        <input class="input" th:field="*{email}" type="email" placeholder="Email">
                    </label>
                    <label>
                        <input class="input" th:field="*{password}" type="password" placeholder="Password">
                    </label>
                    <button type="submit" >Sign Up</button>
                </form>
            </div>
            <div class="form-container sign-in">
                <form th:object="${user}" action="#" th:action="@{/login/register}" th:method="POST" onsubmit="">
                    <h1>Sign In</h1>
                    <label>
                        <input class="input" th:field="*{email}" type="email" placeholder="Email">
                    </label>
                    <label>
                        <input class="input" th:field="*{password}" type="password" placeholder="Password">
                    </label>
                    <a href="#" class="text">Forget Your Password?</a>
                    <button type="submit">Sign In</button>
                </form>
            </div>
            <div class="toggle-container">
                <div class="toggle">
                    <div class="toggle-panel toggle-left">
                        <h1>Welcome Back!</h1>
                        <p>Enter your personal details and start tracking your landmarks!</p>
                        <button class="hidden" id="login">Sign In</button>
                    </div>
                    <div class="toggle-panel toggle-right">
                        <h1>Hello, Welcome!</h1>
                        <p>Register with your personal details and start earning stickers!</p>
                        <button class="hidden" id="register">Sign Up</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>



<script type="text/javascript" th:src="@{scripts/login.js}"></script>

</body>
    </html>