-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
189 lines (168 loc) · 9.33 KB
/
index.html
File metadata and controls
189 lines (168 loc) · 9.33 KB
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
<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Mark Fee</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-wide.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<div class="background">
<h1>Hi. This is Mark Fee.</h1>
<p>A web developer specialising in <a href="http://laravel.com">Laravel</a> and <a href="https://angularjs.org">AngularJS</a>.
<br />
Checkout my code on <a href="https://github.com/markfee">GitHub</a>.</p>
<ul class="icons">
<li><a href="#main" class="icon fa-play"><span class="label">Play</span></a></li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<header class="major container 75%">
<h2>I've been developing software for over twenty years.
<br/>That's a lot of bad code
<br/>And some good code too!
</h2>
<ul class="icons">
<li><a href="#magnitude" class="icon fa-forward"><span class="label">Play</span></a></li>
</ul>
</header>
<div class="box alt container">
<section id="magnitude" class="feature right">
<a href="#science" class="image icon fa-forward"><img src="images/pimms.jpg" alt="" /></a>
<div class="content">
<h3>PIMMS</h3>
<p>
I work for Magnitude Software as a Software Engineer within The Web Technology Team.
Our main product is a business to business product information management system (so not Pimms then). I develop
the html/javascript front end and an API written in NodeJS.</p>
</div>
</section>
<section id="science" class="feature left">
<a href="#education" class="image icon fa-forward"><img src="images/science.jpg" alt="" /></a>
<div class="content">
<h3>Science</h3>
<p>
I was senior software development engineer at the Food and Environment Research Agency,
developing software solutions that support science projects. These ranged from small bespoke
database applications to complex mathematical models.
</p>
</div>
</section>
<section id="education" class="feature right">
<a href="#needlepoint" class="image icon fa-forward"><img src="images/grangehill.jpg" alt="" /></a>
<div class="content">
<h3>Education</h3>
<p>
I spent a few years as systems manager at a secondary school. I developed bespoke software,
mostly related to assessment and reporting, scheduled the schools timetable and managed
a team covering the schools ICT and exams provision.
</p>
</div>
</section>
<section id="needlepoint" class="feature left">
<a href="#recordshop" class="image icon fa-forward"><img src="images/embroidery2.jpg" alt="" /></a>
<div class="content">
<h3>Needlepoint</h3>
<p>
Prior to that I was developing Embroidery design software in Visual C++ and writing bespoke
workflow management solutions for small businesses.
</p>
</div>
</section>
<section id="recordshop" class="feature right">
<a href="#skillz" class="image icon fa-forward"><img src="images/hi-fidelity.jpg" alt="" /></a>
<div class="content">
<h3>Record Shop Worker</h3>
<p>
Before the days of hipsters, whilst a student I paid my way selling records.
</p>
</div>
</section>
</div>
<div class="box container" id="skillz">
<header >
<h2>So what can I do?</h2>
<a href="#prior_to_that" class="image icon fa-code"><img src="images/moss.jpg" alt="I can coding" /></a>
</header>
<section >
<header>
<h3>... well</h3>
</header>
<p>I've been doing what I do for a while now, so I've put my hand to quite a few languages and technolgies over the years, but as a summary...
<ul>
<li> I can create a restful api using Laravel 5.</li>
<li> I can consume that API using AngularJS</li>
<li> I can set up an Apache 2 vhost to serve the api</li>
<li> I can set up a Debian / Ubuntu server to host apache</li>
<li> I can install and develop a MySql database to provide data for the api...</li>
<li>... or MongoDb if you prefer (might have to check the manual on that one)</li>
<li> I can set up a NodeJs Host running on a different port ...</li>
<li> .. and I can reverse proxy a subdomain to serve the NodeJs app</li>
<li>
I can develop a multi threaded Java application that performs a Monte Carlo Simulation based on complex Mathematical models.
</li>
<li>
I can maintain the codebase on a git server
</li>
<li>I can Grunt, NPM, Bower...</li>
<li>
... or svn if you prefer
</li>
<li> I can replace the MySql DB with Sql Server (if you really want)</li>
<li> ... or Oracle DB (starting to stretch the truth a little here)</li>
<li> I was pretty good at C++ back in the day, but it's been a while</li>
</ul>
</p>
</section>
</div>
<footer id = "at_home" class="major container 75%">
<h3>At home</h3>
<p>
I live in North Yorkshire with my wife and two sons doing the normal family stuff. I
get out on my road and mountain bikes as often as possible and I can occasionally be found at
the local open mic night playing the ukelele and singing dodgy cover versions.
</p>
<a class="icon fa-forward" href="#footer" title="next"></a>
</footer>
</div>
<!-- Footer -->
<div id="footer">
<div class="container 75%">
<ul class="icons">
<li><a href="https://twitter.com/marksfee" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/fee.mark" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/feemark/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/markfee" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a class="icon fa-fast-backward" href="#" title="can I get a rewind ..."></a></li>
</ul>
<header class="major last">
<a href="#" class="image icon fa-fast-backward">
<img src="images/thats_all_folks.gif" alt="That's all folks" />
</a>
</header>
<ul class="copyright">
<li>N© markfee unlimited.</li><li>Designed by <a href="http://html5up.net">HTML5 UP</a></li><li> Hacked by <a href="https://twitter.com/marksfee"><span class="label">@marksfee</span></a></li>
</ul>
</div>
</div>
</body>
</html>