Skip to content

Commit 58bad8d

Browse files
thomasgudjonwrightclaude
thomasgudjonwright
and
claude
committed
Update employment to PhysicsX, fix HTML issues, add mobile support
- Update bio and experience: PhysicsX ML Engineer (Mar 2025–present), ENODA Data Scientist (Nov 2023–Dec 2024) - Fix duplicate IDs: section_title, section_subtitle, edu_p → classes - Add mobile viewport meta tag and fill in responsive media query - Move #welcome inline styles to CSS - Add alt text to headshot and arrow images - Fix outdated fun fact tense ("I am" → "I was") - Delete dead index.js (entirely commented out) - Expand .gitignore to exclude node.exe, node_modules/, *.CR2 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 5701436 commit 58bad8d

4 files changed

Lines changed: 126 additions & 53 deletions

File tree

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,4 @@
11
**/.DS_Store
2+
node.exe
3+
node_modules/
4+
*.CR2

‎index.html‎

Lines changed: 34 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<title>Tom Wright</title>
44
<meta name="description" content="Thomas Wright">
55
<meta name="author" content="Thomas Wright">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<link rel="stylesheet" type="text/css" href="styles.css">
78
<script src="particles.js-master/dist/particles.min.js"></script>
89
<!-- Global site tag (gtag.js) - Google Analytics -->
@@ -19,16 +20,16 @@
1920
<body class="body">
2021
<canvas class="background"></canvas>
2122
<div class="center">
22-
<span style="font-family: 'Verdana'; font-size: 4vw; color: rgb(4, 7, 66);" id="welcome"></span>
23+
<span id="welcome"></span>
2324
</div>
2425
<div id="section_intro" style="z-index: -2;">
2526
</div>
2627
<div id="section_intro_1" style="z-index: 1;">
27-
<h1 id="section_title" style="margin-left: -6%; margin-top: -7%;">The Synopsis</h1>
28-
<img src="images/circle_headshot.png" id="headshot">
28+
<h1 class="section-title" style="margin-left: -6%; margin-top: -7%;">The Synopsis</h1>
29+
<img src="images/circle_headshot.png" id="headshot" alt="Tom Wright">
2930
<p id="text1_1">
30-
I am a Data Scientsit at <a href="https://enodatech.com/" target="_blank" class="enoda">ENODA</a>.
31-
I have a Masters in Business Analytics at MIT, focusing on Machine Learning and Optimization where I also served as Class President.
31+
I am a Machine Learning Engineer at <a href="https://www.physicsx.ai/" target="_blank">PhysicsX</a>.
32+
I have a Masters in Business Analytics at MIT, focusing on Machine Learning and Optimization where I also served as Class President.
3233
I have a BSc in Statistics and Computer Science from McGill, with research work at <a href="https://mila.quebec/en/" target="_blank" class="mila">Mila</a>.
3334
</p>
3435
<div class="bar">
@@ -52,13 +53,13 @@ <h3 class="bar-text" style="margin-left: 4.2%; margin-top: -3%;">Resume</h3>
5253
</div>
5354

5455
<div id="section_edu_mit">
55-
<h1 id="section_title" style="margin-top: 1%;">MIT Sloan x Operations Research Center</h1>
56+
<h1 class="section-title" style="margin-top: 1%;">MIT Sloan x Operations Research Center</h1>
5657
<ul>
57-
<li id="edu_p" style="margin-top: 6%;">Masters of Business Analytics - 2023</li>
58-
<li id="edu_p" style="margin-top: 2%;">Class President & Graduation Speaker</li>
59-
<li id="edu_p" style="margin-top: 2%;">Research Assistant (Operations Research Center)</li>
60-
<li id="edu_p" style="margin-top: 2%;">Sloan Senate and Health & Wellness committee</li>
61-
<li id="edu_p">Course experience includes:</li>
58+
<li class="edu-p" style="margin-top: 6%;">Masters of Business Analytics - 2023</li>
59+
<li class="edu-p" style="margin-top: 2%;">Class President & Graduation Speaker</li>
60+
<li class="edu-p" style="margin-top: 2%;">Research Assistant (Operations Research Center)</li>
61+
<li class="edu-p" style="margin-top: 2%;">Sloan Senate and Health & Wellness committee</li>
62+
<li class="edu-p">Course experience includes:</li>
6263
<ul style="columns: 3; margin-top: 1%; margin-left:-5%; width: 100%; color: rgb(4, 7, 66); font-family: Verdana;">
6364
<li>Analytics Tools</li>
6465
<li>Advanced Analytics Edge</li>
@@ -75,12 +76,12 @@ <h1 id="section_title" style="margin-top: 1%;">MIT Sloan x Operations Research C
7576
</div>
7677
<div id="section_edu_mit_1"></div>
7778
<div id="section_edu">
78-
<h1 id="section_title" style="margin-top: 1%;">McGill</h1>
79+
<h1 class="section-title" style="margin-top: 1%;">McGill</h1>
7980
<ul>
80-
<li id="edu_p" style="margin-top: 5%;">BSc Double Major Statistics and Computer Science - 2022</li>
81-
<li id="edu_p">J W McConnell Scholar</li>
82-
<li id="edu_p">Research Assistant (Mila)</li>
83-
<li id="edu_p">Course experience includes:</li>
81+
<li class="edu-p" style="margin-top: 5%;">BSc Double Major Statistics and Computer Science - 2022</li>
82+
<li class="edu-p">J W McConnell Scholar</li>
83+
<li class="edu-p">Research Assistant (Mila)</li>
84+
<li class="edu-p">Course experience includes:</li>
8485
<ul style="columns: 3; width: 90%; margin-top: 1%; margin-left: -5%; color: rgb(4, 7, 66); font-family: Verdana;">
8586
<li>Applied Machine Learning</li>
8687
<li>Algorithm Design</li>
@@ -106,8 +107,8 @@ <h1 id="section_title" style="margin-top: 1%;">McGill</h1>
106107

