this repo has no description
Add landing.html
+59
-3
+1
-3
index.html
+1
-3
index.html
···
3
3
4
4
<head>
5
5
<meta charset="UTF-8" />
6
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+
<link rel="icon" type="image/png" href="/map.png" />
7
7
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
8
<title>MappedAt</title>
9
9
<link href="/src/index.css" rel="stylesheet">
10
-
<link rel="icon"
11
-
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏃</text></svg>">
12
10
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
13
11
</head>
14
12
+58
landing.html
+58
landing.html
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5
+
<link rel="icon" type="image/png" href="/map.png" />
6
+
<title>Mapped.at</title>
7
+
<style>
8
+
@import url('https://fonts.cdnfonts.com/css/poppins');
9
+
10
+
body {
11
+
background-color: #ff8311;
12
+
font-family: 'Poppins', sans-serif;
13
+
margin: 0;
14
+
padding: 0;
15
+
}
16
+
17
+
.background {
18
+
position: absolute;
19
+
top: 0;
20
+
left: 0;
21
+
width: 100%;
22
+
height: 100%;
23
+
z-index: -1;
24
+
object-fit: cover;
25
+
}
26
+
27
+
main {
28
+
display: flex;
29
+
flex-direction: column;
30
+
align-items: center;
31
+
justify-content: center;
32
+
height: 100vh;
33
+
color: black;
34
+
padding-left: 2rem;
35
+
padding-right: 2rem;
36
+
outline-color: black;
37
+
}
38
+
39
+
.container {
40
+
text-align: center;
41
+
background-color: rgba(255, 255, 255, 0.8);
42
+
border-radius: 10px;
43
+
padding: 2rem;
44
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
45
+
}
46
+
</style>
47
+
</head>
48
+
<body>
49
+
<img class="background" src="/mapped_at_background.png" width="1536px" height="1024px" />
50
+
<main>
51
+
<div class="container">
52
+
<h1>Mapped.at</h1>
53
+
<p>Welcome to Mapped.at!</p>
54
+
<p>A social network for sharing your active lifestyle through maps</p>
55
+
<a href="/" id="start-button">Start</a>
56
+
</div>
57
+
</main>
58
+
</html>
public/map.png
public/map.png
This is a binary file and will not be displayed.
public/mapped_at_background.png
public/mapped_at_background.png
This is a binary file and will not be displayed.