-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (137 loc) · 7.89 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
<!DOCTYPE html>
<html amp>
<head>
<link rel="canonical" href="self.html" />
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style>.min-vh-22{min-height: 22vh;}.min-vh-6{min-height: 6vh;}</style>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>Justen's CV</title>
</head>
<body class="helvetica fw3">
<header class="tc bg-light-green pa2">
<div class="inline-flex items-center">
<amp-img class="br-100" width="150" height="150" src="https://avatars1.githubusercontent.com/u/11725595?v=4&u=223c17306393cf8040ab76345ad8666c99360295&s=400" alt="Justen Barget profile image">
<noscript>
<img class="br-100" src="https://avatars1.githubusercontent.com/u/11725595?v=4&u=223c17306393cf8040ab76345ad8666c99360295&s=400" width="150" height="150" />
</noscript>
</amp-img>
<h1 class="ml3 f3 fw3">Justen Barget </h1>
</div>
<p class="pl2 pr2">I’m Justen, a Javascript and Elixir developer based in London (happy to work remotely). I love all things code, education, design,
travelling and languages. I am a mentor at the <a href='http://www.foundersandcoders.com' target='_blank'>Founders & Coders</a> collective and a
member of the <a href='http://www.dwyl.com' target='_blank'>DWYL</a> freelancer community.</p>
</header>
<ul class='list flex flex-wrap pl0 justify-center'><li class="ba br-pill b--black-10 di pa2 ma2 ">node</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">elixir</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">phoenix</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">react</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">redux</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">hapi</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">express</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">AWS</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">mongoDB</li>
<li class="ba br-pill b--black-10 di pa2 ma2 ">redis</li>
</ul>
<div class="ba b--light-gray ma2"></div>
<div class="pa2 fw3">
<div>
<h2 class='ttu fw4 tc'>Work</h2>
<div class='flex flex-wrap justify-center'>
<div class="w-50-ns w-100 pl2 pr2 tc">
<div>
<p class="di-l underline"><a href='https://www.emoticast.com' target='_blank'>Emoticast</a></p>
<p class=" di-l black-40 no-underline">Jan 2018 - present</p>
</div>
<p>Full stack developer working mainly on frontend</p>
</div>
<div class="w-50-ns w-100 pl2 pr2 tc">
<div>
<p class="di-l underline"><a href='https://www.authored.io' target='_blank'>Authored</a></p>
<p class=" di-l black-40 no-underline">June 2016 - Jan 2018</p>
</div>
<p>Full stack developer working across 2 projects</p>
</div>
<div class="w-50-ns w-100 pl2 pr2 tc">
<div>
<p class="di-l underline"><a href='https://www.dwyl.com' target='_blank'>DWYL</a></p>
<p class=" di-l black-40 no-underline">Nov 2016 - present</p>
</div>
<p>Full stack developer working on multiple projects</p>
</div>
<div class="w-50-ns w-100 pl2 pr2 tc">
<div>
<p class="di-l underline"><a href='https://www.facebook.com/MrNoScrubs/' target='_blank'>No Scrubs</a></p>
<p class=" di-l black-40 no-underline">Nov 2011 - June 2015</p>
</div>
<p>Founded an events company that ran in 4 cities around the UK</p>
</div>
</div> <div>
<h2 class='ttu fw4 tc mb4'>Projects</h2>
<div class='flex flex-wrap justify-center'>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l"><a class='underline' href='https://github.com/dwyl/tudo' target='_blank'>DWYL - Help Wanted</a>:</p>
<p class=" di-l black-40 no-underline"> Elixir, Phoenix, Taychons, Postgres</p>
</div>
<p class="pl2 pr2">Dashboard to allow users to contribute easily to open source projects</p>
</div>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l"><a class='underline' href='https://www.authored.io' target='_blank'>Authored.io</a>:</p>
<p class=" di-l black-40 no-underline"> Node (Express), React, Redux</p>
</div>
<p class="pl2 pr2">A platform to allow journalists to create, curate and deliver content easily</p>
</div>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l">Financial Times - Tag Metrics API:</p>
<p class=" di-l black-40 no-underline"> AWS Lambda, Elasticsearch, AWS API Gateway</p>
</div>
<p class="pl2 pr2">A high throughput API to provide consumers with articles' tagging metrics (page views for a tag, trending tags, etc...)</p>
</div>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l"><a class='underline' href='https://github.com/jbarget/cv-amp' target='_blank'>CvAmp</a>:</p>
<p class=" di-l black-40 no-underline"> Elixir, Taychons</p>
</div>
<p class="pl2 pr2">A JSON cv builder that produces mobile-first valid AMP HTML, used to build this CV</p>
</div>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l"><a class='underline' href='http://dni.authored.io' target='_blank'>Authored DNI</a>:</p>
<p class=" di-l black-40 no-underline"> Node (Express), AWS Lambda, React, AWS API Gateway</p>
</div>
<p class="pl2 pr2">Google funded research project, in conjunction with The Financial Times, into delivering feedback via notifications to improve workflow</p>
</div>
<div class="w-50-ns w-100 min-vh-22 tc">
<div>
<p class="di-l"><a class='underline' href='https://www.odysseon.com' target='_blank'>Odysseon</a>:</p>
<p class=" di-l black-40 no-underline"> Node (Express), React, Alt</p>
</div>
<p class="pl2 pr2">Adventure travel platform connecting guides and travellers</p>
</div>
</div></div><div><h2 class='ttu fw4 tc'>Extra Things</h2><ul class='cf pr3'> <li class="fl w-50-ns w-100 min-vh-6 pr4">Mentoring: Helped set up and mentor Founders & Coders Nazareth</li>
<li class="fl w-50-ns w-100 min-vh-6 pr4">Languages: English, Spanish</li>
<li class="fl w-50-ns w-100 min-vh-6 pr4">Cooking: I enjoy cooking a lot</li>
</ul></div><div class='pa2'><h2 class='ttu fw4 tc'>Education</h2><div class="tc">
<p>University of Bristol</p>
<p>Chemistry, 1st Class Honours</p>
</div>
</div><div class='pa2'><h2 class='ttu fw4 tc'>References</h2><div class="tc">
<p><a href='https://github.com/sofer' target='_blank'>Dan Sofer</a></p>
<p>Justen, is a first-class developer with a first-class attitude. I can recommend him without reservation.</p>
</div>
<div class="tc">
<p><a href='https://github.com/nelsonic' target='_blank'>Nelson Correia</a></p>
<p>Words that comes to mind when I think of Justen: Genuine, natural, talented, can-do, focussed, fast-learner, teacher, humble, patience, quiet, humorous, reliable, punctual, well-spoken, empathetic, caring, team-player, leader.
</br>
He does not fit any text-book 'personality type'. He is well-rounded, grounded and determined and turns his hand to anything in his pursuit of understanding and overcoming a challenge.
He is joy to work with and an asset to any team; I would be delighted to work/learn with him again!</p>
</div>
</div></div><footer class="f6 tc bg-light-green ma0 pa2">Made with Google AMP ⚡</footer>
</body>
</html>