2
2
< html lang ="en ">
3
3
< head >
4
4
< meta charset ="UTF-8 " />
5
- < meta
6
- name ="viewport "
7
- content ="width=device-width, initial-scale=1.0 "
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6
+ <!-- favicon -->
7
+ < link
8
+ rel ="icon "
9
+ type ="image/webp "
10
+ href ="/images/favicon.webp "
8
11
/>
9
12
< title > UberCoders</ title >
10
- < link rel ="stylesheet " href ="/styles/style.css "/>
13
+ < link rel ="stylesheet " href ="/styles/style.css " />
11
14
< script src ="https://www.gstatic.com/firebasejs/9.16.0/firebase-app.js "> </ script >
12
15
< script src ="https://www.gstatic.com/firebasejs/9.16.0/firebase-auth.js "> </ script >
13
16
</ head >
@@ -17,9 +20,7 @@ <h1>Welcome to UberCoders</h1>
17
20
< div id ="signup-form ">
18
21
< form >
19
22
< div class ="form-group ">
20
- < label for ="signup-username "
21
- > Username</ label
22
- >
23
+ < label for ="signup-username "> Username</ label >
23
24
< input
24
25
type ="text "
25
26
id ="signup-username "
@@ -28,9 +29,7 @@ <h1>Welcome to UberCoders</h1>
28
29
/>
29
30
</ div >
30
31
< div class ="form-group ">
31
- < label for ="signup-email "
32
- > Email</ label
33
- >
32
+ < label for ="signup-email "> Email</ label >
34
33
< input
35
34
type ="email "
36
35
id ="signup-email "
@@ -39,23 +38,17 @@ <h1>Welcome to UberCoders</h1>
39
38
/>
40
39
</ div >
41
40
< div class ="form-group ">
42
- < label for ="signup-password "
43
- > Password</ label
44
- >
41
+ < label for ="signup-password "> Password</ label >
45
42
< input
46
43
type ="password "
47
44
id ="signup-password "
48
45
placeholder ="Enter your password "
49
46
required
50
47
/>
51
48
</ div >
52
- < button type ="submit " class ="button ">
53
- Sign Up
54
- </ button >
49
+ < button type ="submit " class ="button "> Sign Up</ button >
55
50
</ form >
56
- < span
57
- class ="toggle-link "
58
- onclick ="toggleForm() "
51
+ < span class ="toggle-link " onclick ="toggleForm() "
59
52
> Already have an account? Log In</ span
60
53
>
61
54
</ div >
@@ -71,34 +64,26 @@ <h1>Welcome to UberCoders</h1>
71
64
/>
72
65
</ div >
73
66
< div class ="form-group ">
74
- < label for ="login-password "
75
- > Password</ label
76
- >
67
+ < label for ="login-password "> Password</ label >
77
68
< input
78
69
type ="password "
79
70
id ="login-password "
80
71
placeholder ="Enter your password "
81
72
required
82
73
/>
83
74
</ div >
84
- < button type ="submit " class ="button ">
85
- Log In
86
- </ button >
75
+ < button type ="submit " class ="button "> Log In</ button >
87
76
</ form >
88
- < span
89
- class ="toggle-link "
90
- onclick ="toggleForm() "
77
+ < span class ="toggle-link " onclick ="toggleForm() "
91
78
> Don't have an account? Sign Up</ span
92
79
>
93
80
</ div >
94
81
</ div >
95
82
96
83
< script >
97
84
function toggleForm ( ) {
98
- const signupForm =
99
- document . getElementById ( "signup-form" ) ;
100
- const loginForm =
101
- document . getElementById ( "login-form" ) ;
85
+ const signupForm = document . getElementById ( "signup-form" ) ;
86
+ const loginForm = document . getElementById ( "login-form" ) ;
102
87
103
88
if ( signupForm . style . display === "none" ) {
104
89
signupForm . style . display = "block" ;
@@ -109,6 +94,6 @@ <h1>Welcome to UberCoders</h1>
109
94
}
110
95
}
111
96
</ script >
112
- < script type ="module " src ="script/index.js " defer > </ script >
97
+ < script type ="module " src ="script/index.js " defer > </ script >
113
98
</ body >
114
99
</ html >
0 commit comments