Skip to content

Commit 8ee7e74

Browse files
FreekBesFreekBes
committed
fix ejs indentation & adjust page meta tags
1 parent 7c3f4a1 commit 8ee7e74

File tree

3 files changed

+142
-140
lines changed

3 files changed

+142
-140
lines changed

‎views/error.ejs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>Find peers</title>
8+
<title>Find Peers</title>
99

1010
<style>
1111
:root {

‎views/index.ejs‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<meta name="description" content="Find peers displays what projects 42 students are working on, allowing them to find peers to collaborate with.">
9-
<title>Find peers</title>
8+
<meta name="description" content="Find Peers displays what projects 42 students are working on, allowing them to find peers to collaborate with.">
9+
<title>Find Peers</title>
1010
<style>
1111
:root {
1212
color-scheme: dark;
@@ -204,20 +204,20 @@
204204
}
205205
206206
footer {
207-
position: fixed;
208-
bottom: 16px;
209-
left: var(--root-padding);
210-
font-size: var(--font-size-4);
211-
}
212-
213-
footer a {
214-
color: #4a98c5;
215-
text-decoration: none;
216-
}
217-
218-
footer a:hover {
219-
color: var(--accent);
220-
}
207+
position: fixed;
208+
bottom: 16px;
209+
left: var(--root-padding);
210+
font-size: var(--font-size-4);
211+
}
212+
213+
footer a {
214+
color: #4a98c5;
215+
text-decoration: none;
216+
}
217+
218+
footer a:hover {
219+
color: var(--accent);
220+
}
221221
</style>
222222

223223
<script async>
@@ -232,9 +232,9 @@
232232
</head>
233233

234234
<div class="banner">
235-
<div id="title">
236-
- Find Peers -
237-
</div>
235+
<div id="title">
236+
- Find Peers -
237+
</div>
238238
<div id="title-small">
239239
What are 42 students working on?
240240
</div>
@@ -344,7 +344,7 @@
344344
</div>
345345

346346
<footer>
347-
<a href="https://github.com/codam-coding-college/find-peers">Source</a> | <i>Built by <a href="https://profile.intra.42.fr/users/jkoers">@jkoers</a></i> | <i>Maintained by <a href="https://profile.intra.42.fr/users/nmattos-">@nmattos-</a></i>
347+
<a href="https://github.com/codam-coding-college/find-peers">Source</a> | <i>Built by <a href="https://profile.intra.42.fr/users/jkoers">@jkoers</a></i> | <i>Maintained by <a href="https://profile.intra.42.fr/users/nmattos-">@nmattos-</a></i>
348348
</footer>
349349

350350
</body>

‎views/login.ejs‎

