-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
246 lines (144 loc) · 8.19 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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html class="no-js cv-wrapper" lang="en-nz">
<head>
<meta charset="utf-8">
<title>Laura Bunea's CV</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
document.documentElement.className = document.documentElement.className.replace("no-js", "js");
</script>
<link rel="stylesheet" href="static/css/styles.css">
<!-- Style block for tabbing outline in accessible way -->
<style class="accessTab"></style>
<link rel="apple-touch-icon" sizes="57x57" href="static/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="static/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href="https://fonts.googleapis.com/css?family=Martel:800,200" rel="stylesheet">
</head>
<body class=''>
<div class='[ wrapper ] site-content' >
<div class='[ section gutters ]'>
<div class=' [ grid grid--col-spacing ]'>
<div class='[ width-full width-1/4@medium ]'>
<div class="avatar">
<img src="static/images/laura.png" alt="Laura Bunea" class="u-img--responsive avatar__img" />
</div>
</div>
<div class='[ width-full width-3/4@medium ] cv-header'>
<h2 class="u-text-color-grey-xdark">
Laura Bunea
</h2>
<h4>Frontend engineer. Kid wrangler. Crafter.</h4>
<div class='[ grid ]'>
<div class='[ width-1/2@medium ]' >
<p>
<a href="mailto:[email protected]" class="u-text-color-grey-xdark u-font-size-s">
</a>
</p>
<p>
<a href="https://nz.linkedin.com/in/laura-bunea" class="u-text-color-grey-xdark u-font-size-s">
nz.linkedin.com/in/laura-bunea
</a>
</p>
</div>
<div class='[ width-1/2@medium ]' >
<p>
<a href="tel:+64274647458" class="u-text-color-grey-xdark u-font-size-s">027 464 7458</a>
</p>
<p>
<a href="https://github.com/laurarbunea" class="u-text-color-grey-xdark u-font-size-s">
github.com/laurarbunea
</a>
</p>
</div>
</div>
</div>
</div>
<hr />
<div class='rich-text component '>
<p>Over 6 years professional experience in frontend engineering and product delivery. Passionate about design systems and component libraries within companies.</p><p>
Over the last 4 years I’ve been fortunate enough to take some time off to travel the world with my young family. I’ve loved taking time off but I also love web development, and I am eager to be part of a team again to build beautiful web experiences.</p>
</div>
<div class='rich-text component '>
<h3>Professional skills</h3>
<ul>
<li>Strong design system background (pattern libraries, style guides and reusable components).</li>
<li>
Excellent grasp of CSS architecture at scale (BEM, ITCSS).
</li>
<li>Enjoy working as part of a team, particularly in agile environments.</li>
<li>Clear communicator with teams, stakeholders and customers.</li>
</ul>
</div>
<div class='rich-text component key-skills'>
<h3>Frameworks & Tools</h3>
<p>
<b>Tools:</b> Jira, Github, Miro, Photoshop, Figma, Trello, GSuite, Design Systems (Storybook)
</p>
<p>
<b>Technologies:</b> HTML, SCSS/CSS, Tailwind, ES6 JavaScript, React, Jquery, Django, Twig, NPM, Webpack
</p>
<!-- <p>Familiarity with PHP, Python, Django and Wagtail CMS.</p> -->
<!-- <p>Experience writing ES6/ES2015 JavaScript, using Node-based tooling (Babel, module bundlers).</p> -->
</div>
<div class='rich-text component employment-history'>
<h3>Employment history</h3>
<hr class='' />
<h4>Stay at home mum & personal projects <span class="u-font-normal ">( Dec 2017 - Present )</span></h4>
<p>
I've been fortunate enough to spend the last 4 years with my 2 beautiful daughters.
In this time I've been doing some side projects in order to maintain skills and learn new technologies.</p>
<p> <a href='http://bowsandcollars.co.nz'>http://bowsandcollars.co.nz</a> - I've built an online store for my kids clothing / accessory business.
</p>
<p><a href='http://flykids.nz'>http://flykids.nz</a> - Currently under development; an online marketplace for trading branded kids clothing. Developed using React, TailwindCSS and Storybook.
</p>
<hr class='' />
<h4>Frontend Engineer, Springload, Wellington <span class="u-font-normal ">( Nov 2012 - Nov 2017 )</span></h4>
<p >I built frontend code for responsive websites and applications, helped our frontend team write scalable, maintainable CSS, and ensured that websites were built in an accessible and progressively enhanced manner. Key projects included Xero's internal Customer Support Platform, <a href='https://www.nzta.govt.nz/'>NZTA</a>, <a href='https://www.nzonair.govt.nz/'>NZ on Air</a> and the <a href='https://www.kiwibank.co.nz/'>Kiwibank</a> public site, all of which were built with pattern libraries I spearheaded.</p><hr class='component' />
<h4>Frontend Engineer, Zing Design, Wellington <span class="u-font-normal ">( Jan 2012 - Nov 2012 )</span></h4>
<p>Responsible for building responsive websites, email templates, and WordPress sites. We were a very small team so it was important for me to be on top of new technologies and ideas as the industry developed. This helped me collaborate with our designer to provide better project design concepts.</p>
<hr class='' />
</div>
<div class='rich-text component '>
<h3>Education</h3>
<p><span class="u-font-bold">Diploma of Web Development</span> ( Natcoll Design Technology, 2011-2012 )</p>
<!-- <p class="stack-space">
Natcoll Design Technology, 2011-2012
</p> -->
<p class="mb-m"><span class="u-font-bold">Double Diploma in Architectural Draughting</span> ( Otago Polytech, 2004-2006 )</p>
<!-- <p >Otago Polytech, 2004-2006</p> -->
</div>
<hr class='component' />
<div class='rich-text component '>
<p >References available on request</p><p ><a href='static/laurabunea.pdf' class='hide-on-print'>Download this as PDF</a></p>
</div>
</div>
</div>
<!-- <div class="t-inverse t-inverse--bg ">
<div class='[ wrapper ] ' >
<div class='[ section gutters ] ' >
<div class='footer '>
<p class="u-text-color-grey-mid u-text-small u-text-right">Made with <span style='color:pink'>♥</span> 2018</p>
</div>
</div>
</div>
</div> -->
<script src="static/js/site.js"></script>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
</body>
</html>