-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (65 loc) · 1.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Juan Diosdado">
<meta name="description" content="Made up of atoms, bits, memes, and dreams.">
<meta name="keywords" content="Basic Income, Blockchain, Climate Change, Community, Crypto Token, Documentaries, Documentary, Ecohacking, Education, Food Security, Global Warming, Immigration, Libertech, Movie Screening, Nonprofit, Nutrition, Open Source, P2P, Peer to Peer, Refugees, Semantic Media, Social Change, Social Impact, Storytelling, Sustainability">
<meta name="twitter:site" content="@ikonoklast">
<style>
@font-face {
font-family: "Ubuntu";
src: url(fonts/Ubuntu-Bold.ttf) format("truetype");
font-weight: 700;
}
body {
background-color: #0f003c;
background-image: url(images/Background-Universe-1024w.png);
color: #f2f2f2;
font-family: "SF Pro Text", system-ui, "Segoe UI", sans-serif;
text-align: center;
}
.small {
font-family: "SF Pro Display", system-ui, "Segoe UI", sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.4;
}
h1 {
color: #f8e71c;
font-family: Ubuntu;
font-size: 6em;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
p {
font-family: "SF Pro Display", system-ui, "Segoe UI", sans-serif;
font-size: 3em;
font-weight: 500;
line-height: 1.4;
}
img {
width: 50%;
}
</style>
<title>Xuan Mir</title>
</head>
<body>
<div id="intro">
<p>Hi.</p>
</div>
<div id="footer">
<p>
<a href="https://github.com/mvteclat">
<picture>
<img
srcset="images/[email protected] 2x,
images/[email protected] 3x"
alt="Mvt Éclat Logo"
style="width:72px;">
</picture>
</a>
</p>
</div>
</body>
</html>