-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (120 loc) · 7.11 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" shrink-to-fit="no">
<meta content="portfolio website for Cris Claessens" name="description">
<meta content="Cris Claessens https://github.com/cclaess" name="author">
<title>Cris Claessens | PhD Researcher TU/e</title>
<link href="img/icon.ico" rel="shortcut icon"/>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;500&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap-grid.css" rel="stylesheet">
</head>
<body>
<button onclick="dayNightToggle()">Toggle dark mode</button>
<div class="container vertical-center">
<div class="row">
<div class="center">
<h1><span class="wave-text">Hi, I'm Cris</span></h1>
<p class="title-desc center">Medical Computer Vision Researcher at <a href="https://www.tue.nl/en/">TU/e</a> </p>
<p class="title-desc center">PhD Electrical Engineering</p>
<div class="col-md-8 col-sm-9 center">
<div class="row" id="social-list"></div>
</div>
</div>
<img class="center col-10 col-sm-10 col-lg-4 col-md-4" src="img/me.jpg" style="border-radius: 50%; object-fit: cover; width: 70%;">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="center col-10 col-sm-10 col-lg-8 col-md-8">
<h2>About Me</h2>
<p class="justify-content">I am a Ph.D. candidate passionate about tackling clinical challenges and translating them into innovative technical solutions. My work focuses on developing cutting-edge computer vision algorithms to analyze 3D medical images, with a strong interest in applying deep learning techniques for early cancer diagnosis. I thrive on the complexity of medical data and the opportunity to contribute to advancing patient care through technology. My research is part of a close collaboration between (a) the Eindhoven University of Technology, The Netherlands, (b) the Erasmus University Medical Center Rotterdam, The Netherlands, and (c) the Catharina Hospital Eindhoven, The Netherlands.</p>
</div>
</div>
</div>
<!--
<div class="container-fluid">
<div class="row spacing">
<div class="center col-10 col-sm-10 col-lg-5 col-md-5 spacing">
<a class="some-padding" href="publications.html"> Research Output</a> <a class="some-padding" href="projects.html">Selected Projects</a> <a class="some-padding" href="services.html">Services</a>
</div>
</div>
</div>
<div class="container-fluid resume-text">
<a href="resume/CV.pdf">
<div class="resume-img"></div>
Resume
</a>
</div>
-->
<div class="container">
<div class="row">
<div class="center col-10 col-sm-10 col-lg-10 col-md-10 spacing">
<h1>My Publications</h1>
<div class="filter-container">
<label for="year-filter">Filter by year:</label>
<select id="year-filter" class="custom-select">
<option value="all">All Years</option>
<option value="2024">2024</option>
</select>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const yearFilter = document.getElementById('year-filter');
const publications = document.querySelectorAll('.year');
yearFilter.addEventListener('change', function() {
const selectedYear = this.value;
publications.forEach(yearSection => {
if (selectedYear === 'all' || yearSection.id === selectedYear) {
yearSection.style.display = 'block';
} else {
yearSection.style.display = 'none';
}
});
});
});
</script>
<div class="year" id="2024">
<h2 class="pub-year">2024</h2>
<hr>
<ul>
<li data-venue="MICCAI CAPTION">
<div class="publication-content">
<a href="">
Multi-center ovarian tumor classification using hierarchical transformer-based multiple-instance learning</a><br>
<p>Authors: <b>C.H.B. Claessens</b>; E.W.R. Schultz; A. Koch; I. Nies; T.A.E. Hellström; J. Nederend; I. Niers-Stobbe; A. Bruining; J.M.J. Piek; P.H.N. de With; F. van der Sommen</p>
<a href="https://caption-workshop.github.io/">International Conference on Medical Image Computing and Computer-Assisted Intervention - Cancer Prevention, detection, and intervenTion</a><br>
<a class="external-element" href="https://link.springer.com/chapter/10.1007/978-3-031-73376-5_1">abstract</a>
<a class="external-element" href="https://link.springer.com/content/pdf/10.1007/978-3-031-73376-5.pdf">pdf</a>
</div>
</li>
<li data-venue="SPIE MI">
<div class="publication-content">
<a href="https://www.spiedigitallibrary.org/conference-proceedings-of-spie/12926/129261L/Evaluating-task-specific-augmentations-in-self-supervised-pre-training-for/10.1117/12.3000850.full">
Evaluating Task-specific Augmentations in Self-Supervised Pre-training for 3D Medical Image Analysis</a><br>
<p>Authors: <b>C.H.B. Claessens</b>; J.J.M. Hamm; C.G.A. Viviers; J. Nederend; D.J. Grunhagen; P.J. Tanis; P.H.N. de With; F. van der Sommen</p>
<a href="https://spie.org/conferences-and-exhibitions/medical-imaging#_=_">SPIE Medical Imaging</a><br>
<a class="external-element" href="https://www.spiedigitallibrary.org/conference-proceedings-of-spie/12926/129261L/Evaluating-task-specific-augmentations-in-self-supervised-pre-training-for/10.1117/12.3000850.full">abstract</a>
<a class="external-element" href="https://www.spiedigitallibrary.org/proceedings/Download?urlId=10.1117%2F12.3000850">pdf</a>
<a class="external-element" href="https://github.com/cclaess/3DMedDINO">code</a>
</div>
</li>
<!-- Add more publications as needed -->
</ul>
</div>
<!--
<div>
<p class="equal-content">* denotes equal contribution</p>
</div>
-->
</div>
</div>
</div>
<script src="js/load.js" type="text/javascript"></script>
<script>
</script>
</body>
</html>