107108
<div id="section_exp" style="z-index: -2;"></div>
108109
<div id="section_exp_1">
109-
<h1 id="section_title">Experience</h1>
110-
<h2 id="section_subtitle" style="margin-left: 5%; margin-top: -2%;">Languages</h2>
110+
<h1 class="section-title">Experience</h1>
111+
<h2 class="section-subtitle" style="margin-left: 5%; margin-top: -2%;">Languages</h2>
111112
<ul style="color: white; font-family: Verdana;">
112113
<li>Python</li>
113114
<li>Julia</li>
@@ -118,7 +119,7 @@ <h2 id="section_subtitle" style="margin-left: 5%; margin-top: -2%;">Languages</h
118119
<li>OCaml</li>
119120
<li>Matlab</li>
120121
</ul>
121-
<h2 id="section_subtitle" style="margin-left: 5%; margin-top: -2%;">Technical</h2>
122+
<h2 class="section-subtitle" style="margin-left: 5%; margin-top: -2%;">Technical</h2>
122123
<ul style="color: white; font-family: Verdana;">
123124
<li>AWS</li>
124125
<li>Docker</li>
@@ -127,34 +128,35 @@ <h2 id="section_subtitle" style="margin-left: 5%; margin-top: -2%;">Technical</h
127128
</ul>
128129
</div>
129130
<div id="section_exp_2">
130-
<li id="edu_p" style="margin-left: 3%;">Data Scientist @ ENODA (Nov 2023 - present)</li>
131+
<li class="edu-p" style="margin-left: 3%;">Machine Learning Engineer @ <a href="https://www.physicsx.ai/" target="_blank">PhysicsX</a> (Mar 2025 - present)</li>
132+
<li class="edu-p" style="margin-left: 3%;">Data Scientist @ <a href="https://enodatech.com/" target="_blank" class="enoda">ENODA</a> (Nov 2023 - Dec 2024)</li>
131133
<ul style="color: rgb(4, 7, 66); font-family: Verdana;">
132-
<li style="margin-top: 1%;">Designing and developing signal control algorithms combining ML and optimization to enable self-balancing grids</li>
133-
<li style="margin-top: 1%;">Building data science standards, codebases, documentation and roadmaps preparing for team expansion</li>
134+
<li style="margin-top: 1%;">Designed and developed signal control algorithms combining ML and optimization to enable self-balancing grids</li>
135+
<li style="margin-top: 1%;">Built data science standards, codebases, documentation and roadmaps preparing for team expansion</li>
134136
</ul>
135-
<li id="edu_p" style="margin-left: 3%;">Research Intern @ Invenia Labs (May 2021 - Aug 2021)</li>
137+
<li class="edu-p" style="margin-left: 3%;">Research Intern @ Invenia Labs (May 2021 - Aug 2021)</li>
136138
<ul style="color: rgb(4, 7, 66); font-family: Verdana;">
137139
<li style="margin-top: 1%;"> Created an open source Julia package, <a href="https://github.com/invenia/LinearMixingModels.jl" target="_blank" class="lmms.jl">LinearMixingModels.jl</a>, that implements a specific class of multi-output Gaussian Process.</li>
138140
</ul>
139-
<li id="edu_p" style="margin-left: 3%;">Software Engineer Intern @ Invenia (May 2020 - Dec 2020)</li>
141+
<li class="edu-p" style="margin-left: 3%;">Software Engineer Intern @ Invenia (May 2020 - Dec 2020)</li>
140142
<ul style="color: rgb(4, 7, 66); font-family: Verdana;">
141143
<li style="margin-top: 1%;">Developed and analyzed the performance of cloud-computing infrastructure to enable better use of AWS tools</li>
142144
<li style="margin-top: 1%;">Performed data analysis and built predictive models of various forms. Designed and developed a Julia package from scratch as well as the infrastructure necessary to implement these in production</li>
143145
</ul>
144146
</div>
145147
<div id="section_ext" style="z-index: -2;">
146-
<h1 id="section_title">Extracurriculars</h1>
148+
<h1 class="section-title">Extracurriculars</h1>
147149
</div>
148150
<div id="section_ext_1">
149-
<h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Community</h2>
151+
<h2 class="section-subtitle" style="margin-left: 5%; padding-top: 1%;">Community</h2>
150152
<ul style="columns:1; color: white; font-family: Verdana;">
151153
<li><a href="https://www.reescommunity.com/" target="_blank" class="rees">REES</a> Youth Advisory Board member</li>
152154
<li><a href="https://hack4impact-mcgill.now.sh/" target="_blank" class="h4im">Hak4Impact McGill</a> software developer</li>
153155
<li>Coffee House organizer & performer</li>
154156
</ul>
155157
</div>
156158
<div id="section_ext_2">
157-
<h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Athletic & Artistic</h2>
159+
<h2 class="section-subtitle" style="margin-left: 5%; padding-top: 1%;">Athletic & Artistic</h2>
158160
<ul style="columns:2; color: white; font-family: Verdana;">
159161
<li>Ultimate Frisbee</li>
160162
<li>Rock Climbing</li>
@@ -168,10 +170,10 @@ <h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Athletic & A
168170
</div>
169171
<!-- ********************************************************* -->
170172
<div id="section_wri" style="z-index: -2;">
171-
<h1 id="section_title">Writing</h1>
173+
<h1 class="section-title">Writing</h1>
172174
</div>
173175
<div id="section_wri_1">
174-
<h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Papers</h2>
176+
<h2 class="section-subtitle" style="margin-left: 5%; padding-top: 1%;">Papers</h2>
175177
<ul style="columns:1; color: white; font-family: Verdana;">
176178
<li><a href="Writing/WeatherData_ProbabilisticElectricLoadForecasts.pdf" target="_blank" class="cs767">The effect of weather data on probabilistic electricity load forecasts</a></li>
177179
</ul>
@@ -192,7 +194,7 @@ <h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Papers</h2>
192194
</ul>
193195
</div>
194196
<div id="section_wri_2">
195-
<h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Blog Posts and misc.</h2>
197+
<h2 class="section-subtitle" style="margin-left: 5%; padding-top: 1%;">Blog Posts and misc.</h2>
196198
<ul style="columns:2; color: white; font-family: Verdana;">
197199
<li><a href="https://invenia.github.io/blog/2021/01/22/navigating-first-internship/" target="_blank" class="intern">Navigating Your First Technical Internship</a></li>
198200
<li><a href="Writing/GP_From_Scratch.pdf" target="_blank" class="gps">Building a Gaussian Process from Scratch</a></li>
@@ -205,7 +207,7 @@ <h2 id="section_subtitle" style="margin-left: 5%; padding-top: 1%;">Blog Posts a
205207
<button onclick="genFunFact()" class="button">Generate a random fun fact!</button>
206208
<p id="fun_fact"></p>
207209
</div>
208-
<h5 style="padding-top: 3%; text-align: center; size: 25; color: rgb(16, 9, 74); font-family: 'Verdana';"> McGill | Mila | MIT <a><img src="images/arrow.png" style="height: 10px; margin-bottom: -1px;"></a> Montreal <a><img src="images/arrow.png" style="height: 10px; margin-bottom: -1px;"></a> Cambridge, UK <a><img src="images/arrow.png" style="height: 10px; margin-bottom: -1px;"></a> Boston <a><img src="images/arrow.png" style="height: 10px; margin-bottom: -1px;"></a> Edinburgh</h5>
210+
<h5 style="padding-top: 3%; text-align: center; size: 25; color: rgb(16, 9, 74); font-family: 'Verdana';"> McGill | Mila | MIT <a><img src="images/arrow.png" alt="" style="height: 10px; margin-bottom: -1px;"></a> Montreal <a><img src="images/arrow.png" alt="" style="height: 10px; margin-bottom: -1px;"></a> Cambridge, UK <a><img src="images/arrow.png" alt="" style="height: 10px; margin-bottom: -1px;"></a> Boston <a><img src="images/arrow.png" alt="" style="height: 10px; margin-bottom: -1px;"></a> Edinburgh</h5>
209211
</body>
210212
<!-- ********************************************************* -->
211213
<!-- ********************** Javascript *********************** -->
@@ -251,7 +253,7 @@ <h5 style="padding-top: 3%; text-align: center; size: 25; color: rgb(16, 9, 74);
251253
"I like to bake cakes for my friends' and family members' birthdays.",
252254
"I have contributed to multiple open source Julia packages.",
253255
"I've written more than five songs on piano and/or guitar with vocals.",
254-
"I am President of the MIT Sloan Business Analytics Class of 2023."
256+
"I was President of the MIT Sloan Business Analytics Class of 2023."
255257
]
256258
var index = Math.floor(Math.random() * funFacts.length);
257259
document.getElementById("fun_fact").innerHTML = funFacts[index];

