-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
240 lines (204 loc) · 9.61 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/expanding.css">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.popupoverlay.js"></script>
<title>Paul Johnson</title>
<script type="text/javascript">
window.addEventListener('load',activateBox,false);
function activateBox() {
document.getElementById("slide").checked = true;
}
</script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if ($(this).attr('href').indexOf("popup") >= 0){
}
else if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top -60
}, 1000);
return false;
}
}
});
});
</script>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
<script type="text/javascript">
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
window.location = "./aboutm.html";
}
</script>
<div class="undermenu">
<div class="menu top left horizontal blue">
<input id="slide" name="slide" type="checkbox">
<label for="slide" class="icon open">
<i class="fa fa-bars cornericon"></i>
</label>
<nav class="navigation">
<ul>
<li>
<a href="index.html">
<ul>
<li><i class="fa fa-home"></i></li>
<li><span>home</span></li>
</ul>
</a>
</li>
<li class="active">
<a href="">
<ul>
<li><i class="fa fa-user"></i></li>
<li><span>about</span></li>
</ul>
</a>
</li>
<li>
<a href="portfolio.html">
<ul>
<li><i class="fa fa-camera"></i></li>
<li><span>portfolio</span></li>
</ul>
</a>
</li>
<li>
<a href="blog.html">
<ul>
<li><i class="fa fa-bookmark"></i></li>
<li><span>blog</span></li>
</ul>
</a>
</li>
<li>
<a href="#popupContact" class="popupContact_open">
<ul>
<li><i class="fa fa-send"></i></li>
<li><span>contact</span></li>
</ul>
</a>
</li>
</ul>
</nav>
</div>
</div>
<article class="topbox">
<div id="topbar"></div>
<h1>About Me</h1>
<img class="picofme" src="images/me.png" alt="picture of me"></img>
<div class="desc">
Hi, I'm Paul Johnson. I'm an IT consultant and have a passion for all things technology! I graduated from Bath University with a 2.1 in Computer Science and Mathematics in June 2014, which included a years placement at GlaxoSmithKline as an SAP consultant. Since then I've worked for Fujitsu, testing a wide variety of systems, including Unix, Oracle DB, Windows Servers and IBM administration tools.
</div>
</article>
<article class="articlehead edu">
<h2>Education</h2>
<div class="edutext">
<p>In September 2010, I started my degree in Computer Science and Mathematics at the University of Bath. I had no prior knowledge of programming and was quickly throw head first into Python and Java. I learnt so much there and after 4 years of blood, sweat, tears (and laughs) I graduated with a 2.1 BSc (Hons).</p>
<p>As my degree was joint computing and maths, the majority of modules I took were in programming, however I did have a chance to do some work with computer graphics and computer vision. I've dabbled with the following: Java, C, C++, Python, C#, OpenGL, Lisp, Visual Basic and MatLab.
</p>
<br/>
<img width="30%" src="images/uoblogowhite.png"></img>
</div>
</article>
<article class="articlehead exp">
<h2>Experience</h2>
<div class="edutext">
<p>For the third year of my degree, in 2012, I took a placement at GlaxoSmithKline Pharmaceuticals. They had recently invested in a complete global SAP environment to replace all the fragmented environments they were left with through various mergers and acquisitions. I was part of the SAP Basis administration team, which is a third line support team responsible for the overall maintenance of the environment, as well as diagnosis of more serious underlying issues. This was my first taste of business technologies and I learnt a great deal from the experience. </p>
<br/>
<p>About a month after I graduated, I applied for a position at Fujitsu, the second oldest IT company in the world, and was brought on as a junior test analyst on one of their biggest retail accounts. Since then I've had the chance to work across the entire landscape, particularly in the area of Unix and Windows servers and networks. I've also worked closely with the front end Java based retail application and counter hardware. My time at Fujitsu has given me a more flexible skillset and I've used my time to increase my knowledge of solutions architecture principles and Unix/Oracle DB/SQL based technology.
</p>
</br>
<p>From January to September 2016, I've worked as the test lead of a team of 10 on a large Xamarin Mobile application. This work has involved writing test documentation, coordinating testing efforts across the team and ensuring that we have maximum test coverage. During this time I've also been placed on customer sites to act as a liason with the company in a support role during initial roll out.
</p>
<br/>
<img width="20%" src="images/SAPLogo.png"></img><img width="20%" src="images/mysql.png"></img><img width="20%" src="images/Linux.png"></img>
</div>
</article>
<article class="articlehead xamarin">
<h2>Test Automation</h2>
<div class="edutext">
<p>Xamarin Test UI is a cross platform framework for developing test automation suites of any mobile application. The C# based framework works as a key word driven interface similar to Selenium. During my second year as a Graduate at Fujitsu, I created from scratch an automation suite capable of running 50% of the regression tests being run on our weekly application drops. So far this automation suite has saved approximately 6 man days a week of effort, and can be run in a fraction of the time.
</p>
<br/>
<img width="20%" src="images/nunit.png"></img><img width="20%" src="images/xamarin.png"></img><img width="20%" src="images/csharp.png"></img>
</div>
</article>
<article class="articlehead site">
<h2>About This Site</h2>
<div class="edutext">
<p>This site has been built from scratch and hosted on <a href="https://www.github.com">github</a>. To save me from reinventing the wheel, I've had help from some excellent JavaScript/Jquery plugins: <a href="https://www.jssor.com">Jssor</a> for image sliders, jquery.popupoverlay from <a href="https://github.com/vast-engineering/jquery-popup-overlay">Vast Engineering</a> for popup information boxes and <a href="http://fortawesome.github.io/Font-Awesome/">font-awesome</a> for logos and icons.</p>
<br/>
<p>The site has been somewhat of a learning opportunity for me as I haven't done real work in web design before this. I've tried to make it as clean and modern as possible, adding in new HTML5 and CSS where I could.
</p>
<br/>
<img width="20%" src="images/html5img.png"></img><img width="20%" src="images/css3image.png"></img><img width="20%" src="images/gitimage.png"></img>
</div>
</article>
<section>
<footer class="wFooter">
<section class="footerContent">
<ul class="contactIcons">
<li style="list-style-type: none;"><a href="mailto:paul.johnson3@bath.edu"><i class="iconfoot fa fa-envelope"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.linkedin.com/profile/view?id=202137978"><i class="iconfoot fa fa-linkedin"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.youtube.com/channel/UCEzGJ1a9-IxQS9WbwO77QDQ/videos"><i class="iconfoot fa fa-youtube-square"></i></a></li>
<li style="list-style-type: none;"><a href="https://github.com/pjflameboy"><i class="iconfoot fa fa-git"></i></a></li>
</ul>
<div class="shortInfo">
<br/>
© 2015 Paul Johnson<br/>
Run with <a href="https://www.github.com">Github</a><br>
CV available on request
</div>
</section>
</footer>
</section>
<!--contact me popup-->
<div id="popupContact" class="popupcontContact">
<h3>Want to contact me?</h3>
</br>
<p>I'd love to hear from you!</p>
<section class="contactContent">
<ul class="contactIcons">
<li style="list-style-type: none;"><a href="mailto:paul.johnson3@bath.edu"><i class="iconfoot fa fa-envelope"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.linkedin.com/profile/view?id=202137978"><i class="iconfoot fa fa-linkedin"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.youtube.com/channel/UCEzGJ1a9-IxQS9WbwO77QDQ/videos"><i class="iconfoot fa fa-youtube-square"></i></a></li>
<li style="list-style-type: none;"><a href="https://github.com/pjflameboy"><i class="iconfoot fa fa-git"></i></a></li>
</ul>
</section>
<div style="text-align:center;">
<a href="" class="buttonOC closepopup popupContact_close">close</a>
</div>
</div>
<script>
$(document).ready(function () {
$('#popupContact').popup({
color: 'white',
opacity: 1,
pagecontainer: '.container',
transition: 'all 0.3s'
});
});
</script>
<style>
#popupContact {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.popup_visible #popupContact {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
</style>
</body>
</html>