Hugging Face's logo

Spaces:
Redmind
/
RedMindGPT_UI_Dev
Sleeping

App Files Community
Redmind commited on
Commit
98ca5b0
·
verified ·
1 Parent(s): 49003cd

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +96 -96
templates/index.html CHANGED
@@ -1,97 +1,97 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <title>Sign In/Up Form</title>
9
- <!-- Google Font -->
10
- <link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet">
11
- <!-- Font Awesome -->
12
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
13
- <link rel="stylesheet" href="/static/css/index.css">
14
- <style>
15
-
16
- </style>
17
- </head>
18
-
19
- <body class="login-page" style="background-image: url('static/img/Brain.PNG'); background-size: cover;">
20
- <main>
21
- <div class="container" id="container">
22
- <div class="form-container sign-up-container">
23
- <form action='/validate-user' name='signUpForm' method="post">
24
- <h1 id="text">Sign in</h1>
25
- <div class="social-container">
26
- <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
27
- <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
28
- <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
29
- </div>
30
- <span>or use your email for registration</span>
31
- <input type="text" placeholder="Name" name="username" required />
32
- <input type="password" placeholder="Password" name="password" required />
33
- <button type="submit">Sign Up</button>
34
- </form>
35
- </div>
36
- <div class="container" id="container">
37
- <div class="form-container sign-in-container">
38
- <form action='/validate-user' name='signUpForm' method="post">
39
- <h1 id="text">Sign in</h1>
40
- <div class="social-container">
41
- <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
42
- <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
43
- <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
44
- </div>
45
- <span>or use your email for registration</span>
46
- <input type="text" placeholder="Name" name="username" required />
47
- <input type="password" placeholder="Password" name="password" required />
48
- <button type="submit">Sign in</button>
49
- </form>
50
- </div>
51
-
52
-
53
-
54
- <div class="overlay-container">
55
- <div class="overlay">
56
- <div class="overlay-panel overlay-left">
57
- <h1>Welcome Back!</h1>
58
- <p>To keep connected with us please login with your personal info</p>
59
- <button type="submit" class="ghost" id="signIn">Sign In</button>
60
- </div>
61
- <div class="overlay-panel overlay-right">
62
- <div class="logo-container">
63
- <img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo">
64
- </div>
65
- <h1>RedMindGPT</h1>
66
- <p> Start Journey With Us</p>
67
- <button class="ghost" id="signUp">Sign Up</button>
68
- </div>
69
- </div>
70
- </div>
71
- </div>
72
- </main>
73
-
74
- <!-- <footer>
75
- <p>Developed with <i class="fas fa-heart"></i> by <a href="#">RedMind</a></p>
76
- </footer> -->
77
-
78
- <script>
79
- const signUpButton = document.getElementById('signUp');
80
- const signInButton = document.getElementById('signIn');
81
- const text = document.getElementById('h1');
82
- const container = document.getElementById('container');
83
- const formcontainer = document.getElementById('form-container');
84
-
85
- signUpButton.addEventListener('click', () => {
86
- container.classList.add("right-panel-active");
87
- text.textContent = 'hello'
88
- });
89
-
90
- signInButton.addEventListener('click', () => {
91
- container.classList.remove("right-panel-active");
92
-
93
- });
94
- </script>
95
- </body>
96
-
97
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
+ <title>Sign In/Up Form</title>
9
+ <!-- Google Font -->
10
+ <link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet">
11
+ <!-- Font Awesome -->
12
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
13
+ <link rel="stylesheet" href="/static/css/index.css">
14
+ <style>
15
+
16
+ </style>
17
+ </head>
18
+
19
+ <body class="login-page" style="background-image: url('static/img/Brain.png'); background-size: cover;">
20
+ <main>
21
+ <div class="container" id="container">
22
+ <div class="form-container sign-up-container">
23
+ <form action='/validate-user' name='signUpForm' method="post">
24
+ <h1 id="text">Sign in</h1>
25
+ <div class="social-container">
26
+ <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
27
+ <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
28
+ <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
29
+ </div>
30
+ <span>or use your email for registration</span>
31
+ <input type="text" placeholder="Name" name="username" required />
32
+ <input type="password" placeholder="Password" name="password" required />
33
+ <button type="submit">Sign Up</button>
34
+ </form>
35
+ </div>
36
+ <div class="container" id="container">
37
+ <div class="form-container sign-in-container">
38
+ <form action='/validate-user' name='signUpForm' method="post">
39
+ <h1 id="text">Sign in</h1>
40
+ <div class="social-container">
41
+ <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
42
+ <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
43
+ <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
44
+ </div>
45
+ <span>or use your email for registration</span>
46
+ <input type="text" placeholder="Name" name="username" required />
47
+ <input type="password" placeholder="Password" name="password" required />
48
+ <button type="submit">Sign in</button>
49
+ </form>
50
+ </div>
51
+
52
+
53
+
54
+ <div class="overlay-container">
55
+ <div class="overlay">
56
+ <div class="overlay-panel overlay-left">
57
+ <h1>Welcome Back!</h1>
58
+ <p>To keep connected with us please login with your personal info</p>
59
+ <button type="submit" class="ghost" id="signIn">Sign In</button>
60
+ </div>
61
+ <div class="overlay-panel overlay-right">
62
+ <div class="logo-container">
63
+ <img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo">
64
+ </div>
65
+ <h1>RedMindGPT</h1>
66
+ <p> Start Journey With Us</p>
67
+ <button class="ghost" id="signUp">Sign Up</button>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </main>
73
+
74
+ <!-- <footer>
75
+ <p>Developed with <i class="fas fa-heart"></i> by <a href="#">RedMind</a></p>
76
+ </footer> -->
77
+
78
+ <script>
79
+ const signUpButton = document.getElementById('signUp');
80
+ const signInButton = document.getElementById('signIn');
81
+ const text = document.getElementById('h1');
82
+ const container = document.getElementById('container');
83
+ const formcontainer = document.getElementById('form-container');
84
+
85
+ signUpButton.addEventListener('click', () => {
86
+ container.classList.add("right-panel-active");
87
+ text.textContent = 'hello'
88
+ });
89
+
90
+ signInButton.addEventListener('click', () => {
91
+ container.classList.remove("right-panel-active");
92
+
93
+ });
94
+ </script>
95
+ </body>
96
+
97
  </html>