epok.tech | code ∩ creative ∩ art

<!DOCTYPE html> <html lang="en"> <head>  <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>   <meta charset="utf-8"> <title>epok.tech | code ∩ creative ∩ art</title>  <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">  <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">  <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">  <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">  <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> </h2> <h2 class="epok-folio__tag epok-folio__more"> <a class="epok-folio__link" target="_blank" href="https://epok-tech.notion.site/CV-2feccf5f5ad84936a6205df6dbd347d5?pvs=4">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:epok.tech@gmail.com">epok.tech@gmail.com</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>

CINXE.COM

epok.tech | code ∩ creative ∩ art