-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
302 lines (286 loc) · 24.7 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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mitchell Billard Portfolio</title>
<link href="styles.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<!-- MDB -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.2.0/mdb.min.css"/> -->
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser. Please
<a href="#">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->
<!-- Navbar -->
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Mitchell Billard</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#about-section">About</a>
<a class="nav-link" href="#career-section">Career</a>
<a class="nav-link" href="#projects-section">Projects</a>
<a class="nav-link" href="#contact-section">Contact</a>
</div>
</div>
</div>
</nav>
</div>
<!-- Welcome Section -->
<section id="welcome-section" class="bgimg">
<div id="home" class="hero">
<div class="typing-container">
<div class="hero-content">
<span id="sentence" class="sentence h1">I'm</span>
<span id="feature-text" class="h1"></span>
<span class="input-cursor"></span>
</div>
</div>
<div class="socials">
<a
id="profile-link"
href="https://github.com/mbillard11"
target="_blank"
class="btn contact-details"
><i class="fab fa-github"></i> GitHub</a>
<a
id="profile-link"
href="https://www.linkedin.com/in/mitchellbillard/"
target="_blank"
class="btn contact-details"
><i class="fab fa-linkedin"></i> Linkedin</a>
</div>
</div>
</section>
<!-- About Section -->
<section id="about-section">
<div id="about">
<div id="about-text" class="">
<h2 class="p-heading">About me</h2>
<p>A Software Developer with killer Python skills. Responsible for building, maintaining and improving tools, software and workflows used on award-winning VFX and Feature Animation projects.
</p>
</div>
<div class="hexagon-container">
<!-- <div class="hexagon color-blank">
</div> -->
<div class="hexagon color-python">
<svg viewBox="0 0 24 24" aria-labelledby="simpleicons-python-icon" xmlns="http://www.w3.org/2000/svg" role="img"><title id="simpleicons-python-icon">Python icon</title><path d="M14.31.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.83l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.23l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05L0 11.97l.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.24l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05 1.07.13zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09-.33.22z"/><path d="M21.1 6.11l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01.21.03zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08-.33.23z"/></svg>
</div>
<div class="hexagon color-git">
<svg aria-labelledby="simpleicons-git-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-git-icon">Git icon</title><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"/></svg>
</div>
<div class="hexagon hex-blank color-blank">
</div>
<div class="hexagon color-html">
<svg aria-labelledby="simpleicons-html5-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-html5-icon">HTML5 icon</title><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z"/></svg>
</div>
<div class="hexagon color-css">
<svg aria-labelledby="simpleicons-css3-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-css3-icon">CSS3 icon</title><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z"/></svg>
</div>
<div class="hexagon color-javascript">
<svg aria-labelledby="simpleicons-javascript-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-javascript-icon">JavaScript icon</title><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"/></svg>
</div>
<!-- <div class="hexagon color-blank">
</div>
<div class="hexagon color-blank">
</div> -->
<div class="hexagon color-nuke">
<svg aria-labelledby="simpleicons-nuke-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Nuke</title><path d="M12.293.004c6.625.162 11.865 5.664 11.703 12.29-.162 6.625-5.664 11.865-12.29 11.703C5.081 23.835-.159 18.333.003 11.707l.001-.025C.18 5.066 5.678-.158 12.293.004zm0 1.238c-5.941-.164-10.89 4.52-11.054 10.461s4.52 10.89 10.461 11.054c5.941.164 10.89-4.52 11.054-10.461l.001-.025c.15-5.932-4.53-10.866-10.462-11.029zm5.842 8.302h2.4c.976 0 .682-.873.682-.873a9.587 9.587 0 0 0-2.111-3.431l-.005.011a10.052 10.052 0 0 0-3.355-2.329.612.612 0 0 0-.894.622c-.044.802-.142 2.395-.142 2.395s.016.769-.627.769c-.813.011-1.489-.044-1.489-.044a2.314 2.314 0 0 1-1.255-.545L8.868 3.511a1.09 1.09 0 0 0-1.407-.196 9.758 9.758 0 0 0-4.713 5.384c-.256.714.333.806.731.806h6a2.086 2.086 0 0 1 1.68.627c.785.824 1.331 1.369 1.331 1.369s.48.54 1.26 1.358c.431.459.632 1.089.545 1.713 0 0-.295 5.744-.295 6-.027.398.038.993.769.775a9.756 9.756 0 0 0 5.618-4.424 1.091 1.091 0 0 0-.12-1.418l-2.471-2.607a2.303 2.303 0 0 1-.496-1.282s-.022-.682.033-1.489c.044-.643.802-.583.802-.583zm-2.362 1.374c-.475.469-1.484.229-2.22-.545-.736-.775-.924-1.801-.45-2.254.475-.453 1.502-.239 2.239.536.737.774.906 1.794.431 2.263z"/></svg>
</div>
<div class="hexagon color-silhouette">
<svg
version="1.1"
id="svg1"
width="600"
height="600"
viewBox="0 0 600 600"
sodipodi:docname="sil_fill.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<g>
<path d="M 296.25439,549.06667 C 287.36281,544.38279 181.17354,482.91002 95.318712,432.74534 l -11.25623,-6.57697 -0.102937,-125.1898 -0.102937,-125.1898 8.964225,-5.2074 C 131.90266,147.87836 249.34985,79.693426 271.48224,66.858011 l 27.43761,-15.912103 5.37311,2.990707 c 2.95521,1.64489 10.00732,5.669538 15.67136,8.943664 5.66404,3.274125 14.60915,8.439784 19.87802,11.47924 5.26888,3.039456 11.30413,6.539297 13.41168,7.777424 2.10755,1.238127 9.43607,5.498464 16.28561,9.467414 20.71231,12.001703 51.30116,29.737923 58.67609,34.021933 3.81994,2.21895 9.63965,5.59466 12.93269,7.50156 3.29305,1.90692 16.87237,9.79113 30.17628,17.52048 13.3039,7.72936 28.49981,16.55555 33.76869,19.61376 l 9.57977,5.5604 v 124.96415 124.96415 l -3.35292,2.0008 c -1.84411,1.10043 -8.31045,4.86991 -14.36966,8.37661 -6.0592,3.50671 -14.03436,8.13417 -17.72257,10.28325 -3.68821,2.14908 -10.26233,5.97115 -14.60915,8.4935 -4.34682,2.52234 -18.46501,10.71811 -31.37375,18.21281 -12.90874,7.49471 -27.8891,16.1767 -33.2897,19.29331 -5.40059,3.11662 -13.05244,7.53976 -17.00409,9.82919 -51.03864,29.5698 -83.3183,47.8981 -84.28497,47.85686 -0.2728,-0.0116 -1.35818,-0.47535 -2.41195,-1.03045 z M 275.65788,410.5504 c 17.34393,-0.479 30.21685,-4.22786 42.51939,-12.38254 4.56747,-3.02752 12.37963,-10.41242 15.08355,-14.25858 6.65729,-9.46964 10.51619,-19.38306 12.08779,-31.05327 0.78492,-5.82861 0.65838,-18.18589 -0.23839,-23.28083 -3.47417,-19.73803 -16.0369,-32.91766 -45.02392,-47.23479 -5.26888,-2.60238 -15.53852,-7.29073 -22.82143,-10.41856 -23.46261,-10.07659 -29.92223,-14.61313 -30.48588,-21.41004 -0.17857,-2.15331 0.0286,-3.10292 1.24366,-5.69935 3.50364,-7.4871 10.55167,-11.28156 20.9864,-11.29847 9.6862,-0.0157 19.70635,2.91603 33.72754,9.86811 5.12843,2.54281 10.93579,5.33407 12.90524,6.20279 l 3.58082,1.57949 1.86152,-3.20062 c 2.43141,-4.18047 13.45968,-26.21797 16.56919,-33.10976 1.33566,-2.96031 2.42848,-5.94524 2.42848,-6.63317 0,-2.78832 -8.71896,-9.49938 -19.0975,-14.69952 -14.70905,-7.36993 -30.57963,-10.4593 -53.94825,-10.50155 l -12.4537,-0.0225 -6.49545,1.74728 c -16.99241,4.57098 -30.46089,12.21953 -40.37632,22.92911 -10.26552,11.08771 -14.77152,21.94634 -15.49039,37.32899 -1.39674,29.8878 11.11314,48.49517 44.12117,65.62642 6.51852,3.38313 8.29003,4.20634 24.97933,11.60764 16.12507,7.15109 23.94341,11.9205 26.98013,16.45865 1.53466,2.29342 1.5649,2.4399 1.38831,6.72522 -0.15873,3.85174 -0.35332,4.6615 -1.6115,6.70584 -4.60036,7.47489 -17.61907,10.12473 -32.7768,6.67142 -10.06035,-2.292 -17.67903,-5.72616 -29.11681,-13.12455 -7.80112,-5.04606 -9.77111,-6.08273 -10.80507,-5.68596 -1.50876,0.57896 -10.13329,12.08092 -22.56346,30.09135 l -6.68319,9.68347 2.85128,2.59246 c 8.06569,7.33357 15.09956,11.9944 26.14103,17.32175 15.64464,7.54832 26.74803,10.35907 43.05015,10.89787 4.08338,0.13496 7.49928,0.31874 7.5909,0.40841 0.0916,0.0897 0.41494,0.0827 0.71849,-0.0155 0.30354,-0.0982 4.43171,-0.2857 9.17369,-0.41666 z m 130.49217,-55.09788 0.002,-55.7591 h -20.10224 -20.10223 v 55.7591 55.7591 h 20.10059 20.1006 z m 0.003,-89.8534 V 251.22946 H 386.05028 365.9475 v 14.36966 14.36965 h 20.10278 20.10277 z" />
<path d="M 291.22501,594.92566 C 286.61475,592.24131 270.55666,582.92144 255.54037,574.21482 240.52408,565.50825 191.91872,537.3112 147.52846,511.55474 103.1382,485.79833 61.053072,461.38359 54.005954,457.29981 l -12.812943,-7.42505 -0.04563,-66.15269 c -0.111529,-161.68224 0.09521,-233.30906 0.674948,-233.84066 0.312486,-0.28654 4.986825,-3.06723 10.38742,-6.17932 C 57.610342,140.59 115.05304,107.28661 179.86018,69.694547 244.66733,32.102484 298.15773,1.0988969 298.72775,0.79768638 c 0.90554,-0.47851057 1.8429,-0.0747036 7.42432,3.19831332 3.51336,2.0602831 12.09987,7.0544113 19.08113,11.0980633 6.98125,4.043652 17.75849,10.291786 23.94942,13.884742 6.19093,3.592956 16.96817,9.843898 23.94943,13.890984 6.98125,4.047086 17.75849,10.295626 23.94942,13.88564 6.19093,3.590019 16.96817,9.837883 23.94943,13.884148 6.98125,4.04626 16.46523,9.548727 21.07549,12.227705 4.61026,2.678978 12.04656,6.991101 16.5251,9.582495 4.47855,2.5914 13.31588,7.714173 19.63853,11.383953 6.32265,3.66977 13.65117,7.92095 16.28561,9.44705 2.63444,1.52611 9.96296,5.77724 16.28561,9.44696 6.32265,3.66972 17.20766,9.9767 24.18892,14.01549 6.98126,4.03881 14.95642,8.6767 17.72258,10.30644 l 5.02937,2.96316 0.12052,149.95396 0.12051,149.95395 -4.9104,2.84876 c -2.70073,1.56681 -9.86793,5.72104 -15.92713,9.23162 -6.05921,3.51057 -16.08204,9.32423 -22.27297,12.91923 -6.19092,3.59499 -14.92049,8.65658 -19.39903,11.248 -4.47854,2.59138 -11.91484,6.9029 -16.5251,9.58116 -4.61027,2.67826 -12.04657,6.98916 -16.52511,9.57977 -4.47854,2.59061 -11.91484,6.90352 -16.5251,9.58427 -4.61027,2.68071 -14.09424,8.17873 -21.0755,12.21785 -6.98125,4.03917 -16.46523,9.54092 -21.07549,12.22618 -4.61026,2.68526 -18.72845,10.86523 -31.37375,18.17766 -12.64529,7.31248 -24.7158,14.31256 -26.82335,15.55573 -2.10755,1.24317 -9.54385,5.56427 -16.52511,9.60243 -6.98125,4.03816 -15.81859,9.16511 -19.63853,11.39327 -3.81993,2.22815 -7.59196,4.42662 -8.38229,4.88544 l -1.43697,0.8342 z m 17.99369,-26.1737 c 17.49989,-9.74268 50.8032,-28.85925 96.96355,-55.65842 91.91803,-53.36457 118.49002,-68.92058 124.29134,-72.76367 3.24869,-2.15213 3.87827,-2.78722 4.17419,-4.21084 0.1917,-0.92205 0.62336,-6.84953 0.95923,-13.17218 0.87219,-16.41934 0.87798,-229.16336 0.007,-245.7211 -0.6793,-12.9088 -0.99007,-14.84344 -2.56584,-15.97307 -4.81829,-3.45409 -38.06763,-22.86987 -189.61311,-110.72355 -23.31477,-13.515994 -42.75751,-24.670974 -43.20611,-24.788844 -0.45531,-0.119635 -4.26408,1.745637 -8.62179,4.222357 -12.77785,7.262338 -82.41339,47.51131 -103.12488,59.605631 -3.68821,2.153704 -11.66337,6.79151 -17.72258,10.306237 C 117.90184,130.53529 70.701267,158.25539 66.220161,161.26863 l -3.472667,2.33514 v 136.44787 136.44788 l 4.430644,2.85906 c 4.931154,3.18204 12.850555,7.89905 34.127932,20.32753 12.60208,7.36109 19.93796,11.63005 47.18037,27.45555 6.43656,3.73908 27.85329,16.1524 40.71402,23.59823 4.34682,2.5166 11.67534,6.76695 16.28561,9.44522 4.61026,2.67826 11.93879,6.92943 16.28561,9.44709 8.55541,4.95523 38.67925,22.44075 52.20975,30.30536 4.61026,2.67975 10.75329,6.28366 13.65117,8.00869 5.94842,3.54097 10.76829,6.09628 11.52734,6.11132 0.28084,0.006 4.80728,-2.38191 10.05876,-5.30561 z" />
</g>
</svg>
</div>
</div>
</div>
</section>
<!-- Career Section -->
<section id="career-section">
<div id="career">
<h2 class="career-title">Career</h2>
<div class="job-container sdfx">
<article class="article group">
<img class="image right" src="/images/barbie_car.jpg" alt="barbie">
<section class="content">
<h2 class="headline">SDFX / Company3</h2>
<h5>Pipeline TD</h5>
<h5>2022 - Current</h5>
<p>As the Pipeline TD and Lead Developer for Silhouette, I play a pivotal role in the development and maintenance of essential roto tools used by over 1000 artists across various departments. My responsibilities encompass software architecture, development, and support, ensuring the smooth functioning of Silhouette within the production pipeline.
<p><em>Pictured: Barbie</em>
</section>
</article>
</div>
<div class="job-container outpost">
<article class="article group">
<img class="image left" src="/images/westworld.jpg" alt="westworld">
<section class="content">
<h2 class="headline">Outpost VFX</h2>
<h5>Pipeline TD</h5>
<h5>2021 - 2022</h5>
<p>At Outpost I built proficiency in developing and supporting a wide range of VFX software tools, including Silhouette, Nuke, Houdini, and others. My versatile skill set and expertise in software development enabled me to tackle various challenges and contribute to the efficiency and success of the production pipeline.
<p><em>Pictured: Westworld</em>
</section>
</article>
</div>
<div class="job-container dneg">
<article class="article group">
<img class="image right" src="/images/dune.jpeg" alt="dune">
<section class="content">
<h2 class="headline">DNEG</h2>
<h5>Pipeline TD</h5>
<h5>2019 - 2021</h5>
<p>While at DNEG, my primary focus was on managing the color pipeline and specializing in stereo conversion workflows. I played a key role in ensuring the efficiency, accuracy, and consistency of color grading processes while specializing in the conversion of 2D content to stereo 3D for various film projects.
<p><em>Pictured: Dune</em>
</section>
</article>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects-section">
<h2 class="projects-title">Some of my Projects</h2>
<div class="projects-container">
<div class="project-container project-card">
<img
src="images/Omnilert-ActiveShooterDetection.jpg"
alt="weapon-detection"
loading="lazy"
class="project-pic"
/>
<h3 class="project-title">Weapon Detection</h3>
<p class="project-details">
This project employs a Convolutional Neural Network (CNN) created using the Keras framework. The project's objective is to analyze video feeds and accurately identify the presence of firearms within them. The goal of the project was to enhance security systems by automatically alerting personnel to the presence of firearms in real-time video surveillance.
</p>
<a href="https://github.com/mbillard11/WeaponDetection" target="_blank" class="project-link">Github Repo</a>
</div>
<div class="project-container project-card">
<img
src="images/pedel_logo.png"
alt="pedel"
loading="lazy"
class="project-pic"
/>
<h3 class="project-title">Pedel</h3>
<p class="project-details">
A public domain library web app made with Vue.
</p>
<a href="https://github.com/mbillard11/pedel" target="_blank" class="project-link">Github Repo</a>
</div>
<div class="project-container project-card">
<img
src="images/BoolCircuit.png"
alt="sat-solver"
loading="lazy"
class="project-pic"
/>
<h3 class="project-title">SAT Solver</h3>
<p class="project-details">
The Circuit Satisfiability problem (SAT) is the decision problem of determining whether a given Boolean circuit has an assignment of its inputs that makes the output True/False.
</p>
<a href="https://github.com/mbillard11/Circuit-SAT" target="_blank" class="project-link">Github Repo</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact-section" class="bgmtl">
<div class="contact">
<div class="location-pin-container">
<div class="location-pin ">
<i class="fa-solid fa-location-dot"></i>
<h5 class="m-0">Montréal, QC</h5>
</div>
</div>
<h2>Get In Touch</h2>
<div class="contact-form-container">
<div class="contact-form">
<form action="https://api.web3forms.com/submit" method="POST">
<!-- Replace with your Access Key -->
<input type="hidden" name="access_key" value="61895d31-fa6e-47c2-88a2-bc2ac66a2bcc">
<!-- Name -->
<div class="form-group form-name position-relative">
<input type="text" id="formName" class="form-control form-control-lg thick" name="sender-name" placeholder="Name">
</div>
<!-- E-mail -->
<div class="form-group form-email position-relative">
<input type="email" id="formEmail" class="form-control form-control-lg thick" name="sender-email" placeholder="E-mail">
</div>
<!-- Message -->
<div class="form-group form-message message position-relative">
<textarea id="formMessage" class="form-control form-control-lg" rows="7" name="sender-message" placeholder="Message"></textarea>
</div>
<!-- hCaptcha Spam Protection -->
<div class="h-captcha" data-captcha="true" data-size="normal"></div>
<!-- Submit btn -->
<div class="text-center">
<button type="submit" id="submit-btn" class="btn btn-primary submit-btn" tabIndex="-1">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Site footer -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12" id="copy-container">
<p class="copyright-text">Copyright © 2024 All Rights Reserved by Me
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="linkedin" href="https://www.linkedin.com/in/mitchellbillard/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
<li><a class="github" href="https://github.com/mbillard11" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a class="twitter" href="https://twitter.com/mbillard_dev" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a class="briefcase" href="https://www.company3.com/" target="_blank"><i class="fa-solid fa-briefcase"></i></a></li>
</ul>
</div>
</div>
</div>
<a href="#" class="go-to-top">Go To Top</a>
</footer>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="script.js"></script>
<!-- Required for hCaptcha -->
<script src="https://web3forms.com/client/script.js" async defer></script>
<!-- MDB -->
<script
type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.2.0/mdb.umd.min.js"
></script>
</body>
</html>