-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (172 loc) · 8.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMLPFSJ');
</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119564209-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119564209-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Andy Evans CV</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body ng-app="app" ng-controller="AppController as appCtrl">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMLPFSJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<img class="round" src="profile.jpg" height="150px" width="auto" alt="">
<h1 class="header center grey-text text-darken-1">Andy Evans CV</h1>
<div class="row center">
<h5 class="header col s12 light">{{appCtrl.heading}}</h5>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="backing.jpg" alt="Unsplashed background img 1"></div>
</div>
<div class="container-fluid">
<div class="section container">
<div class="row">
<div class="col s12 m12">
<div class="icon-block">
<h3 class="brown-text">Profile:</h3>
<p>I am a very keen programmer and problem solver, I first discovered programming in my Physics degree, where we were taught C programming and used MATLAB for report writing and data analysis.</p>
<p>Since then, I have branched out into many areas of programming. Driven by my curiosity, I enjoy sharpening my skills outside of work, through programming APIs in Python, (Flask), NodeJS, with AngularJS (and soon React), client for remote controlling a raspberry pi with motors attached as a remote control car.</p>
<p>I have also given 2 presentations at work with introducing people to Ruby and Ruby on Rails and another presentation on an introduction to Angular 2 Cli.</p>
</div>
</div>
</div>
</div>
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m8">
<ul class="collapsible">
<li>
<div class="collapsible-header" id="experience"><i class="material-icons">work</i>Experience</div>
<div class="collapsible-body"><span>
<h5>Software Developer: Met Office, 2015 - Present</h5>
<p>
Within the Met Office I work within a team, developing websites and mobile applications, and are team is also supporting live applications and bug fixing. The technologies we work with are AngularJS, jQuery, d3js on the client, and Java, Spring, NodeJS server side APIs. I also help maintain coding standards, for example, we use John Papa’s style guide https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md this keeps us consistent and peer reviewing other developers work through Atlassian Jira and Bit Bucket.
</p>
<h5>Information Assistant: University of Exeter, 2011 - 2015</h5>
Customer facing role, working with students, keeping digital content online.
</span></div>
</li>
<li>
<div class="collapsible-header" id="education"><i class="material-icons">school</i>Education</div>
<div class="collapsible-body"><span>
<h5>Java 8 OCA</h5>
<p>
Skills gained:
</p>
<ul>
<li>Object orientated programming</li>
<li>Design patterns</li>
<li>Java program design</li>
<li>Debugging</li>
</ul>
<h5>BSc(Hons) Physics: University of Exeter, 2:1</h5>
<p>
Skills gained:
</p>
<ul>
<li>C programming</li>
<li>Report writing</li>
<li>Attention to detail</li>
</ul>
</span></div>
</li>
<li>
<div class="collapsible-header" id="skills"><i class="material-icons">palette</i>Skills</div>
<div class="collapsible-body"><span>
<h5>Programming Languages, frameworks and libraries:</h5>
<ul>
<li>JavaScript: Client: Angular, AngularJS, jQuery; Server: NodeJS</li>
<li>Python: Django, Flask</li>
<li>Java: Spring-Boot</li>
<li>HTML and CSS</li>
<li>DynamoDB, Postgres, MySQL</li>
</ul>
</span></div>
</li>
<li>
<div class="collapsible-header" id="hobbies"><i class="material-icons">videogame_asset</i>Hobbies & Interests</div>
<div class="collapsible-body"><span>
<p>
I work with a local technology group which brings young people, parents and technologists together in getting young people interested in technology. I have built a robotic arm that is controlled via a Raspberry pi on a mobile phone using Python, Django and AngularJS. I also have built a mobile phone controlled Raspberry Pi cart that can self drive and has been built with Flask, Python, Spring, Java, Angular and collects and stores weather data into a Postgres database. I take both the arm and the cart to the local event and share my knowledge with others there explaining what I did and learning from others useful techniques that could further enhance the experience.
</p>
</span></div>
</li>
<li>
<div class="collapsible-header" id="references"><i class="material-icons">group</i>References</div>
<div class="collapsible-body"><span>Available on request.</span></div>
</li>
</ul>
</div>
<div class="col s12 m4">
<h5>Robotic Arm using Python</h5>
<iframe width="380" height="215" src="https://www.youtube.com/embed/XFsOA6ypgjE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/angular/app.js"></script>
<script src="js/angular/AppController.js"></script>
<script src="js/angular/informationService.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.0.2/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyA0bobiGbTOJX3skRdB83WHW8Aglqvk4SE",
authDomain: "userddata.firebaseapp.com",
databaseURL: "https://userddata.firebaseio.com",
projectId: "userddata",
storageBucket: "",
messagingSenderId: "623468459063"
};
firebase.initializeApp(config);
var customStorage = firebase.app().storage("gs://my-custom-bucket");
console.log(customStorage);
var database = firebase.database();
firebase.database().ref('value').set({
username: 'test',
email: '[email protected]',
profile_picture : 'imageUrl'
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');
</script>
<!-- End Google Tag Manager -->
</body>
</html>