-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
218 lines (200 loc) · 14 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111470321-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111470321-1');
</script>
<!-- @see https://megatags.co -->
<!-- Common tags -->
<meta charset="utf-8">
<title>epok.tech | code ∩ creative ∩ art</title>
<!-- Search Engine -->
<meta name="description" content="Portfolio of Eoghan O'Keeffe [oʊən oʊkif] code ∩ creative ∩ art @ epok.tech">
<meta name="image" content="https://keeffeoghan.github.io/build/images/epok-wings.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="epok.tech | code ∩ creative ∩ art">
<meta itemprop="description" content="Portfolio of Eoghan O'Keeffe [oʊən oʊkif] code ∩ creative ∩ art @ epok.tech">
<meta itemprop="image" content="https://keeffeoghan.github.io/build/images/epok-wings.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta property="og:title" name="og:title" content="epok.tech | code ∩ creative ∩ art">
<meta property="og:description" name="og:description" content="Portfolio of Eoghan O'Keeffe [oʊən oʊkif] code ∩ creative ∩ art @ epok.tech">
<meta property="og:image" name="og:image" content="https://keeffeoghan.github.io/build/images/epok-wings.png">
<meta property="og:url" name="og:url" content="https://keeffeoghan.github.io">
<meta property="og:site_name" name="og:site_name" content="epok.tech">
<meta property="og:locale" name="og:locale" content="en_GB">
<meta name="fb:admins" content="100001587181938">
<meta property="og:type" name="og:type" content="website">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, target-densitydpi=device-dpi">
<link rel="stylesheet" type="text/css" href="./build/css/index.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body class="epok-folio--intro-run">
<!-- <img class="epok-logo" title="epok" src="./build/images/epok.svg"/> -->
<svg class="epok-logo" title="epok" viewBox="0 0 652 250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g class="epok-logo__Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g class="epok-logo__background" transform="translate(11.000000, 64.000000)" stroke-linecap="square" stroke="#FFFFFF" stroke-width="11" stroke-linejoin="bevel">
<g class="epok-logo__background-o" transform="translate(344.000000, 0.000000)">
<circle class="epok-logo__background-0" cx="60" cy="60" r="60"></circle>
</g>
<g class="epok-logo__background-k" transform="translate(524.000000, 0.000000)">
<path d="M-3.12638804e-13,119.5 L-3.12638804e-13,0" class="epok-logo__background-1"></path>
<path d="M103.69159,0.5 L0.182412007,60.2168332 L104.386719,120.369141" class="epok-logo__background-2"></path>
</g>
<g class="epok-logo__background-p" transform="translate(164.000000, 0.000000)">
<path d="M0,120 C0,120 23.8105469,119.076172 60,120 C96.1894531,120.923828 120,86.2875118 120,60 C120,26.862915 93.137085,0 60,0 C26.862915,0 6.12010442e-13,26.862915 6.12010442e-13,60 C6.12010442e-13,71.8934844 0,165.128906 0,165.128906" class="epok-logo__background-3"></path>
</g>
<g class="epok-logo__background-e">
<path d="M27.0480052,12.2371511 L86.3851219,115.821443 C104.007854,105.369323 115.821443,86.153546 115.821443,64.1785573 C115.821443,31.0414723 88.9585277,4.17855731 55.8214427,4.17855731 C22.6843577,4.17855731 -4.17855731,31.0414723 -4.17855731,64.1785573" class="epok-logo__background-4" transform="translate(55.821443, 60.000000) rotate(-90.000000) translate(-55.821443, -60.000000) "></path>
</g>
</g>
<g class="epok-logo__draw" transform="translate(11.000000, 64.000000)" stroke-linecap="square" stroke="#000000" stroke-width="10" stroke-linejoin="bevel">
<g class="epok-logo__draw-o" transform="translate(344.000000, 0.000000)">
<circle class="epok-logo__draw-0" cx="60" cy="60" r="60"></circle>
</g>
<g class="epok-logo__draw-k" transform="translate(524.000000, 0.000000)">
<path d="M-2.84217094e-13,119.5 L-2.84217094e-13,0" class="epok-logo__draw-1"></path>
<path d="M103.69159,0.5 L0.182412007,60.2168332 L104.386719,120.369141" class="epok-logo__draw-2"></path>
</g>
<g class="epok-logo__draw-p" transform="translate(164.000000, 0.000000)">
<path d="M0,120 C0,120 23.8105469,119.076172 60,120 C96.1894531,120.923828 120,86.2875118 120,60 C120,26.862915 93.137085,0 60,0 C26.862915,0 6.12010442e-13,26.862915 6.12010442e-13,60 C6.12010442e-13,71.8934844 0,165.128906 0,165.128906" class="epok-logo__draw-3"></path>
</g>
<g class="epok-logo__draw-e">
<path d="M27.0480052,12.2371511 L86.3851219,115.821443 C104.007854,105.369323 115.821443,86.153546 115.821443,64.1785573 C115.821443,31.0414723 88.9585277,4.17855731 55.8214427,4.17855731 C22.6843577,4.17855731 -4.17855731,31.0414723 -4.17855731,64.1785573" class="epok-logo__draw-4" transform="translate(55.821443, 60.000000) rotate(-90.000000) translate(-55.821443, -60.000000) "></path>
</g>
</g>
<g class="epok-logo__build" opacity="0.495584239" transform="translate(10.000000, 4.000000)" stroke="#7F7F97">
<circle class="epok-logo__build-0 epok-logo__build-part" cx="345" cy="120" r="120"></circle>
<circle class="epok-logo__build-1 epok-logo__build-part" cx="405" cy="120" r="60"></circle>
<path d="M0.483916012,179.666667 L630,179.666667" class="epok-logo__build-2 epok-logo__build-part" stroke-linecap="square"></path>
<path d="M629.69159,60.5 L422.5,180.033609" class="epok-logo__build-3 epok-logo__build-part" stroke-linecap="square" transform="translate(526.095795, 120.266805) scale(-1, -1) translate(-526.095795, -120.266805) "></path>
<path d="M0.483916012,59.6666667 L630,59.6666667" class="epok-logo__build-4 epok-logo__build-part" stroke-linecap="square"></path>
<path d="M629.69159,60.5 L422.5,181.033609" class="epok-logo__build-5 epok-logo__build-part" stroke-linecap="square" transform="translate(526.095795, 120.766805) scale(-1, 1) translate(-526.095795, -120.766805) "></path>
<path d="M525.5,180.5 L525.5,60" class="epok-logo__build-6 epok-logo__build-part" stroke-linecap="square"></path>
<path d="M448.5,60.5 L164.5,223.5" class="epok-logo__build-7 epok-logo__build-part" stroke-linecap="square"></path>
<circle class="epok-logo__build-8 epok-logo__build-part" cx="225" cy="120" r="60"></circle>
<path d="M164.5,223.5 L164.5,120" class="epok-logo__build-9 epok-logo__build-part" stroke-linecap="square"></path>
<path d="M165.009178,120.316776 L61.5,180.033609" class="epok-logo__build-10 epok-logo__build-part" stroke-linecap="square" transform="translate(113.254589, 150.175193) scale(-1, -1) translate(-113.254589, -150.175193) "></path>
<circle class="epok-logo__build-11 epok-logo__build-part" cx="61" cy="120" r="60"></circle>
<path d="M112.009178,89.3167762 L8.5,149.033609" class="epok-logo__build-12 epok-logo__build-part" stroke-linecap="square" transform="translate(60.254589, 119.175193) scale(-1, -1) translate(-60.254589, -119.175193) "></path>
<path d="M62.0091775,149.300678 L8.73876399,180.033609" class="epok-logo__build-13 epok-logo__build-part" stroke-linecap="square" transform="translate(35.373971, 164.667144) scale(1, -1) translate(-35.373971, -164.667144) "></path>
</g>
</g>
</svg>
<article class="epok-folio__intro">
<h1 class="epok-folio__tag epok-folio__name">
Eoghan O'Keeffe
<a class="epok-folio__link" target="_blank"
href="http://ipa-reader.xyz/?text=%C9%99%CA%8A%C9%99n%20%C9%99%CA%8A%CB%88ki%CB%90f"
><em class="epok-folio__glyph">[əʊən əʊˈkiːf]</em></a>
code
<i class="epok-folio__glyph">∩</i>
creative
<i class="epok-folio__glyph">∩</i>
art
<i class="epok-folio__glyph">@</i>
<a class="epok-folio__link" href="#">epok.tech</a>
</h1>
<h2 class="epok-folio__tag epok-folio__promo">
<i class="epok-folio__glyph">Latest...</i>
<a class="epok-folio__link" target="_blank"
href="https://epok.tech/locus"><em>Locus</em>, upcoming artwork crowdfunding @ Artizen</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://www.olta.art/project/0x6d24ce4c32e556313b431fb156edf2060680a998"><em>Peer into the Flow</em>, NFT series @ Olta</a>
</h2>
<h2 class="epok-folio__tag epok-folio__more">
<a class="epok-folio__link" target="_blank"
href="https://epoktech.notion.site/CV-2feccf5f5ad84936a6205df6dbd347d5">See work on the CV...</a>
<i class="epok-folio__glyph">and more on...</i>
<a class="epok-folio__link" target="_blank"
href="https://www.instagram.com/epok.tech/">Instagram</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://www.youtube.com/@epok-tech">YouTube</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://www.facebook.com/epok.tech">Facebook</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://twitter.com/@epok_tech">Twitter</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://github.com/keeffeoghan">GitHub</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://gitlab.com/keeffeoghan">GitLab</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://www.linkedin.com/in/epok-tech/">LinkedIn</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://the-dots.com/users/eoghan-o-keeffe-411162">The Dots</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://workingnotworking.com/epok-tech">Working / Not Working</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://uk.yunojuno.com/p/epok-tech">YunoJuno</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://wellpaid.io/contractor/eoghan-okeeffe-b540f12">Wellpaid</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://hired.com/x/27e86">Hired</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="https://remote.com/eoghanokeeffe">Remote</a>
<i class="epok-folio__glyph">~</i>
<a class="epok-folio__link" target="_blank"
href="mailto:[email protected]">[email protected]</a>
</h2>
</article>
<section class="epok-folio__demo">
<canvas class="epok-light" touch-action="none"></canvas>
<div class="epok-main-controls">
<button class="epok-quality-stepper epok-main-control">
<i class="epok-quality-level material-icons epok-tooltip hint--bottom-right" aria-label="Visuals quality: normal">hdr_weak</i>
<i class="epok-quality-level epok-hide material-icons epok-tooltip hint--bottom-right" aria-label="Visuals quality: high">hdr_strong</i>
</button>
<button class="epok-fullscreen-button epok-main-control epok-tooltip hint--bottom-right" aria-label="Fullscreen">
<i class="material-icons">aspect_ratio</i>
</button>
<button class="epok-editor-button epok-main-control epok-tooltip hint--bottom-right" aria-label="Toggle the edit panel">
<i class="material-icons">tune</i>
</button>
<a class="epok-a epok-video-button epok-main-control epok-tooltip hint--bottom-right" aria-label="See the video" href="https://youtu.be/LFqM5n74w9Y" target="_blank">
<i class="material-icons">ondemand_video</i>
</a>
<a class="epok-a epok-link-button epok-main-control epok-tooltip hint--bottom-right" aria-label="See the Tendrils project" href="https://epok.tech/tendrils" target="_blank">
<i class="material-icons">arrow_forward</i>
</a>
</div>
<div class="epok-audio-controls">
<div class="epok-play-state">
<input class="epok-play-toggle" type="checkbox"/>
<span class="epok-play-indicator"></span>
</div>
<input class="epok-progress" type="range" value="0" min="0" max="1" touch-action="auto"/>
<span class="epok-current time-text">-</span> / <span class="epok-total time-text">-</span>
</div>
</section>
<script type="text/javascript" src="./build/js/index.js"></script>
</body>
</html>