Hugging Face's logo

Spaces:
jtvidela
/
StoryCompassHTML
Running

App Files Community
jtvidela commited on
Commit
ac1cd5b
·
verified ·
1 Parent(s): d44f328

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +41 -22
index.html CHANGED
@@ -8,6 +8,31 @@
8
  text-align: center;
9
  padding: 50px;
10
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11
  a {
12
  display: block;
13
  margin: 10px;
@@ -23,33 +48,30 @@
23
  a:hover {
24
  background-color: #005BB5;
25
  }
26
- form {
27
- margin-bottom: 20px;
28
- }
29
- input, button {
30
- margin: 5px;
31
- padding: 10px;
32
- font-size: 16px;
33
- }
34
- #links {
35
- display: none; /* Initially hidden, shown after successful login */
36
- }
37
  </style>
38
  </head>
39
  <body>
40
  <h1>Welcome to My Spaces!</h1>
41
-
42
  <!-- Login Form -->
43
  <form action="/login" method="POST">
44
- <label for="username">Username:</label><br>
45
- <input type="text" id="username" name="username" required><br>
46
- <label for="password">Password:</label><br>
47
- <input type="password" id="password" name="password" required><br>
 
48
  <button type="submit">Login</button>
49
  </form>
50
-
51
- <!-- Message Display -->
52
- <p id="message"></p>
 
 
 
 
 
 
 
53
 
54
  <!-- Links Section -->
55
  <div id="links">
@@ -64,9 +86,6 @@
64
  const loggedIn = document.cookie.includes('logged_in=true');
65
  if (loggedIn) {
66
  document.getElementById('links').style.display = 'block';
67
- document.getElementById('message').innerText = 'Welcome back!';
68
- } else {
69
- document.getElementById('message').innerText = 'Please log in to access the chatbots.';
70
  }
71
  </script>
72
  </body>
 
8
  text-align: center;
9
  padding: 50px;
10
  }
11
+ form {
12
+ margin: 20px auto;
13
+ padding: 10px;
14
+ display: inline-block;
15
+ text-align: left;
16
+ border: 1px solid #ccc;
17
+ border-radius: 5px;
18
+ width: 300px;
19
+ background-color: #f9f9f9;
20
+ }
21
+ input, button {
22
+ display: block;
23
+ width: 90%;
24
+ margin: 10px auto;
25
+ padding: 10px;
26
+ font-size: 14px;
27
+ }
28
+ .form-header {
29
+ text-align: center;
30
+ font-weight: bold;
31
+ margin-bottom: 10px;
32
+ }
33
+ #links {
34
+ display: none; /* Initially hidden, shown after successful login */
35
+ }
36
  a {
37
  display: block;
38
  margin: 10px;
 
48
  a:hover {
49
  background-color: #005BB5;
50
  }
 
 
 
 
 
 
 
 
 
 
 
51
  </style>
52
  </head>
53
  <body>
54
  <h1>Welcome to My Spaces!</h1>
55
+
56
  <!-- Login Form -->
57
  <form action="/login" method="POST">
58
+ <div class="form-header">Login</div>
59
+ <label for="login-username">Username:</label>
60
+ <input type="text" id="login-username" name="username" required>
61
+ <label for="login-password">Password:</label>
62
+ <input type="password" id="login-password" name="password" required>
63
  <button type="submit">Login</button>
64
  </form>
65
+
66
+ <!-- Registration Form -->
67
+ <form action="/register" method="POST">
68
+ <div class="form-header">Register</div>
69
+ <label for="register-username">Username:</label>
70
+ <input type="text" id="register-username" name="username" required>
71
+ <label for="register-password">Password:</label>
72
+ <input type="password" id="register-password" name="password" required>
73
+ <button type="submit">Register</button>
74
+ </form>
75
 
76
  <!-- Links Section -->
77
  <div id="links">
 
86
  const loggedIn = document.cookie.includes('logged_in=true');
87
  if (loggedIn) {
88
  document.getElementById('links').style.display = 'block';
 
 
 
89
  }
90
  </script>
91
  </body>