theoldproject/index.html at main · TheHTMLProject/theoldproject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
    <link rel="icon" href="https://cdn-icons-png.flaticon.com/512/7784/7784482.png">
<h1><img src="/home/Icon.jpeg" alt="Logo"  style="width:120px;height:100px;"> </h1>
    <title>Login - The HTML Project SL</title>
    <style>

        h1 {
            text-align: center;
        }
    </style>

    <h1>The HTML Project Secure Lite
<head>
    <style>

        body {
            font-family: Arial, Helvetica, sans-serif;
            background-color: grey;
        }
        .container {
            width: 300px;
            padding: 16px;
            background-color: white;
            margin: 0 auto;
            margin-top: 100px;
            border: 1px solid black;
            border-radius: 4px;
        }
        input[type=text], input[type=password] {
            width: 85%;
            padding: 15px;
            margin: 5px 0 21px 0;
            display: inline-block;
            border: 15px;
            background: #f1f1f1;
        }
        button {
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            cursor: pointer;
            width: 100%;
        }
        strong {
            font-size: 12px;
        }
        h6 {
            font-size: 12px;
            text-align: center;
        }

    </style>
</head>

<body>

    <div class="container">
        <label for="uname"><b>Username</b></label>
        <input type="text" id="uname" placeholder="Use thehtmlproject as the username" name="uname" required>

        <label for="psw"><b>Password</b></label>
        <input type="password" id="psw" placeholder="Use theoldproject as the password" name="psw" required>

        <button type="submit" onclick="checkCredentials()">Login</button>

        <!-- Added links -->
        <strong><a href="javascript:alert('You would click this to sign up for my website, and get credentials much like The Special Place does now. You can sign in using these credentials:  Username: thehtmlproject Password: theoldproject');">Sign Up</a></strong>  <strong><a href="javascript:alert('You can report a bug if you find one. You can still do this today!');">Report Bug</a></strong>
    </div>

    <script>
        function checkCredentials() {
            var username = document.getElementById("uname").value;
            var password = document.getElementById("psw").value;

            if((username == "thehtmlproject" && password == "theoldproject")) {
                window.location.href = "dashboard.html";
            } else {
                alert("Try Username: thehtmlproject Password: theoldproject");

            }
              }

    </script>
    <h6>Questions? Contact me at <a href="mailto:contact@thehtmlproject.com">contact@thehtmlproject.com</a></h6>
</body>
</html>