-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (127 loc) · 5.18 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-control" content="public">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content=
"width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"
name="viewport">
<title>Nicholas La Roux</title>
<!-- CSS -->
<link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen"/>
<link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen"/>
<!-- Favicons -->
<link href="assets/images/favicon.ico" rel="shortcut icon">
<link href="assets/images/apple-touch-icon.png" rel="apple-touch-icon">
<link href="assets/images/apple-touch-icon-72x72.png" rel="apple-touch-icon"
sizes="72x72">
<link href="assets/images/apple-touch-icon-114x114.png" rel="apple-touch-icon"
sizes="114x114">
<!-- FLOSS.social Mastodon rel me link -->
<link href="https://floss.social/@larouxn" rel="me">
<!-- Topbar colour -->
<!-- Chrome, Firefox, Opera, and macOS Safari -->
<meta name="theme-color" content="#46E4F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#46E4F7">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<body>
<section id="top-bar">
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="gap-patch">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</section>
<div class="container">
<div class="section content">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m12">
<div class="col s12 m4 left-side">
<img alt="Me" class="circle user-img responsive-img" src="https://www.gravatar.com/avatar/18cc5a87479aafdbad1cbfe83c67f9df?s=250" alt="Picture of me" loading="lazy" />
<div class="block">
<h5 class="center">Nicholas La Roux</h5>
<p class="light center">
<a class="orange-text darken-1" href="https://github.com/larouxn" target="_blank">Developer</a> at
<a class="orange-text darken-1" href="https://www.shopify.com" target="_blank">Shopify</a>,
<a class="orange-text darken-1" href="https://soundcloud.com/carrot-island" target="_blank">musician</a>, and
<a class="orange-text darken-1" href="assets/images/gomihiroi.jpeg" target="_blank">environmentalist</a>.
</p>
</div>
<hr>
<div class="block">
<h5>About me</h5>
<p>
Grew up in New Jersey, USA. Moved to Ottawa, Canada for Shopify after university.
Moved to Tokyo, also for Shopify, a few years later. 🇺🇸 🇨🇦 🇯🇵
</p>
<p>
Super into Ruby, Linux, open source, music, coffee, beer, longboarding, and ultimate frisbee.
</p>
</div>
</div>
<div class="col s12 m8 right-side">
<div class="block">
<h5>Senior Developer</h5>
<p class="helping-text">
<i class="mdi-communication-business orange-text darken-1"></i>
Shopify
<i class="mdi-maps-place orange-text darken-1"></i>
Ottawa, Canada | Tokyo, Japan
<i class="mdi-action-today orange-text darken-1"></i>
July 2015
</p>
<p>
Full stack Ruby on Rails based web development.
</p>
</div>
<div class="block">
<h5>Developer</h5>
<p class="helping-text">
<i class="mdi-communication-business orange-text darken-1"></i>
Juicyorange LLC
<i class="mdi-maps-place orange-text darken-1"></i>
New York City, USA
<i class="mdi-action-today orange-text darken-1"></i>
November 2014 - May 2015
</p>
<p>
Full stack Ruby on Rails based web development.
</p>
</div>
<div class="block">
<h5>Bachelor of Science (Cum Laude)</h5>
<p class="helping-text">
<i class="mdi-maps-local-library orange-text darken-1"></i>
Marist College
<i class="mdi-maps-place orange-text darken-1"></i>
Poughkeepsie, USA
<i class="mdi-action-today orange-text darken-1"></i>
August 2011 - May 2015
</p>
<p>
Major: Information Technology | Minor: Information Systems
</p>
</div>
</div>
</div>
</div>
<div class="footer">
©<span id="year"></span> Nicholas La Roux
</div>
</div>
<script src="assets/js/app.js"></script>
</div>
</body>
</html>