-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (128 loc) · 8.25 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 lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Faye Butler Portfolio Site</title>
<meta name="description" content="A portfolio site for Faye Butler">
<link href="https://fonts.googleapis.com/css?family=Gentium+Basic|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="favicon.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon.ico/favicon-16x16.png">
<link rel="manifest" href="favicon.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon.ico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="header">
<a href="index.html"><div id="header-img">
<img src="images/profile.jpg" />
</div></a>
<a href="index.html"><div id="header-text">
<h1>Faye Butler</h1>
<a href="mailto:[email protected]"><p>[email protected]</p></a>
<p id="contact"><a href="https://github.com/fayebutler" target="_blank"><i class="fab fa-github"></i></a> <a href="https://www.linkedin.com/in/faye-butler-579112a0/" target="_blank"><i class="fab fa-linkedin"></i></a> <a href="https://www.instagram.com/fayealexandrabutler/" target="_blank"><i class="fab fa-instagram"></i></a></p>
</div></a>
</div>
<div id="main">
<div class="section">
<div class="section-header">
<h2>Profile</h2>
</div>
<div class="section-text">
<p>I’ve recently returned from travelling the United States for two months and I’m eager to get back to working.
I’m looking to develop my backend skills further within a larger team and a company where there is room to grow.
I love working on innovative ideas and trying new technologies, whether it's a new language, piece of software or hardware.</p>
</div>
</div>
<div class="section">
<div class="section-header">
<h2>Qualifications</h2>
</div>
<div class="section-text">
<div class="experience-section">
<h4>Bournemouth University (SEPT 2012 - JUNE 2015)</h4>
<ul>
<li>2:1 in BA (Hons) Computer Visualisation & Animation</li>
<li>See some of my university projects <a href="education.html">here</a></li>
</ul>
</div>
<div class="experience-section">
<h4>Chesham Grammar School (2005-2012)</h4>
<ul>
<li>A-Levels in Graphic Design, Maths, Psychology & Physics</li>
<li>GCSE’s 12 A*-C Grades</li>
</ul>
</div>
</div>
</div>
<div class="section">
<div class="section-header">
<h2>Experience</h2>
</div>
<div class="section-text">
<div class="experience-section">
<h4>Full Stack Developer - <a href="https://toaster.co/" target="_blank">Toaster</a>, London (August 2018 - August 2019)</h4>
<p>I worked in a small team developing in-house tools and large websites for Google using Python and GCP.</p>
<p>Main Roles</p>
<ul>
<li>Developed a command line tool using python and Django for releasing all projects</li>
<li>Developed the <a href="https://github.com/toasterco/gae-secure-scaffold-python" target="_blank">Secure Scaffold</a> project using Python and Flask for Google websites, to be used by us and other agencies to aid in required security considerations.</li>
<li>Created and helped architect websites for Google including <a href="http://premierpartnerawards.withgoogle.com/" target="_blank">Premier Partner Awards</a> and <a href="https://www.google.com/retail/" target="_blank">Google Retail</a></li>
</ul>
</div>
<div class="experience-section">
<h4>Developer - <a href="http://thinkjam.com/" target="_blank">Think Jam</a>, London (Oct 2016 - Apr 2018)</h4>
<p>I was initially hired as a Junior Developer but promoted to Developer after my first year. I worked in a team of three to create HTML5 adverts and bespoke advertising creative for our clients and tools for our internal teams.</p>
<p>Main Roles</p>
<ul>
<li>Creating HTML5 ads for various clients, including 20th Century Fox, Warner Bros and Netflix from photoshop files</li>
<li>Using multiple ad platforms: Sizmek, DoubleClick, Adform, Monet and Celtra</li>
<li>Maintaining and building Wordpress sites from scratch for internal projects</li>
<li>Creating and managing in-house tools to help improve work efficiency</li>
</ul>
<p>Key Projects</p>
<ul>
<li>I developed a <a href="https://premiere.wonderwomanfilm.com/intl/uk/" target="_blank">progressive web app</a> for the Wonder Woman premieres</li>
<li>Using Facebook’s AR Studio I created an AR filter for ABC’s The Good Doctor</li>
<li>I created a point and shoot batman <a href="https://dev.thinkjam.com/justice_league_vr/" target="_blank">web VR game</a> using A-Frame for a Justice League pitch</li>
<li>Utilising a web hook and the Twitter API, I developed a direct message <a href="https://twitter.com/fayestestbot" target="_blank">Twitter bot</a>. See the code <a href="https://github.com/fayebutler/twitter_dm_bot" target="_blank">here</a></li>
</ul>
<p>See more detailed info on these projects and more from my time at Think Jam <a href="experience.html">here</a>.</p>
</div>
<div class="experience-section">
<h4>Trainee Developer - <a href="http://www.gamer-network.net/ " target="_blank">Gamer Network</a>, Brighton (Oct 2015 - Oct 2016)</h4>
<p>I worked for a year as Trainee Developer for a company that hosts and maintains game journalism websites in a team of 8.</p>
<p>Main Roles</p>
<ul>
<li>I refactored and improved a statistics tool that creates and sends reports from Google Analytics data, involves aggregating and organising a large amount of data from different properties. See the code <a href="https://github.com/gamernetwork/gastatsdash" target="_blank">here</a></li>
<li>Created a one page event website, <a href="http://www.strikeclub.uk" target="_blank">Strikeclub</a>. See the code <a href="https://github.com/gamernetwork/strikeclub.uk" target="_blank">here</a></li>
<li>Creating adverts to go on multiple sites, using HTML/CSS/javascript in DFP</li>
<li>Maintaining and creating features for Wordpress and PHP websites</li>
<li>Developed a Google Analytics user management tool. See the code <a href="https://github.com/gamernetwork/gamgmt" target="_blank">here</a></li>
</ul>
</div>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
crossorigin="anonymous"></script>
<script src="js/main.js" async></script>
</body>
</html>