rfsso.github.io/index.html at main · AlreadyRaven/rfsso.github.io · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RFSSO - RavenFuture Secure Login</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }
        body {
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .login-container {
            background-color: #ffffff;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            text-align: center;
            max-width: 400px;
            width: 100%;
        }
        .logo {
            width: 100px;
            margin-bottom: 20px;
        }
        h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        p {
            font-size: 14px;
            color: #777;
            margin-bottom: 20px;
        }
        input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
            outline: none;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        button:hover {
            background-color: #555;
        }
        .error {
            color: red;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div class="login-container">
        <img src="logo.png" alt="RavenFuture Logo" class="logo">
        <h1>RFSSO</h1>
        <p>RavenFuture Secure Login</p>
        <form id="loginForm">
            <input type="email" id="username" placeholder="Username" required>
            <input type="password" id="password" placeholder="Password" required>
            <button type="submit">Login</button>
        </form>
        <p id="errorMessage" class="error"></p>
    </div>

    <script>
        async function hashPassword(password) {
            const encoder = new TextEncoder();
            const data = encoder.encode(password);
            const hash = await crypto.subtle.digest('SHA-256', data);
            return Array.from(new Uint8Array(hash)).map(b => b.toString(16).padStart(2, '0')).join('');
        }

        function encryptLink(link) {
            return btoa(link).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
        }

        function decryptLink(encryptedLink) {
            const urlSafeLink = encryptedLink.replace(/-/g, '+').replace(/_/g, '/');
            try {
                return atob(urlSafeLink);
            } catch (e) {
                return null;
            }
        }

        const validUsername = "admin@ravenfuture.com";
        const validPasswordHash = "ef28ea2c5e1e99638a221e90c5147e09f382153009a4908db5468704e24ea6b0";

        document.getElementById('loginForm').addEventListener('submit', async function(event) {
            event.preventDefault();

            const username = document.getElementById('username').value.toLowerCase();
            const password = document.getElementById('password').value;
            const hashedPassword = await hashPassword(password);

            if (username === validUsername.toLowerCase() && hashedPassword === validPasswordHash) {
                const secretLink = window.location.pathname.split('/')[1];

                if (secretLink) {
                    const decryptedLink = decryptLink(secretLink);
                    if (decryptedLink) {
                        window.location.href = decryptedLink;
                    } else {
                        document.getElementById('errorMessage').textContent = 'Invalid redirect link.';
                    }
                } else {
                    window.location.href = "https://www.ravenfuture.com";
                }
            } else {
                document.getElementById('errorMessage').textContent = 'Invalid username or password.';
            }
        });
    </script>
</body>
</html>