-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
437 lines (384 loc) · 25.3 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
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I-see's Site</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Comfortaa&family=Montserrat:wght@400;700&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" type="image/x-icon" href="siteIMG/IzeeCon.PNG">
<link rel="stylesheet" href="styles.css">
</head>
<script async src="//www.instagram.com/embed.js"></script>
<body>
<header>
<nav>
<img
src="siteIMG/izee.gif"
alt="Icon"
class="header-icon"
id="headerIcon"
onclick="hitGif(); showTab('research')"
onmouseover="pauseGif()"
onmouseleave="playGif()"
>
<h1>I-see Warisa Jaidee</h1>
<ul>
<li><a href="#research" onclick="showTab('research')">Research</a></li>
<li><a href="#art" onclick="showTab('art')">Art</a></li>
<li><a href="#project" onclick="showTab('project')">Project</a></li>
</ul>
</nav>
</header>
<audio id="clickSound" src="click.mp3"></audio>
<main>
<!-- Art Section -->
<section id="art" class="tab-content">
<div class="p-container">
<h4>Particle Physics Comics published on <a href="https://www.nstda.or.th/sci2pub/category/columnist/isee/" target="_blank" rel="noopener noreferrer">Sarawit magazine</a></h4>
<ul class="p-content">
<div class="image-container">
<img src="siteIMG/C1.png" alt="Image 1" class="side-by-side-image" onclick= "openInNewTab('siteIMG/C1.png')">
<img src="siteIMG/C2.png" alt="Image 2" class="side-by-side-image" onclick= "openInNewTab('siteIMG/C2.png')">
<img src="siteIMG/C4.png" alt="Image 2" class="side-by-side-image" onclick= "openInNewTab('siteIMG/C4.png')">
</div>
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
<div style="flex: 1 1 45%;">
<h4>2024 <a href="https://sites.bc.edu/cuwip/">APS Conference for Undergraduate Women and Gender Minorities (CUWiP)</a></h4>
<div class="gallery5" style="display: flex; gap: 10px;">
<div class="gallery-item" style="flex: 1;">
<img src="siteIMG/Art/A16.png" style="width: 100%; height: auto;">
</div>
<div class="gallery-item" style="flex: 1;">
<img src="siteIMG/Art/A17.png" style="width: 100%; height: auto;">
</div>
</div>
</div>
<div style="flex: 1 1 45%;">
<h4>2024 <a href="https://niriss.github.io/">CAnadian NIRISS Unbiased Cluster Survey (CANUCS)</a> meeting</h4>
<div class="gallery5" style="display: flex; gap: 10px;">
<div class="gallery-item" style="flex: 1;">
<img src="siteIMG/Art/A18.png" style="width: 100%; height: auto;">
</div>
<div class="gallery-item" style="flex: 1;">
<img src="siteIMG/Art/A19.png" style="width: 100%; height: auto;">
</div>
</div>
</div>
</div>
</div>
<h4>Battat Lab and Q-Pix Consortium</h4>
<div class="gallery5">
<div class="gallery-item">
<img src="siteIMG/Art/A5.png">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A6.png">
</div>
<div class="gallery-item" onclick= "openInNewTab('siteIMG/Art/A11.png')">
<img src="siteIMG/Art/A11.png">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A12.png">
</div>
</div>
<h4>Wellesley College class council and students organizations</h4>
<div class="gallery5">
<div class="gallery-item">
<img src="siteIMG/Art/A1.png" onclick = "openInNewTab('https://www.instagram.com/p/Cb7z4g_uw50/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
<p>Class of 2025 Sweater</p>
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A3.png" onclick = "openInNewTab('https://www.instagram.com/p/CqG0ABIu4Qt/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
<p>Class of 2025 Tote Bag</p>
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A2.png">
<p>Slater Center Logo</p>
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A13.png" onclick= "openInNewTab('https://www.instagram.com/p/Cq28JIaOrJR/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
<p>SEASA : Southeast Asian Student Association</p>
</div>
</div>
<h4>A.S.T.R.O. club merchandise</h4>
<div class="gallery5">
<div class="gallery-item">
<img src="siteIMG/Art/A8.png" onclick= "openInNewTab('https://www.instagram.com/p/Cx6vQwLOT0b/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A14.png" onclick= "openInNewTab('https://www.instagram.com/p/Cx6vQwLOT0b/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A7.png" onclick= "openInNewTab('https://www.instagram.com/p/Cx6vQwLOT0b/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/A15.png" onclick= "openInNewTab('https://www.instagram.com/p/Cx6vQwLOT0b/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
</div>
</div>
<h4>Public Night Coloring Pages</h4>
<div class="container2">
<div class="section2 left">
<div class="gallery6">
<div class="gallery-item">
<img src="siteIMG/Art/S1.png" onclick="openInNewTab('https://drive.google.com/drive/folders/1NH4ei8TILmYNg5I9cq5ySyOn1x5l5yTk?usp=sharing')">
</div>
<div class="gallery-item">
<img src="siteIMG/Art/S2.png" onclick="openInNewTab('https://drive.google.com/drive/folders/1NH4ei8TILmYNg5I9cq5ySyOn1x5l5yTk?usp=sharing')">
</div>
</div>
</div>
<div class="section2 right">
<div class="gallery-item">
<img src="siteIMG/Art/S3.png" onclick="openInNewTab('https://drive.google.com/drive/folders/1NH4ei8TILmYNg5I9cq5ySyOn1x5l5yTk?usp=sharing')">
</div>
</div>
</div>
<h4>Dr. Lamiya Mowla research group <a href="https://www.lamiyamowla.com/noor">website</a></h4>
<div class="gallery5">
<div class="gallery-item"><img src="siteIMG/B3.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B4.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B11.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B15.png"></div>
</div>
<h4>MORE!!!</h4>
<div class="gallery5">
<div class="gallery-item"><img src="siteIMG/B1.PNG" onclick="openInNewTab('https://store.line.me/stickershop/product/12379556/en')"></div>
<div class="gallery-item"><img src="siteIMG/ss1.png"></div>
<div class="gallery-item"><img src="siteIMG/ss2.png"></div>
<div class="gallery-item"><img src="siteIMG/B2.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B12.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B13.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B14.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B16.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B5.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B6.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B7.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B8.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B9.PNG"></div>
<div class="gallery-item"><img src="siteIMG/B10.PNG"></div>
<div class="gallery-item"><img src="siteIMG/Q1.png"></div>
<div class="gallery-item"><img src="siteIMG/Q2.png"></div>
</div>
</section>
<section id="article4" class="tab-content" style="display:none;">
<span class="back-arrow" onclick="showTab('research')">← Back</span>
<div class="p-container" style="background-color: #f9f9f9;">
<h3>Development of Liquid Argon Purification System for Neutrino Research</h3>
<img src="siteIMG/tl_lab.png" class="article-img" style="height: 300px;">
<!--p>I have been working on demonstrating the performance of the Q-Pix readout prototype for neutrino research. My main contributions to the group include simulations and hands-on work to design, build, and test components of the apparatus for electronic testing of the readout circuit.</p>
<img src="siteIMG/T1.png" class="article-img" style="height: 300px;">
<p>During my sophomore year, I undertook an independent research project focusing on the simulation of electron trajectories. I simulated electron tracks through a Gas Electron Multiplier (GEM) and modeled electron diffusion under varying pressures and gas impurity levels. I utilized finite element analysis and computer-aided design to model field lines between the electrodes of the purity monitor to optimize its design and engineering dimensions.</p>
<img src="siteIMG/T3.png" class="article-img" style="height: 300px;"-->
<p>My senior honors thesis focuses on hands-on work to design and engineer the purifier and data analysis to assess its purifying performance using a homemade purity monitor. We built the Liquid Argon purifier and performed the regeneration process, a chemical reaction to activate water and oxygen reduction agents. The experimental setup was fine-tuned for optimized regeneration parameters, and initial data on removing oxygen and water contaminants have been collected.</p>
<p>My main contributions are designing and engineering the apparatus, and developing the graphical user interface (GUI) for real-time data visualization, available on GitHub <a href="https://github.com/IseeJ/PurifierGUI">Here</a>.</p>
<div style="display: flex; justify-content: center; align-items: center; gap: 20px;">
<img src="siteIMG/tl_diagram.png" class="article-img" style="height: 250px; object-fit: contain;">
<img src="siteIMG/tl_pyQt5.gif" class="article-img" style="height: 250px; object-fit: contain;">
</div>
<p>I am working on the purifier data analysis using measured water vapor concentration to verify the regeneration process. Moving forward, my focus will be on completing and optimizing the database for the slow-control system. I will develop a data analysis pipeline electron drift lifetime measurement and purity analysis.</p>
<p>This involves further enhancing the remote monitoring system, integrating data from all sensors in the lab for seamless operation, and upscaling the apparatus for further Q-pix operations.</p>
</div>
</section>
<!-- Research Section -->
<section id="research" class="tab-content" style="display:none;">
<div class="p-container">
<!--h2>Interests</h2-->
<p>Particle Physics Experiment | Neutrino | Dark Matter | Detectors | Instrumentation R&D</p>
<div class="people-container">
<div class="person-card" onclick= "openInNewTab('https://www.qpix.work/')">
<img src="siteIMG/Qpix.PNG">
<h3>Q-Pix</h3>
<p>2021 - 2023</p>
</div>
<div class="person-card" onclick="openInNewTab('https://sites.google.com/upr.edu/uscms-pursue/')">
<img src="siteIMG/MAPSA.PNG">
<h3>CMS PURSUE</h3>
<p>2023 - 2024</p>
</div>
<div class="person-card" onclick="openInNewTab('https://tess.mit.edu/followup/')">
<img src="siteIMG/TESSfollowup.PNG">
<h3>TESS follow-up</h3>
<p>2022 - Present</p>
</div>
<div class="person-card" onclick="showTab('article4')">
<img src="siteIMG/QPIXLAR.PNG">
<h3>Honors Thesis</h3>
<p>2023 - Present</p>
</div>
</div>
</div>
<div class="p-container">
<h2>Publications</h2>
<ul class="p-content">
<li>June 2024 | N. Hoch, et al. | <a href="https://doi.org/10.1088/1748-0221/19/06/P06007" target="_blank">First operation of a multi-channel Q-Pix prototype: measuring transverse electron diffusion in a gas time projection chamber</a>, Journal of Instrumentation</li>
<li>2016 - Present | IW. Jaidee | <a href="https://www.nstda.or.th/sci2pub/category/columnist/isee/">”Science meets Art”</a> column featuring monthly science articles and comics on <a href="https://www.nstda.or.th/sci2pub/sarawit/">Sarawit Magazine</a>,
National Science and Technology Development Agency, Thailand <a href="https://www.nstda.or.th/en/">(NSTDA)</a></li>
</ul>
</div>
<h2>Talks / Posters</h2>
<div class="gallery4">
<div class="gallery-item">
<img src="siteIMG/poster2.png" alt="Research Poster 1" onclick="openInNewTab('siteIMG/poster2.png')">
<div class="caption" style = "line-height: 1.2;">
<h4>Quality assurance of Macro-Pixel Sub-Assemblies (MaPSA) before installation in CMS</h4>
<h5><a href="https://sites.google.com/upr.edu/uscms-pursue/">2023 U.S. CMS PURSUE internship</a>, <a href="https://sites.bu.edu/bucuwip2023/">2023 APS CUWiP Poster Presentation</a></h5>
<p>Advisor: <a href="https://jdickins.web.cern.ch/">Dr. Jennet Dickinson</a>, Fermilab
<br>The High Luminosity upgrade for CERN's LHC will replace CMS silicon tracking detectors with PS modules featuring the Macro-Pixel Sub-Assembly (MaPSA). I developed database system for MaPSA quality assurance, enabling performance tracking of each MaPSA's pixel through an accessible database before installation into the CMS outer tracker.</p>
</div>
</div>
<div class="gallery-item">
<img src="siteIMG/poster3.png" alt="Research Poster 2" onclick="openInNewTab('siteIMG/poster3.png')">
<div class="caption" style = "line-height: 1.2;">
<h4>Development of a Small-Scale Liquid Argon Purification System for Neutrino Research</h4>
<h5><a href="https://www.wellesley.edu/news/a-summer-of-science">Science Center Summer Research Program 2024</a></h5>
<p>Advisor: <a href="https://www.wellesley.edu/people/james-battat">Dr. James Battat</a>, Wellesley College
<br>We developed a small-scale LAr purification system for neutrino detection, using active copper and molecular sieves to eliminate oxygen and water, ensuring low contaminant levels. I constructed the apparatus, developed data acquisition software, and ran the regeneration process to prepare the purifier.
</p>
</div>
</div>
<div class="gallery-item">
<img src="siteIMG/SAQ.png">
<div class="caption" style = "line-height: 1.2;">
<h3>Ruhlman Conference, Wellesley College</h3>
<p><li>April 11, 2024: Poster presentation "Neutrino Hunters-Developing Experimental Prototypes to Test Neutrino Detection Techniques" <a href="https://drive.google.com/file/d/1U04N5RcroFs_K8qXqnIdTmuSu_3_KVfU/view?usp=drive_link" target="_blank" rel="noopener noreferrer">Poster</a></li>
<br>
<li>April 26, 2023: Group panel on "Exploring The Universe From a Room With No Windows" <a href="https://docs.google.com/presentation/d/1q6S31qnQCdkUjAk4pswZKWvvU_YSc5mC1X5e0msTAJo/edit?usp=sharing" target="_blank" rel="noopener noreferrer">Presentation</a></li>
</p>
</div>
</div>
<div class="gallery-item">
<img src="siteIMG/SRP.png">
<div class="caption" style = "line-height: 1.2;">
<h3>Tanner Conference, Wellesley College</h3>
<p>
<li>October 29, 2024: Presentation on Wellesley summer research program experiences, "Tiny Particles, Big Questions: Exploring Experimental Particle Physics" <a href="https://docs.google.com/presentation/d/16lHIMn8pX0ygZFRSo-879njpF898w2ZwIXsptkJ02AY/edit?usp=drive_link" target="_blank" rel="noopener noreferrer">Presentation</a></li>
<br>
<li>November 14, 2023: Presentation on summer research experiences at Fermilab and Thai National Radio Telescope "From Subatomic Particles to the Vast Universe and Beyond…" <a href="https://docs.google.com/presentation/d/1MAvdtjC4u-fNZ-Oc4C4U__df1zNYNZ4soft58SW3xYI/edit?usp=drive_link" target="_blank" rel="noopener noreferrer">Presentation</a></li>
</p>
</div>
</div>
</div>
<div class="p-container">
<h2>Skills</h2>
<ul style="text-align: left; font-size: 18px; line-height: 1.5;">
<p><li><strong>Computing:</strong> Python, MATLAB, Arduino IDE, Unix shell, Finite Element Analysis (Gmsh, FreeFEM, Elmer), Computer-aided Design (OnShape, Autodesk Fusion), JavaScript</li>
<li><strong>Others:</strong> Graphic design, Website development</li>
</ul></p>
</div>
</div>
</section>
<!-- Project Section -->
<section id="project" class="tab-content" style="display:none;">
<div class="p-container">
<h2>Cosmos Persona</h2>
<ul class="p-content">
<p>I made an astronomy-themed personality quiz using JavaScript, HTML, and CSS as an ice-breaking activity and learning resource.
<a href='https://iseej.github.io/CosmosPersona/'>Play!</a>
</p>
<div class="image-container">
<img src="siteIMG/Cosmos0.gif" alt="Image 1" class="side-by-side-image" onclick= "openInNewTab('https://iseej.github.io/CosmosPersona/')">
<img src="siteIMG/cosmos1_1.png" alt="Image 2" class="side-by-side-image" onclick= "openInNewTab('https://www.instagram.com/p/C4l6R75vHGG/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==')">
<img src="siteIMG/cosmos1_2.png" alt="Image 2" class="side-by-side-image" onclick= "openInNewTab('https://iseej.github.io/CosmosPersona/Info/')">
</div>
</ul>
</div>
<br>
<div class="p-container">
<h2>Focus Bot</h2>
<ul class="p-content">
<p>In PHYS210: Experimental Techniques class, I made 'Focus Bot', a robot that will tap you if you spend too much time on your phone. I used Arduino IDE, pressure sensors, and servo motors! <a href="https://drive.google.com/file/d/1MzevpsNiB743qQhB4HaTsmLs5vbNmN05/view?usp=sharing">Video</a></p>
<div class="image-container">
<img src="siteIMG/Bot2.gif" class="side-by-side-image">
<img src="siteIMG/Bot1.png" class="side-by-side-image">
<img src="siteIMG/Bot3.gif" class="side-by-side-image" onclick= "openInNewTab('https://drive.google.com/file/d/1MzevpsNiB743qQhB4HaTsmLs5vbNmN05/view?usp=sharing')">
</div>
</div>
<br>
<div class="p-container">
<h2>Tickle Alarm Socks</h2>
<ul class="p-content">
<!--p>I shared bedroom with my sister. She has to wake up earlier than me for school, and her loud alarm also wakes me up as well. I sketched an idea to make a silent alarm, waking her up by tickling her feet. In 2021, I took an Introduction to Engineering class and revisited this idea again. </p-->
<p>Teaming up with my classmates, Alondra Galindo and Cheryl Wang for Engineering class final project, we implemented CAD drawing, Arduino Coding, and Mechanical knowledge to make a silent alarm which tickles your feet to wake you up. <a href ="https://docs.google.com/presentation/d/19kxic3aHyIFKm2OJkrKqBN4dBMcqFIQzui0tOQ1nKsk/edit?usp=sharing">Presentation</a></p>
<div class="image-container">
<img src="siteIMG/Sock1.png" class="side-by-side-image">
<img src="siteIMG/Sock2.png" class="side-by-side-image">
<img src="siteIMG/Sock3.png" class="side-by-side-image">
</div>
</ul>
</div>
<br>
<div class="p-container">
<h2>Cosmology Creative Project</h2>
<ul class="p-content">
</ul>
</div>
<br>
<div class="p-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/6CWVfGlI1aA?start=182"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div class="p-container">
<iframe src="https://iseej.github.io/Boink/" frameborder="0"></iframe>
</div>
</section>
</main>
<footer>
<ul class="socials">
<li><a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope"></i></a></li>
<li><a href="https://github.com/IseeJ" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="https://www.linkedin.com/in/iseewj/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
<p>Tel. +1 781 742 0586 | Wellesley, MA</p>
<p>© 2024 I-see Warisa Jaidee</p>
</footer>
<script>
document.addEventListener("DOMContentLoaded", function() {
showTab('project'); //default home page
});
//show tabs
function showTab(tabName) {
event.preventDefault();
const tabs = document.querySelectorAll('.tab-content');
tabs.forEach(tab => {
tab.style.display = 'none';
});
const selectedTab = document.getElementById(tabName);
selectedTab.style.display = 'block';
const navLinks = document.querySelectorAll('nav a');
navLinks.forEach(link => {
link.classList.remove('active');
});
const activeLink = document.querySelector(`nav a[href="#${tabName}"]`);
activeLink.classList.add('active');
}
function highlightActiveTab(activeTab) {
const links = document.querySelectorAll('nav a');
links.forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href').substring(1) === activeTab) {
link.classList.add('active');
}
});
}
function openInNewTab(imageSrc) {
window.open(imageSrc, '_blank');
}
function pauseGif() {
document.getElementById('headerIcon').src = 'siteIMG/IzeeCon.PNG';
}
function playGif() {
document.getElementById('headerIcon').src = 'siteIMG/izee.gif';
}
function hitGif() {
document.getElementById('headerIcon').src = 'siteIMG/izee2.gif';
}
</script>
</body>
</html>