Lines changed: 121 additions & 119 deletions
Original file line numberDiff line numberDiff line change
@@ -2,138 +2,140 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<style>
9-
:root {
10-
color-scheme: dark;
11-
font-family: monospace;
12-
padding: 0;
13-
14-
--accent: #ffffff;
15-
16-
--search-height: 50px;
17-
--root-padding: 32px;
18-
19-
font-size: 22px;
20-
letter-spacing: -0.2px;
21-
--font-size-1: 4ch;
22-
--font-size-2: 2.5ch;
23-
--font-size-3: 1.1ch;
24-
--font-size-4: 0.75ch;
25-
}
26-
27-
body {
28-
background: #1a1a1a;
29-
background-image:
30-
linear-gradient(to right, #00babc11 1px, transparent 1px),
31-
linear-gradient(to bottom, #00babc11 1px, transparent 1px);
32-
background-size: 20px 20px;
33-
min-height: 100vh;
34-
padding: var(--search-height) var(--root-padding) 0px;
35-
}
36-
37-
#title {
38-
font-size: var(--font-size-1);
39-
font-weight: bold;
40-
text-align: center;
41-
}
42-
43-
#title-small {
44-
font-size: var(--font-size-2-5);
45-
font-weight: normal;
46-
color: #ffffff;
47-
text-align: center;
48-
}
49-
50-
.banner {
51-
position: relative;
52-
margin: calc(-1 * var(--search-height)) calc(-1 * var(--root-padding)) 0;
53-
padding: calc(var(--search-height) + 64px) var(--root-padding) 64px;
54-
background: #78a9bd;
55-
margin-left: calc(-50vw + 50%);
56-
}
57-
58-
.login-container {
59-
margin: 40px 0;
60-
padding: 48px;
61-
background: #1c566d;
62-
border-radius: 16px;
63-
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
64-
border: 1px solid #222;
65-
text-align: center;
66-
}
67-
68-
.login-title {
69-
font-size: var(--font-size-2);
70-
font-weight: bold;
71-
color: #ffffff;
72-
margin-bottom: 32px;
73-
margin-top: 32px;
74-
}
75-
76-
button {
77-
font-size: var(--font-size-3);
78-
font-family: monospace;
79-
padding: 16px 32px;
80-
background: #2c7385;
81-
color: var(--accent);
82-
border: 1px solid #444;
83-
border-radius: 8px;
84-
cursor: pointer;
85-
}
86-
87-
button:hover,
88-
button:focus {
89-
background: #3a8aa0;
90-
box-shadow: 0 0 7px white;
91-
}
92-
93-
footer {
94-
color: gray;
95-
position: fixed;
96-
bottom: 16px;
97-
left: var(--root-padding);
98-
font-size: var(--font-size-4);
99-
}
100-
101-
footer a {
102-
color: #4a98c5;
103-
text-decoration: none;
104-
}
105-
106-
footer a:hover {
107-
color: var(--accent);
108-
}
109-
</style>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="description" content="Find Peers displays what projects 42 students are working on, allowing them to find peers to collaborate with.">
9+
<title>Find Peers</title>
10+
<style>
11+
:root {
12+
color-scheme: dark;
13+
font-family: monospace;
14+
padding: 0;
15+
16+
--accent: #ffffff;
17+
18+
--search-height: 50px;
19+
--root-padding: 32px;
20+
21+
font-size: 22px;
22+
letter-spacing: -0.2px;
23+
--font-size-1: 4ch;
24+
--font-size-2: 2.5ch;
25+
--font-size-3: 1.1ch;
26+
--font-size-4: 0.75ch;
27+
}
28+
29+
body {
30+
background: #1a1a1a;
31+
background-image:
32+
linear-gradient(to right, #00babc11 1px, transparent 1px),
33+
linear-gradient(to bottom, #00babc11 1px, transparent 1px);
34+
background-size: 20px 20px;
35+
min-height: 100vh;
36+
padding: var(--search-height) var(--root-padding) 0px;
37+
}
38+
39+
#title {
40+
font-size: var(--font-size-1);
41+
font-weight: bold;
42+
text-align: center;
43+
}
44+
45+
#title-small {
46+
font-size: var(--font-size-2-5);
47+
font-weight: normal;
48+
color: #ffffff;
49+
text-align: center;
50+
}
51+
52+
.banner {
53+
position: relative;
54+
margin: calc(-1 * var(--search-height)) calc(-1 * var(--root-padding)) 0;
55+
padding: calc(var(--search-height) + 64px) var(--root-padding) 64px;
56+
background: #78a9bd;
57+
margin-left: calc(-50vw + 50%);
58+
}
59+
60+
.login-container {
61+
margin: 40px 0;
62+
padding: 48px;
63+
background: #1c566d;
64+
border-radius: 16px;
65+
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
66+
border: 1px solid #222;
67+
text-align: center;
68+
}
69+
70+
.login-title {
71+
font-size: var(--font-size-2);
72+
font-weight: bold;
73+
color: #ffffff;
74+
margin-bottom: 32px;
75+
margin-top: 32px;
76+
}
77+
78+
button {
79+
font-size: var(--font-size-3);
80+
font-family: monospace;
81+
padding: 16px 32px;
82+
background: #2c7385;
83+
color: var(--accent);
84+
border: 1px solid #444;
85+
border-radius: 8px;
86+
cursor: pointer;
87+
}
88+
89+
button:hover,
90+
button:focus {
91+
background: #3a8aa0;
92+
box-shadow: 0 0 7px white;
93+
}
94+
95+
footer {
96+
color: gray;
97+
position: fixed;
98+
bottom: 16px;
99+
left: var(--root-padding);
100+
font-size: var(--font-size-4);
101+
}
102+
103+
footer a {
104+
color: #4a98c5;
105+
text-decoration: none;
106+
}
107+
108+
footer a:hover {
109+
color: var(--accent);
110+
}
111+
</style>
110112

111113
</head>
112114

113115
<body>
114116

115117
<div class="banner">
116-
<div id="title">
117-
- Find Peers -
118-
</div>
119-
<div id="title-small">
120-
Authentication Required
121-
</div>
118+
<div id="title">
119+
- Find Peers -
120+
</div>
121+
<div id="title-small">
122+
Authentication Required
123+
</div>
122124
</div>
123125

124126
<div class="login-container">
125-
<div class="description-left">
126-
This page displays what projects 42 students are working on, allowing them to find peers to collaborate with.<br/>
127+
<div class="description-left">
128+
Find Peers displays what projects 42 students are working on, allowing them to find peers to collaborate with.<br/>
129+
</div>
130+
<div class="login-title">
131+
Please login to continue
127132
</div>
128-
<div class="login-title">
129-
Please login to continue
130-
</div>
131-
<button onclick="window.location.href='/auth/42'">Login with 42</button>
133+
<button onclick="window.location.href='/auth/42'">Login with 42</button>
132134
</div>
133135

134136
<footer>
135-
<a href="https://github.com/codam-coding-college/find-peers">Source</a> | <i>Built by <a href="https://profile.intra.42.fr/users/jkoers">@jkoers</a></i> | <i>Maintained by <a href="https://profile.intra.42.fr/users/nmattos-">@nmattos-</a></i>
137+
<a href="https://github.com/codam-coding-college/find-peers">Source</a> | <i>Built by <a href="https://profile.intra.42.fr/users/jkoers">@jkoers</a></i> | <i>Maintained by <a href="https://profile.intra.42.fr/users/nmattos-">@nmattos-</a></i>
136138
</footer>
137139

138140
</body>
139-
</html>
141+
</html>

0 commit comments

Comments
 (0)