-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (94 loc) · 3.94 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Website containing social links of Michael Schertenleib"
/>
<title>Michael Schertenleib</title>
<style>
* {
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin: 0;
padding: 0;
}
body {
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
gap: 18px;
/* Generated using https://cssgradient.io/ */
background: rgb(101, 33, 98);
background: linear-gradient(
126deg,
rgba(101, 33, 98, 1) 1%,
rgba(17, 51, 92, 1) 64%,
rgba(10, 53, 61, 1) 100%
);
}
a {
color: white;
text-decoration: none;
display: block;
width: 64px;
text-align: center;
padding: 6px;
border-radius: 12px;
transition: transform 0.15s ease, background-color 0.15s ease;
background: rgba(28, 27, 32, 0);
transform: perspective(1px) translateZ(0);
backface-visibility: hidden;
}
a:focus {
outline: 4px solid cornflowerblue;
}
a:hover {
transform: scale(1.05);
background: rgba(28, 27, 32, 0.4);
}
svg {
margin-bottom: 6px;
}
svg path {
fill: currentColor;
}
a span {
font-size: 14px;
}
</style>
<!-- From https://stackoverflow.com/a/13416784 -->
<link rel="icon" href="data:;base64,iVBORw0KGgo=" />
</head>
<body>
<a href="mailto:[email protected]">
<!-- https://materialdesignicons.com/icon/email -->
<svg viewBox="0 0 24 24" aria-hidden="true">
<path
d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"
/>
</svg>
<span>E-Mail</span>
</a>
<a href="https://gitlab.com/cravay">
<!-- https://materialdesignicons.com/icon/github -->
<svg viewBox="0 0 24 24" aria-hidden="true">
<path
d="M21.94 13.11L20.89 9.89C20.89 9.86 20.88 9.83 20.87 9.8L18.76 3.32C18.65 3 18.33 2.75 17.96 2.75C17.6 2.75 17.28 3 17.17 3.33L15.17 9.5H8.84L6.83 3.33C6.72 3 6.4 2.75 6.04 2.75H6.04C5.67 2.75 5.35 3 5.24 3.33L3.13 9.82C3.13 9.82 3.13 9.83 3.13 9.83L2.06 13.11C1.9 13.61 2.07 14.15 2.5 14.45L11.72 21.16C11.89 21.28 12.11 21.28 12.28 21.15L21.5 14.45C21.93 14.15 22.1 13.61 21.94 13.11M8.15 10.45L10.72 18.36L4.55 10.45M13.28 18.37L15.75 10.78L15.85 10.45H19.46L13.87 17.61M17.97 3.94L19.78 9.5H16.16M14.86 10.45L13.07 15.96L12 19.24L9.14 10.45M6.03 3.94L7.84 9.5H4.23M3.05 13.69C2.96 13.62 2.92 13.5 2.96 13.4L3.75 10.97L9.57 18.42M20.95 13.69L14.44 18.42L14.46 18.39L20.25 10.97L21.04 13.4C21.08 13.5 21.04 13.62 20.95 13.69"
/>
</svg>
<span>GitLab</span>
</a>
<a href="https://github.com/cravay">
<!-- https://materialdesignicons.com/icon/gitlab -->
<svg viewBox="0 0 24 24" aria-hidden="true">
<path
d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"
/>
</svg>
<span>GitHub</span>
</a>
</body>
</html>