Skip to content

Commit 83cb2a7

Browse files
wrongsyntaxwrongsyntax
committed
Added favicons. Added logo.
1 parent fe2f303 commit 83cb2a7

16 files changed

+175
-26
lines changed

‎assets/.DS_Store

6 KB
Binary file not shown.

‎assets/favicon/.DS_Store

6 KB
Binary file not shown.

‎assets/favicon/android-chrome-192x192.png

11.5 KB
Loading

‎assets/favicon/android-chrome-512x512.png

38.7 KB
Loading

‎assets/favicon/apple-touch-icon.png

4.66 KB
Loading

‎assets/favicon/browserconfig.xml

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig>
3+
<msapplication>
4+
<tile>
5+
<square150x150logo src="assets/favicon/mstile-150x150.png"/>
6+
<TileColor>#ebdbb2</TileColor>
7+
</tile>
8+
</msapplication>
9+
</browserconfig>

‎assets/favicon/favicon-16x16.png

960 Bytes
Loading

‎assets/favicon/favicon-32x32.png

1.85 KB
Loading

‎assets/favicon/favicon.ico

14.7 KB
Binary file not shown.

‎assets/favicon/mstile-150x150.png

4.54 KB
Loading

‎assets/favicon/safari-pinned-tab.svg

Lines changed: 68 additions & 0 deletions
Loading

‎assets/favicon/site.webmanifest

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "wrongsyntax.dev",
3+
"short_name": "wrongsyntax.dev",
4+
"icons": [
5+
{
6+
"src": "android-chrome-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png"
9+
},
10+
{
11+
"src": "android-chrome-512x512.png",
12+
"sizes": "512x512",
13+
"type": "image/png"
14+
}
15+
],
16+
"theme_color": "#ebdbb2",
17+
"background_color": "#ebdbb2",
18+
"display": "standalone"
19+
}

‎assets/logo-dark.png

269 KB
Loading

‎assets/logo-light.png

328 KB
Loading

‎index.html

Lines changed: 56 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,72 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>wrongsyntax</title>
8-
<link rel="stylesheet" href="styles/style.css">
9-
<link rel="preconnect" href="https://fonts.googleapis.com">
10-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11-
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@600&family=Fira+Sans:wght@300&display=swap" rel="stylesheet">
8+
<link rel="stylesheet" href="styles/style.css" />
9+
10+
<!-- Favicons -->
11+
<link
12+
rel="apple-touch-icon"
13+
sizes="180x180"
14+
href="assets/favicon/apple-touch-icon.png"
15+
/>
16+
<link
17+
rel="icon"
18+
type="image/png"
19+
sizes="32x32"
20+
href="assets/favicon/favicon-32x32.png"
21+
/>
22+
<link
23+
rel="icon"
24+
type="image/png"
25+
sizes="16x16"
26+
href="assets/favicon/favicon-16x16.png"
27+
/>
28+
<link rel="manifest" href="assets/favicon/site.webmanifest" />
29+
<link
30+
rel="mask-icon"
31+
href="assets/favicon/safari-pinned-tab.svg"
32+
color="#11ae91"
33+
/>
34+
<link rel="shortcut icon" href="assets/favicon/favicon.ico" />
35+
<meta name="msapplication-TileColor" content="#ebdbb2" />
36+
<meta
37+
name="msapplication-config"
38+
content="assets/favicon/browserconfig.xml"
39+
/>
40+
<meta name="theme-color" content="#ebdbb2" />
41+
42+
<link rel="preconnect" href="https://fonts.googleapis.com" />
43+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
44+
<link
45+
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@600&family=Fira+Sans:wght@300&display=swap"
46+
rel="stylesheet"
47+
/>
1248
</head>
1349
<body>
14-
1550
<div class="container">
1651
<div class="message">
17-
<h1 class="title">wrongsyntax.dev</h1>
52+
<div class="title-container">
53+
<div class="logo">
54+
<img src="assets/logo-dark.png" alt="Logo" height="35px" />
55+
</div>
56+
<h1 class="title">wrongsyntax.dev</h1>
57+
</div>
1858
<div class="links">
1959
<a href="https://github.com/wrongsyntax">
20-
<img src="https://upload.wikimedia.org/wikipedia/commons/2/24/Github_logo_svg.svg" alt="GitHub" height="30px">
60+
<img
61+
src="https://upload.wikimedia.org/wikipedia/commons/2/24/Github_logo_svg.svg"
62+
alt="GitHub"
63+
height="30px"
64+
/>
2165
</a>
2266
</div>
2367
</div>
2468
</div>
25-
26-
<!-- <script src="scripts/index.js"></script> -->
69+
70+
<!-- <script src="scripts/index.js"></script> -->
2771
</body>
2872
</html>

‎styles/style.css

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,37 @@
11
html {
2-
background-color: #1e2126;
2+
background-color: #1e2126;
33
}
44

55
.container {
6-
position: absolute;
7-
left: 50%;
8-
top: 50%;
9-
-webkit-transform: translate(-50%, -50%);
10-
transform: translate(-50%, -50%);
6+
position: absolute;
7+
left: 50%;
8+
top: 50%;
9+
-webkit-transform: translate(-50%, -50%);
10+
transform: translate(-50%, -50%);
1111
}
1212

1313
.message {
14-
text-align: center;
14+
text-align: center;
15+
}
16+
17+
.logo {
18+
filter: brightness(75%);
19+
margin-bottom: -3%;
20+
}
21+
22+
.title-container {
23+
color: #1e2126;
24+
padding: 10px;
25+
margin: 15px;
26+
font-family: "Fira Code", monospace;
27+
background: linear-gradient(125deg, #11ae91 0%, #a6883a 100%);
1528
}
1629

1730
.title {
18-
color: #1e2126;
19-
padding: 10px;
20-
font-family: 'Fira Code', monospace;
21-
background: rgb(17,174,145);
22-
background: linear-gradient(125deg, #11ae91 0%, #E2BB57 100%);
31+
margin: 0;
2332
}
2433

2534
.links {
26-
font-family: 'Fira Sans', sans-serif;
27-
color: #c3c3c3;
35+
font-family: "Fira Sans", sans-serif;
36+
color: #c3c3c3;
2837
}

0 commit comments

Comments
 (0)