Skip to content

Commit 46f6c19

Browse files
MDJAminMDJAmin
committed
feat: Favicon & MDJAmin & CC
1 parent ceaf424 commit 46f6c19

File tree

5 files changed

+156
-75
lines changed

5 files changed

+156
-75
lines changed

‎css/style.css‎

Lines changed: 30 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
--max-height: 420px;
1414

1515
font-size: 16px;
16-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
17-
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
16+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
17+
"Open Sans", "Helvetica Neue", sans-serif;
1818
}
1919

2020
body {
@@ -47,8 +47,7 @@ body {
4747
.container {
4848
background-color: var(--white);
4949
border-radius: var(--button-radius);
50-
box-shadow: 0 0.9rem 1.7rem rgba(0, 0, 0, 0.25),
51-
0 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
50+
box-shadow: 0 0.9rem 1.7rem rgba(0, 0, 0, 0.25), 0 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
5251
height: var(--max-height);
5352
max-width: var(--max-width);
5453
overflow: hidden;
@@ -154,11 +153,7 @@ body {
154153

155154
.btn {
156155
background-color: var(--blue);
157-
background-image: linear-gradient(
158-
90deg,
159-
var(--blue) 0%,
160-
var(--lightblue) 74%
161-
);
156+
background-image: linear-gradient(90deg, var(--blue) 0%, var(--lightblue) 74%);
162157
border-radius: 20px;
163158
border: 1px solid var(--blue);
164159
color: var(--white);
@@ -218,14 +213,33 @@ body {
218213
.welcome {
219214
font-size: 4em;
220215
font-size: 4em;
221-
background: linear-gradient(
222-
90deg,
223-
rgb(130, 169, 223) 30%,
224-
rgb(232, 238, 176) 120%
225-
);
216+
background: linear-gradient(90deg, rgb(130, 169, 223) 30%, rgb(232, 238, 176) 120%);
226217
-webkit-background-clip: text;
227218
-webkit-text-fill-color: transparent;
228-
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
229-
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
219+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
220+
Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
230221
opacity: 90%;
231222
}
223+
224+
.MDJAminDiv {
225+
z-index: 4444;
226+
position: fixed;
227+
bottom: 5%;
228+
left: 2%;
229+
}
230+
231+
.MDJAmin {
232+
text-decoration: none;
233+
border-top: 1px dashed white !important;
234+
border-bottom: 1px dashed white !important;
235+
padding: 0px 4px;
236+
color: rgba(204, 204, 204, 0.414);
237+
font-family: monospace;
238+
font-style: italic;
239+
font-size: 1.3em;
240+
transition: all 0.5s;
241+
}
242+
243+
.MDJAmin:hover {
244+
color: white;
245+
}

‎favicon.png‎

23.2 KB
Loading

‎index.html‎

Lines changed: 102 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,110 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<!-- Enjoy!!🍓 -->
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="stylesheet" href="css/style.css">
3+
<!-- Enjoy!!🍓 -->
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta
7+
name="viewport"
8+
content="width=device-width, initial-scale=1.0"
9+
/>
10+
<link
11+
rel="stylesheet"
12+
href="css/style.css"
13+
/>
14+
<link
15+
rel="shortcut icon"
16+
href="favicon.png"
17+
type="image/x-icon"
18+
/>
819
<title>Slider form</title>
9-
</head>
20+
</head>
1021

11-
<body>
22+
<body>
1223
<div class="container right-panel-active">
13-
<!-- Sign Up -->
14-
<div class="container__form container--signup">
15-
<form action="#" class="form" id="form1">
16-
<h2 class="form__title">Sign Up</h2>
17-
<input type="text" placeholder="User" class="input" />
18-
<input type="email" placeholder="Email" class="input" />
19-
<input type="password" placeholder="Password" class="input" />
20-
<button class="btn">Sign Up</button>
21-
</form>
22-
</div>
23-
<!-- Sign In -->
24-
<div class="container__form container--signin">
25-
<form action="#" class="form" id="form2">
26-
<h2 class="form__title">Sign In</h2>
27-
<input type="text" id="emailInput" placeholder="Username" class="input" />
28-
<input type="password" id="passwordInput" placeholder="Password" class="input" />
29-
<a href="#" class="link">Forgot your password?</a>
30-
<button class="btn">Sign In</button>
31-
</form>
32-
</div>
33-
<!-- Overlay -->
34-
<div class="container__overlay">
35-
<div class="overlay">
36-
<div class="overlay__panel overlay--left">
37-
<button class="btn" id="signIn">Sign In</button>
38-
</div>
39-
<div class="overlay__panel overlay--right">
40-
<button class="btn" id="signUp">Sign Up</button>
41-
</div>
42-
</div>
24+
<!-- Sign Up -->
25+
<div class="container__form container--signup">
26+
<form
27+
action="#"
28+
class="form"
29+
id="form1"
30+
>
31+
<h2 class="form__title">Sign Up</h2>
32+
<input
33+
type="text"
34+
placeholder="User"
35+
class="input"
36+
/>
37+
<input
38+
type="email"
39+
placeholder="Email"
40+
class="input"
41+
/>
42+
<input
43+
type="password"
44+
placeholder="Password"
45+
class="input"
46+
/>
47+
<button class="btn">Sign Up</button>
48+
</form>
49+
</div>
50+
<!-- Sign In -->
51+
<div class="container__form container--signin">
52+
<form
53+
action="#"
54+
class="form"
55+
id="form2"
56+
>
57+
<h2 class="form__title">Sign In</h2>
58+
<input
59+
type="text"
60+
id="emailInput"
61+
placeholder="Username ( mor_2314 )"
62+
class="input"
63+
/>
64+
<input
65+
type="password"
66+
id="passwordInput"
67+
placeholder="Password ( 83r5^_ )"
68+
class="input"
69+
/>
70+
<a
71+
href="#"
72+
class="link"
73+
>Forgot your password?</a
74+
>
75+
<button class="btn">Sign In</button>
76+
</form>
77+
</div>
78+
<!-- Overlay -->
79+
<div class="container__overlay">
80+
<div class="overlay">
81+
<div class="overlay__panel overlay--left">
82+
<button
83+
class="btn"
84+
id="signIn"
85+
>
86+
Sign In
87+
</button>
88+
</div>
89+
<div class="overlay__panel overlay--right">
90+
<button
91+
class="btn"
92+
id="signUp"
93+
>
94+
Sign Up
95+
</button>
96+
</div>
4397
</div>
98+
</div>
99+
</div>
100+
<div class="MDJAminDiv">
101+
<a
102+
class="MDJAmin"
103+
href="https://github.com/MDJAmin"
104+
target="_blank"
105+
>MDJAmin</a
106+
>
44107
</div>
45-
46108
<script src="js/script.js"></script>
47-
</body>
48-
49-
</html>
109+
</body>
110+
</html>

‎js/script.js‎

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,11 @@ const fistForm = document.querySelector("#form1");
44
const secondForm = document.querySelector("#form2");
55
const container = document.querySelector(".container");
66

7-
if (
8-
localStorage.getItem("token") !== null &&
9-
localStorage.getItem("token") !== ""
10-
) {
7+
if (localStorage.getItem("token") !== null && localStorage.getItem("token") !== "") {
118
window.location.href = "welcome.html";
129
}
1310

14-
if (
15-
localStorage.getItem("token") == null &&
16-
localStorage.getItem("token") == ""
17-
) {
11+
if (localStorage.getItem("token") == null && localStorage.getItem("token") == "") {
1812
window.location.href = "index.html";
1913
}
2014

‎welcome.html‎

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="stylesheet" href="css/style.css">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<link
10+
rel="stylesheet"
11+
href="css/style.css"
12+
/>
813
<title>Document</title>
9-
</head>
14+
</head>
1015

11-
<body>
16+
<body>
1217
<h2 class="welcome">Welcome</h2>
13-
</body>
14-
15-
</html>
18+
<div class="MDJAminDiv">
19+
<a
20+
class="MDJAmin"
21+
href="https://github.com/MDJAmin"
22+
target="_blank"
23+
>MDJAmin</a
24+
>
25+
</div>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)