‎index.js‎

Lines changed: 0 additions & 18 deletions
This file was deleted.

‎styles.css‎

Lines changed: 89 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,11 @@ li {
5959
background-color: white;
6060
color: rgb(4, 7, 66);
6161
}
62+
#welcome {
63+
font-family: 'Verdana';
64+
font-size: 4vw;
65+
color: rgb(4, 7, 66);
66+
}
6267
/**/
6368
#section_intro {
6469
margin-top: 5%;
@@ -130,21 +135,21 @@ li {
130135
border-left: 5px solid rgb(4, 7, 66);
131136
}
132137

133-
#section_title {
138+
.section-title {
134139
font-family: "Verdana";
135140
font-size: 3vw;
136141
color: white;
137142
margin-top: -0.5%;
138143
}
139144

140-
#section_subtitle {
145+
.section-subtitle {
141146
font-family: "Verdana";
142147
font-size: 2vw;
143148
color: rgb(4, 7, 66);
144149
margin-top: -0.5%;
145150
}
146151

147-
#edu_p {
152+
.edu-p {
148153
font-family: "Verdana";
149154
font-size: 1.5vw;
150155
width: 90%;
@@ -387,5 +392,86 @@ a:hover {
387392
}
388393

389394
@media only screen and (max-width: 550px) {
395+
.center {
396+
width: 90%;
397+
margin-top: 10%;
398+
}
399+
400+
#welcome {
401+
font-size: 7vw;
402+
}
403+
404+
/* Reset all overlapping sections to stack vertically */
405+
#section_intro, #section_intro_1,
406+
#section_edu_mit, #section_edu_mit_1,
407+
#section_edu, #section_edu_1,
408+
#section_exp, #section_exp_1, #section_exp_2,
409+
#section_ext, #section_ext_1, #section_ext_2,
410+
#section_wri, #section_wri_1, #section_wri_2,
411+
#section_facts, #section_facts1 {
412+
width: 90% !important;
413+
margin-left: 5% !important;
414+
margin-top: 5% !important;
415+
height: auto !important;
416+
padding-bottom: 5%;
417+
}
418+
419+
#text1_1 {
420+
font-size: 4.5vw;
421+
width: 90%;
422+
margin-left: 5%;
423+
margin-top: 5%;
424+
}
425+
426+
#headshot {
427+
height: 45vw;
428+
display: block;
429+
margin: 0 auto;
430+
padding: 3% 0;
431+
}
432+
433+
.bar {
434+
height: auto;
435+
padding: 3% 0;
436+
}
437+
438+
.bar-item {
439+
width: 48%;
440+
margin-bottom: 5%;
441+
}
442+
443+
a .bar-icon {
444+
height: 18vw;
445+
}
446+
447+
.bar h3 {
448+
font-size: 3.5vw;
449+
}
450+
451+
li {
452+
font-size: 3.5vw;
453+
}
454+
455+
.section-title {
456+
font-size: 7vw;
457+
margin-left: 3%;
458+
margin-top: 3%;
459+
}
460+
461+
.section-subtitle {
462+
font-size: 5vw;
463+
}
464+
465+
.edu-p {
466+
font-size: 3.5vw;
467+
}
468+
469+
#fun_fact {
470+
font-size: 3.5vw;
471+
}
390472

473+
.button {
474+
font-size: 5vw;
475+
padding: 5vw;
476+
}
391477
}

0 commit comments

Comments
 (0)