-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (115 loc) · 4.83 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
<!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.0">
<meta name="description" content="">
<meta name="author" content="James McLaren">
<link rel="icon" href="assets/img/favicon.ico">
<title>James McLaren - Ruby on Rails Developer</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="assets/css/style.css" rel="stylesheet">
<!--[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]-->
</head>
<body>
<div id="header">
<div class="logo">
</div>
<div class="container centered">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="typed"></h1>
</div>
</div>
<div class="row mt">
<div class="col-sm-4">
<i class="fa fa-heart"></i>
<h3>Passion</h3>
</div>
<div class="col-sm-4">
<i class="fa fa-check"></i>
<h3>Quality</h3>
</div>
<div class="col-sm-4">
<i class="fa fa-code"></i>
<h3>Experience</h3>
</div>
</div>
</div>
</div>
<div class="container ptb">
<div class="row">
<h2 class="centered mb">I am a Ruby on Rails developer with a passion to learn more.</h2>
<div class="col-md-6">
<p>Since graduating from Melbourne University with a Bachelor in Computer Information Systems I have been working for my <a href="http://playarcade.co">startup</a>, spending time <a href="https://www.codementor.io/spacepotato">mentoring</a>,
and learning as much as possible</p>
</div>
<div class="col-md-6">
<p>Although the majority of experience is as a back-end developer using Ruby on Rails I also have experience in front-end development, in particular with AngularJS and the <a href="http://ionicframework.com/">Ionic framework</a></p>
</div>
</div>
</div>
<div id="g">
<div class="container">
<div class="row centered">
<h2>My Experience</h2>
</div>
<div class="row centered">
<img alt="My Experience" src="assets/img/experience.jpg">
</div>
<br>
<div class="row">
<h2>Ruby (v1.9+)/Ruby on Rails (v4+)</h2>
<p>As you will notice the majority of my development experience has been in Ruby or Ruby on Rails. This is due to the fact that almost all of the backend for my startup has been built using it. In particular I have experience with:</p>
<ul style="padding-left: 20px;">
<li>API Design and Implementation</li>
<li>Multi-tenancy based development</li>
<li>Proper OO Design (as preached by Metz)</li>
</ul>
<p>Ruby is also the language I spend the most time improving on, in particular in the areas of TDD and Metaprogramming
</div>
<br>
<div class="row">
<h2>Javascript/AngularJS (v1.4)/Ionic</h2>
<p>The experience I have in Javascript (and Angular) is very project directed as I honed my skills in them as required for projects. All of the web applications and mobile applications that have been created for my startup have been done using AngularJS (and Ionic for the mobile applications). I have also designed and built an online interactive quiz module for a local seconday college using pure Javascript.</p>
</div>
<br>
<div class="row">
<h2>NodeJS</h2>
<p>As part of a hobby project I used NodeJS, in conjunction with Socket.io, to create the backend for a chat application. The chat application included real time chat, typing notifications, push notifications for offline users and the ability to send images. Since then I have gradually enhanced the project and actually ended up using it for my startup.
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row centered">
<h1>About Me</h1>
</div>
<div class="row">
<p>When I am not developing you can usually find me on the basketball court, vegging out in front of TV or hunched over an anvil (and of course the standard one of playing video games). I also quite enjoying playing musical instruments, having played Trumpet and the Bass guitar for a combined 10 years.</p>
</div>
<br>
<div class="row centered">
<h1>Want to see more?</h1>
</div>
<div class="row">
<p>As you may have noticed my Github is a little bare. This is due to the fact that almost all of the code I have written over the past two years has been on proprietry projects or on my own startup. If you would like to see some code samples or learn more about me please feel free to contact me.</p>
</div>
</div>
<br>
<div class="container">
<div class="row centered">
<div class="col-md-8 col-md-offset-2">
<a href="tel:+61433348986"><i class="fa fa-mobile-phone"></i></a>
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
<a href="http://github.com/spacepotato" target="_blank"><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</body>
</html>