-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (144 loc) · 7.7 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/style.css" />
<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.svg" />
<base href="/" />
<title>Paul Amoah</title>
</head>
<body>
<template class="template-content">
<style>
h1 {
font-size: 1.5rem;
color: var(--primary-stroke);
}
h2 {
font-size: 1.3rem;
color: var(--primary-stroke);
}
h3,
h4,
h5,
h6 {
font-size: 1.1rem;
color: var(--primary-stroke);
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-top: 0.5rem;
padding-bottom: 1rem;
}
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
content: "# ";
color: var(--primary-accent);
}
p,
div,
ul,
ol {
color: var(--secondary-stroke);
}
p,
pre,
div {
font-size: 1rem;
padding-top: 0.5rem;
padding-bottom: 1.5rem;
}
ul,
ol {
padding-bottom: 1.5rem;
}
li {
padding: 0.1rem;
font-size: 1rem;
}
ul {
padding-left: 1.25rem;
}
ol {
padding-left: 1.75rem;
}
a {
color: var(--secondary-stroke);
}
a:hover {
text-decoration-color: var(--primary-accent);
color: var(--primary-accent);
text-decoration-thickness: 0.15rem;
}
.last-updated,
.article-date {
color: var(--tertiary-stroke);
margin-top: -0.5rem;
padding-top: 0rem;
padding-bottom: 1.75rem;
font-size: 0.9rem;
}
.article-date {
font-weight: bold;
}
.last-updated {
margin-top: -1.3rem;
}
.last-updated::before {
content: "Last Updated: ";
}
</style>
<!-- please do not edit the contents of the the `div` tag below. it is used to render and style the markdown content -->
<div class="template-content"><style>
.social-icon {
text-decoration: none;
padding-bottom: 1.5rem;
margin-right: 0.5rem;
}
.social-icon svg {
height: 1.75rem;
}
</style>
<h1>Hi there!</h1>
<p>I'm Paul. I <a href="/pages/projects/index.html">build stuff</a> while <a href="https://open.spotify.com/user/31s5ydr7seg6skwswz7gldckngxq">listening to music</a>.</p>
<p>Welcome to my side of the internet. While you're here, have a look a my <a href="/pages/projects/index.html">projects</a> and <a href="/pages/posts/index.html">posts</a>.</p>
<!-- icons from https://icones.js.org -->
<p>
<a href="mailto:[email protected]" title="Email" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20H4Zm8-7.175q.125 0 .263-.038t.262-.112L19.6 8.25q.2-.125.3-.312t.1-.413q0-.5-.425-.75T18.7 6.8L12 11L5.3 6.8q-.45-.275-.875-.012T4 7.525q0 .25.1.438t.3.287l7.075 4.425q.125.075.263.113t.262.037Z"/></svg>
</a>
<a href="https://www.twitter.com/iampaul_a" title="Twitter" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23Z"/></svg>
</a>
<a href="https://www.github.com/paglobal" title="GitHub" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>
</a>
<a href="https://www.linkedin.com/in/paglobal/" title="LinkedIn" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77Z"/></svg>
</a>
<a href="https://docs.google.com/document/d/1sRT3V9DicQaovMPYqS1eYUZIKzHVRWt8szf0FPZvcZU/edit?usp=sharing" title="Resume" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path fill="currentColor" d="M249.18 328.324c-9.788 15.384-19.179 30.434-40.222 45.055c-11.256 7.89-37.164 23.306-73.99 23.306C64.709 396.685 8 345.605 8 255.801c0-78.486 53.345-140.486 128.466-140.486c30.434 0 57.474 10.521 77.387 26.304c18.414 14.65 27.038 29.304 34.563 42.456l-52.58 26.273c-3.762-8.626-8.29-17.649-19.913-27.406c-12.784-10.155-25.54-13.152-36.46-13.152c-42.821 0-65.364 39.825-65.364 84.145c0 58.238 29.7 87.143 65.364 87.143c34.563 0 48.48-24.042 57.474-39.426zm184.194-204.75H504l-92.037 265.22h-67.597l-90.904-265.22h70.625l54.843 188.6z"/></svg>
</a>
<a href="https://docs.google.com/document/d/1LVqGjrtyUqVdvQdTAJVlhOZOGNpXll0vSfyxT9TXESU/edit?usp=sharing" title="Academic CV" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M5 13.18v2.81c0 .73.4 1.41 1.04 1.76l5 2.73c.6.33 1.32.33 1.92 0l5-2.73c.64-.35 1.04-1.03 1.04-1.76v-2.81l-6.04 3.3c-.6.33-1.32.33-1.92 0zm6.04-9.66l-8.43 4.6c-.69.38-.69 1.38 0 1.76l8.43 4.6c.6.33 1.32.33 1.92 0L21 10.09V16c0 .55.45 1 1 1s1-.45 1-1V9.59c0-.37-.2-.7-.52-.88l-9.52-5.19a2.04 2.04 0 0 0-1.92 0"/></svg>
</a>
<a href="https://www.youtube.com/@paglobal" title="YouTube" target="_blank" class="social-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="32" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597c-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821c11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305m-317.51 213.508V175.185l142.739 81.205z"/></svg>
</a>
</p>
</div>
</template>
<style class="shell-style-sheet"></style>
<div class="shell-html"></div>
<script src="/app.js"></script>
</body>
</html>