-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (143 loc) · 9.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="By-products of a coding adventure.">
<meta name="keywords" content="Stephen Mather, software developer, Assimilator, Track, Python, Django, HTML, CSS">
<meta name="author" content="Stephen Mather">
<title>Stephen Mather · By-products of a coding adventure.</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/apparel.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries. -->
<!-- WARNING: Respond.js doesn't work if you view the page via "file://". -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38392540-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<a href="#content-start" class="sr-only sr-only-focusable">Skip to main content</a>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Group brand and toggle for better mobile display. -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand active" href="index.html">SM<span class="sr-only">(current)</span></a>
</div>
<!-- Collect nav content for toggling. -->
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li><a href="assimilator.html">Assimilator</a></li>
<li><a href="track.html">Track</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.google.com/recaptcha/mailhide/d?k=01G8rprQHZSm0mvK-YyLlTWg==&c=xQ-ugWqYR50tuq-ZnjXle5XBB_8UZ8mQ7_UIF1GVaFs=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501G8rprQHZSm0mvK-YyLlTWg\75\75\46c\75xQ-ugWqYR50tuq-ZnjXle5XBB_8UZ8mQ7_UIF1GVaFs\075', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;"><span class="fa fa-envelope"></span></a></li>
<li><a href="http://github.com/justsostephen"><span class="fa fa-github"></span></a></li>
<li><a href="http://twitter.com/justsostephen"><span class="fa fa-twitter"></span></a></li>
<li><a href="http://www.linkedin.com/in/thestephenmather"><span class="fa fa-linkedin"></span></a></li>
<li><a href="http://plus.google.com/+stephenmather"><span class="fa fa-google-plus"></span></a></li>
<li><a href="http://www.facebook.com/stephenmather"><span class="fa fa-facebook"></span></a></li>
</ul>
</div> <!-- /.collapse .navbar-collapse #navbar -->
</div> <!-- /.container -->
</nav>
<header class="body-header fade-in" id="content-start">
<div class="container">
<div class="logo">SM</div>
<h1>By-products of a coding adventure.</h1>
</div>
</header>
<main class="body-main fade-in" role="main">
<div class="container">
<p class="lead text-center">I'm Stephen Mather. I love developing software. I've created things using Python, Django, HTML and CSS - you can see some of them here. I'm currently taking a look at Rust.</p>
<p class="lead lead-bottom text-center">Interested in working together? Just want to say hello? <a href="http://www.google.com/recaptcha/mailhide/d?k=01G8rprQHZSm0mvK-YyLlTWg==&c=xQ-ugWqYR50tuq-ZnjXle5XBB_8UZ8mQ7_UIF1GVaFs=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501G8rprQHZSm0mvK-YyLlTWg\75\75\46c\75xQ-ugWqYR50tuq-ZnjXle5XBB_8UZ8mQ7_UIF1GVaFs\075', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;">Drop me a quick note!</a></p>
<div class="row about-row">
<div class="col-sm-6 col-sm-push-6 text-center">
<span class="fa fa-rocket about-icon"></span>
</div>
<div class="col-sm-6 col-sm-pull-6">
<h2>Software Developer</h2>
<p>Endeavouring to reach my <a href="http://en.wikipedia.org/wiki/Outliers_%28book%29">10,000 hours</a> and beyond, I'm constantly tinkering with something. This site is a showcase for the things I create: solutions to problems; manifestations of random ideas; the products of assignments from my studies.</p>
<p>I have experience developing full stack Web solutions, command line utilities and sys admin scripts. Coding aside, I know a thing or two about using Git for version control and I am well versed in the ways of Linux.</p>
</div>
</div>
<div class="row about-row">
<div class="col-sm-6 text-center">
<span class="fa fa-graduation-cap about-icon"></span>
</div>
<div class="col-sm-6">
<h2>Education</h2>
<p>I am self taught, with a little help along the way from <a href="http://en.wikipedia.org/wiki/Udacity">Udacity</a>. <a href="http://en.wikipedia.org/wiki/Sebastian_Thrun">Mr Thrun</a> and co, I commend you - your creation is a wonderful resource. With Udacity I am not only learning how to write code, but getting real insight into the theory and concepts of computer science.</p>
<p>I have completed <a href="http://www.udacity.com/courses/cs101">CS101: Intro to Computer Science</a>, gaining a <a href="education/cs101-certificate.pdf">verified certificate of completion</a> for the course. I received <a href="education/cs101-evaluation.pdf">very positive feedback</a> for my final project, which can be found on <a href="http://gist.github.com/justsostephen/490d886f6763bfe928ea">GitHub</a>. I have also completed <a href="http://www.udacity.com/courses/ud036">UD036: Programming Foundations with Python</a> and <a href="http://www.udacity.com/courses/ud804">UD804: JavaScript Basics</a>, however as these seemed somewhat supplementary, I couldn't justify the cost of the verified certification.</p>
<div class="row file-row">
<div class="col-xs-4 text-center">
<a href="http://gist.github.com/justsostephen/490d886f6763bfe928ea">
<figure>
<span class="fa fa-file-code-o fa-2x"></span>
<figcaption><small>CS101 Project</small></figcaption>
</figure>
</a>
</div>
<div class="col-xs-4 text-center">
<a href="education/cs101-evaluation.pdf">
<figure>
<span class="fa fa-file-pdf-o fa-2x"></span>
<figcaption><small>CS101 Evaluation</small></figcaption>
</figure>
</a>
</div>
<div class="col-xs-4 text-center">
<a href="education/cs101-certificate.pdf">
<figure>
<span class="fa fa-file-pdf-o fa-2x"></span>
<figcaption><small>CS101 Certificate</small></figcaption>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="row about-row">
<div class="col-sm-6 col-sm-push-6 text-center">
<span class="fa fa-cogs about-icon"></span>
</div>
<div class="col-sm-6 col-sm-pull-6">
<h2>Projects</h2>
<h3><a href="assimilator.html">Assimilator</a></h3>
<p>I worked for a <a href="http://lumiinsight.com/">company</a> that, amongst other things, provides silent auction technology and services. When preparing their software for such events, they usually need to process a large number of auction lot images, making them equal dimensions, DPI, etc. Doing this manually, image by image, is a rather time consuming (not to mention mind numbing!) task. I wrote <a href="assimilator.html">Assimilator</a> to automate the job.</p>
<h3><a href="track.html">Track</a></h3>
<p>I worked for a <a href="http://lumiinsight.com/">company</a> that has a large stock of tablets. They needed a way to catalogue these devices, whilst controlling their issue and return on events. <a href="track.html">Track</a> is the solution to that problem.</p>
</div>
</div>
</div>
</main>
<footer class="body-footer">
<div class="container">
<small>Copyright © 2013-2016 Stephen Mather</small>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed. -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>