-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (111 loc) · 4.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="shortcut icon" type="image/png" href="img/moi.png" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"/>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600&display=swap" rel="stylesheet" />
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="css/style.css" />
<title>Martin Lebourdais</title>
<script defer src="script/script.js"></script>
</head>
<body>
<header class="header">
<nav class="nav">
<img src="" data-version-number="3.0" />
<ul class="nav__links">
<li class="nav__item">
<a class="nav__link" href="#">Home</a>
</li>
<li class="nav__item">
<a class="nav__link" href="#section--1">About</a>
</li>
<li class="nav__item">
<a class="nav__link" href="#section--3">Publications</a>
</li>
<li class="nav__item">
<a class="nav__link nav__link--btn btn--show-modal" href="#">Contact Me</a>
</li>
</ul>
</nav>
<div class="header__title">
<img src="img/moi_vide.png" id="logo" alt="Me" />
<div>
<h1>
<!-- Green highlight effect -->
Martin <span class="highlight">Lebourdais</span>
</h1>
<h4>Post-doctoral reasearcher at IRIT, Toulouse</h4>
<button class="btn--text btn--scroll-to">Learn more ↓</button>
<!-- <img src="img/stuffs.jpg" class="header__img" alt="Minimalist items" /> -->
</div>
</div>
</header>
<section class="section" id="section--1">
<div class="section__title">
<h2 class="section__description">About Me</h2>
<h3 class="section__header">
Hey,<br/> I'm a new Post-doctoral researcher at IRIT (France).<br/>
My current works focus on diarization and source separation as a joint task. This topic could be related to my previous interest: Overlapped speech.<br/>
Either from a low-level perspective with the detection of overlapped speech from audio signal, or the detection of speech interruptions,
that are correlated with overlapped areas.<br/>
I'm mainly focused on the audio modality with interests spanning from corpus creation to the evaluation of systems, analysis of results, and definition of evaluation frameworks.
</h3>
</div>
<section class="section" id="section--3">
<div class="section__title section__title--testimonials">
<h2 class="section__description">Publications</h2>
<h3 class="section__header">
My last publications
</h3>
<div id="publications">
</div>
</div>
</section>
<section class="section section--sign-up">
<div class="section__title">
<h3 class="section__header">
Contacts
</h3>
<a href="www.linkedin.com/in/martin-lebourdais" class="fa-brands fa-linkedin fa-2xl"></a>
<a href="https://github.com/Lebourdais" class="fa-brands fa-github fa-2xl"></a>
<a href="https://scholar.google.com/citations?user=oe0FBVgAAAAJ" class="fa-solid fa-graduation-cap fa-2xl"></a>
<a href="https://orcid.org/0000-0001-7150-0588" class="fa-brands fa-orcid fa-2xl"></a>
<!--<a href="#" class="fa fa-box-archive">Hal</a>-->
</div>
</section>
<footer class="footer">
<ul class="footer__nav">
<li class="footer__item">
<a class="footer__link" href="#section--1">About</a>
</li>
<li class="footer__item">
<a class="footer__link" href="#section--3">Publications</a>
</li>
<li class="footer__item">
<a class="footer__link" href="#">Contact Me</a>
</li>
</footer>
<!-- <div class="modal hidden">
<button class="btn--close-modal">×</button>
<h2 class="modal__header">
Will reply within <br />
<span class="highlight">a day</span>
</h2>
<form class="modal__form">
<label>First Name</label>
<input type="text" />
<label>Last Name</label>
<input type="text" />
<label>Email Address</label>
<input type="email" />
<button class="btn">Next step →</button>
</form>
</div>
<div class="overlay hidden"></div> -->
</body>
</html>