Hugging Face's logo

Spaces:
koons
/
emotion-chatbot
Runtime error

App Files Community
kootaeng2 commited on
Commit
4099675
Β·
1 Parent(s): 5685f90

Feat: Implement user login and registration system

Browse files
Files changed (2) hide show
  1. .gitignore +6 -1
  2. src/templates/signup.html +90 -11
.gitignore CHANGED
@@ -16,4 +16,9 @@ logs/
16
  results/
17
 
18
  # 기타 운영체제 파일
19
- .DS_Store
 
 
 
 
 
 
16
  results/
17
 
18
  # 기타 운영체제 파일
19
+ .DS_Store
20
+
21
+ # .gitignore 파일 맨 μ•„λž˜μ— μΆ”κ°€
22
+
23
+ # Database file
24
+ /src/database.db
src/templates/signup.html CHANGED
@@ -3,18 +3,97 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <title>νšŒμ›κ°€μž…</title>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  </head>
7
  <body>
8
- <h1>νšŒμ›κ°€μž…</h1>
9
- <form method="post">
10
- <label for="username">μ‚¬μš©μž 이름:</label>
11
- <input type="text" id="username" name="username" required>
12
- <br><br>
13
- <label for="password">λΉ„λ°€λ²ˆν˜Έ:</label>
14
- <input type="password" id="password" name="password" required>
15
- <br><br>
16
- <button type="submit">νšŒμ›κ°€μž…</button>
17
- </form>
18
- <p>이미 계정이 μžˆμœΌμ‹ κ°€μš”? <a href="/login">둜그인</a></p>
 
 
 
 
19
  </body>
20
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <title>νšŒμ›κ°€μž…</title>
6
+ <style>
7
+ body {
8
+ font-family: "Spoqa Han Sans Neo", Arial, sans-serif;
9
+ padding: 50px;
10
+ background: linear-gradient(135deg, #ece9f7, #cacae0);
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
14
+ min-height: 100vh;
15
+ margin: 0;
16
+ }
17
+ .container {
18
+ background: white;
19
+ border-radius: 20px;
20
+ padding: 40px;
21
+ box-shadow: 0 8px 32px #0001;
22
+ width: 100%;
23
+ max-width: 450px;
24
+ box-sizing: border-box;
25
+ }
26
+ h1 {
27
+ color: #65e5c9; /* ν™ˆνŽ˜μ΄μ§€ h1κ³Ό λ™μΌν•œ 색상 */
28
+ margin-bottom: 25px;
29
+ text-align: center;
30
+ font-size: 28px;
31
+ }
32
+ .form-group {
33
+ margin-bottom: 20px;
34
+ }
35
+ label {
36
+ display: block;
37
+ margin-bottom: 8px;
38
+ color: #555;
39
+ font-size: 16px;
40
+ }
41
+ input[type="text"],
42
+ input[type="password"] {
43
+ width: 100%;
44
+ border-radius: 8px;
45
+ border: 1px solid #d0d0e0;
46
+ padding: 14px;
47
+ font-size: 16px;
48
+ background: #f7f7fb;
49
+ box-sizing: border-box;
50
+ }
51
+ button {
52
+ width: 100%;
53
+ background: #6598e5;
54
+ color: white;
55
+ padding: 14px;
56
+ border-radius: 8px;
57
+ border: none;
58
+ font-size: 18px;
59
+ font-weight: bold;
60
+ cursor: pointer;
61
+ transition: 0.2s;
62
+ margin-top: 10px;
63
+ }
64
+ button:hover {
65
+ background: #5540a3;
66
+ }
67
+ p {
68
+ text-align: center;
69
+ margin-top: 20px;
70
+ color: #666;
71
+ }
72
+ a {
73
+ color: #6598e5;
74
+ text-decoration: none;
75
+ font-weight: bold;
76
+ }
77
+ a:hover {
78
+ text-decoration: underline;
79
+ }
80
+ </style>
81
  </head>
82
  <body>
83
+ <div class="container">
84
+ <h1>νšŒμ›κ°€μž…</h1>
85
+ <form method="post">
86
+ <div class="form-group">
87
+ <label for="username">μ‚¬μš©μž 이름</label>
88
+ <input type="text" id="username" name="username" required>
89
+ </div>
90
+ <div class="form-group">
91
+ <label for="password">λΉ„λ°€λ²ˆν˜Έ</label>
92
+ <input type="password" id="password" name="password" required>
93
+ </div>
94
+ <button type="submit">νšŒμ›κ°€μž…</button>
95
+ </form>
96
+ <p>이미 계정이 μžˆμœΌμ‹ κ°€μš”? <a href="/login">둜그인</a></p>
97
+ </div>
98
  </body>
99
  </html>