-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (89 loc) · 5.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta
name="Description"
content="danharris.io - portfolio site for Dan Harris - full-stack dev 🤓, grad advocate 👩🎓, beer enthusiast 🍺"
/>
<meta name="theme-color" content="#5e548e" />
<link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png" />
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" />
<title>danharris.io - web perf</title>
<style>
@font-face {
font-family: 'Fira Code';
src: url('./assets/fonts/FiraCode-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('./assets/fonts/FiraCode-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('./assets/fonts/FiraCode-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('./assets/fonts/FiraCode-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'FuraCode Nerd Font Mono';
src: url('./assets/fonts/Fura-Code-Retina-Nerd-Font-Complete-Mono.woff') format('woff');
font-weight: 400;
font-style: normal;
}
/* quick hack to put fira code as the prism display font */
pre.prism-code.builtin-prism-theme {
font-family: 'FuraCode Nerd Font Mono', 'Fira Code';
}
footer {
position: fixed;
bottom: 1rem;
right: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0.5rem 5.5rem 0.5rem 0.5rem;
font-family: 'Fira Sans', sans-serif;
display: flex;
}
footer .twitter-logo {
width: 50px;
height: 50px;
position: absolute;
right: 1em;
top: 0em;
}
.css-5t5wsi.e12weced4 {
bottom: 1.25rem;
}
</style>
</head>
<body>
<div id="root"></div>
<script src="./dist/bundle.js"></script>
<footer>
@danharris_io
<div class="twitter-logo">
<svg viewBox="0 -47 512.00004 512" xmlns="http://www.w3.org/2000/svg">
<path
d="m512 55.964844c-32.207031 1.484375-31.503906 1.363281-35.144531 1.667968l19.074219-54.472656s-59.539063 21.902344-74.632813 25.820313c-39.640625-35.628907-98.5625-37.203125-140.6875-11.3125-34.496094 21.207031-53.011719 57.625-46.835937 100.191406-67.136719-9.316406-123.703126-41.140625-168.363282-94.789063l-14.125-16.964843-10.554687 19.382812c-13.339844 24.492188-17.769531 52.496094-12.476563 78.851563 2.171875 10.8125 5.863282 21.125 10.976563 30.78125l-12.117188-4.695313-1.4375 20.246094c-1.457031 20.566406 5.390625 44.574219 18.320313 64.214844 3.640625 5.53125 8.328125 11.605469 14.269531 17.597656l-6.261719-.960937 7.640625 23.199218c10.042969 30.480469 30.902344 54.0625 57.972657 67.171875-27.035157 11.472657-48.875 18.792969-84.773438 30.601563l-32.84375 10.796875 30.335938 16.585937c11.566406 6.324219 52.4375 27.445313 92.820312 33.78125 89.765625 14.078125 190.832031 2.613282 258.871094-58.664062 57.308594-51.613282 76.113281-125.03125 72.207031-201.433594-.589844-11.566406 2.578125-22.605469 8.921875-31.078125 12.707031-16.964844 48.765625-66.40625 48.84375-66.519531zm-72.832031 48.550781c-10.535157 14.066406-15.8125 32.03125-14.867188 50.578125 3.941407 77.066406-17.027343 136.832031-62.328125 177.628906-52.917968 47.660156-138.273437 66.367188-234.171875 51.324219-17.367187-2.722656-35.316406-8.820313-50.171875-14.910156 30.097656-10.355469 53.339844-19.585938 90.875-37.351563l52.398438-24.800781-57.851563-3.703125c-27.710937-1.773438-50.785156-15.203125-64.96875-37.007812 7.53125-.4375 14.792969-1.65625 22.023438-3.671876l55.175781-15.367187-55.636719-13.625c-27.035156-6.621094-42.445312-22.796875-50.613281-35.203125-5.363281-8.152344-8.867188-16.503906-10.96875-24.203125 5.578125 1.496094 12.082031 2.5625 22.570312 3.601563l51.496094 5.09375-40.800781-31.828126c-29.398437-22.929687-41.179687-57.378906-32.542969-90.496093 91.75 95.164062 199.476563 88.011719 210.320313 90.527343-2.386719-23.183593-2.449219-23.238281-3.074219-25.445312-13.886719-49.089844 16.546875-74.015625 30.273438-82.453125 28.671874-17.621094 74.183593-20.277344 105.707031 8.753906 6.808593 6.265625 16.015625 8.730469 24.632812 6.589844 7.734375-1.921875 14.082031-3.957031 20.296875-6.171875l-12.9375 36.945312 16.515625.011719c-3.117187 4.179688-6.855469 9.183594-11.351562 15.183594zm0 0"
/>
</svg>
</div>
</footer>
</body>
</html>