-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (175 loc) · 7.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Academic Profile</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
.container {
max-width: 900px;
margin: 50px auto;
background: #fff;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.profile-pic {
width: 150px;
height: 150px;
border-radius: 50%;
margin-bottom: 20px;
background-color: #ccc; /* Placeholder color */
}
h1, h2 {
color: #333;
}
h1 {
margin-top: 0;
}
.tabs {
display: flex;
justify-content: space-around;
background-color: #f4f4f4;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #ddd;
}
.tab {
padding: 10px;
cursor: pointer;
background-color: #ddd;
border-radius: 5px;
transition: background-color 0.3s;
}
.tab:hover {
background-color: #ccc;
}
.tab.active {
background-color: #fff;
border-bottom: 2px solid #fff;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
section {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="container">
<section id="profile">
<div class="profile-pic" style="background-image: url('https://avatars.githubusercontent.com/u/11821987?v=4'); background-size: cover;"></div>
<h1>Omar Duran</h1>
<p> A computational mechanician with a solid foundation in reservoir engineering, continuum mechanics, applied mathematics, and finite element methods. </p>
<p><strong>Current Position:</strong> Research Scientist, Department of Energy Science and Engineering, Stanford University</p>
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
</section>
<section id="education">
<h2>Education</h2>
<p><strong>Postdoctoral fellow in Applied mathematics</strong>, CERMICS (ENPC) and INRIA-Paris - Advisor: Alexandre Ern, 11.2019-12.2020</p>
<p><strong>PhD in Science and Petroleum Engineering</strong>, Universidade Estadual de Campinas - Advisor: Philippe Devloo, 09.2017</p>
<p><strong>M.Sc. in Science and Petroleum Engineering</strong>, Universidade Estadual de Campinas, 02.2013</p>
<p><strong>B.Sc. in Science and Petroleum Engineering</strong>, Universidad Industrial de Santander, 11.2010</p>
<!-- Add more education entries as needed -->
</section>
<!-- Tabbed Navigation -->
<div class="tabs">
<div class="tab active" onclick="showTab('research-interests')">Research Interests</div>
<div class="tab" onclick="showTab('projects')">Projects</div>
<div class="tab" onclick="showTab('publications')">Publications</div>
<div class="tab" onclick="showTab('talks')">Talks</div>
<div class="tab" onclick="showTab('advisees')">Student Advisees</div>
</div>
<!-- Tab Content -->
<!-- Research Interests Tab -->
<div id="research-interests" class="tab-content active">
<section>
<h2>Research Interests</h2>
<!-- First Paragraph -->
<p>
I specialize in computational mechanics, emphasizing the development of numerical schemes for solving partial differential equations (PDEs), particularly utilizing finite element techniques. My expertise includes multiphase and compositional flow, geomechanics, reservoir simulation, and computational plasticity.
</p>
<!-- Second Paragraph -->
<p>
My research interests are closely tied to the mathematical foundations of numerical methods, particularly finite element methods and their connections to other approximation techniques. I am actively engaged in the study of mixed-dimensional partial differential equations (PDEs) and high-order approximations in both time and space. Additionally, I investigate formulations for compositional multiphase problems, with a specific emphasis on variables related to flash specifications, including the overall composition formulation. Furthermore, I am interested in devising schemes for non-classical continuum mechanics (Cauchy media), including Cosserat elasticity and micropolar media.
</p>
</section>
</div>
<!-- Research Interests Tab -->
<div id="projects" class="tab-content">
<section>
<h2>Projects</h2>
<p>
I developed a finite element library for multiphysics applications, utilizing automatic differentiation and a collection of finite elements supported by <a href="https://github.com/FEniCS/basix" target="_blank">basix</a>. This library is particularly valuable for prototyping finite element methods for multiphysics problems and extensively explores the concept of graphs and their connections with differential complexes. For more information, please refer to the repository: <a href="https://github.com/OmarDuran/nfempy" target="_blank">nfempy</a>.
</p>
</section>
</div>
<!-- Publications Tab -->
<div id="publications" class="tab-content">
<section>
<h2>Publications</h2>
<a href="https://orcid.org/0000-0002-0343-9890" target="_blank">ORCID</a>
<a href="https://scholar.google.com/citations?user=HyjxEasAAAAJ&hl=" target="_blank">Google Scholar</a>
<a href="https://www.researchgate.net/profile/Omar-Duran-4" target="_blank">ResearchGate</a>
</section>
</div>
<!-- Talks Tab -->
<!-- <div id="talks" class="tab-content">
<section>
<h2>Talks</h2>
<ul>
<li><strong>Author A, Author B</strong>. "Title of the paper." <i>Journal Name</i>, 20XX.</li>
<li><strong>Author C, Author D</strong>. "Title of another paper." <i>Conference Name</i>, 20XX.</li> -->
<!-- Add more talks as needed -->
<!-- </ul>
</section>
</div> -->
<!-- Student Advisees Tab -->
<div id="advisees" class="tab-content">
<section>
<h2>Current</h2>
<ul>
<li><strong>Veljko Lipovac</strong>: Ph.D. in Applied Mathematics, University of Bergen, Bergen, Norway (08.2021 – Present). Co-advised with Prof. Inga Berre. </li>
<!-- Add more advisees as needed -->
</ul>
<h2>Past</h2>
<ul>
<li><strong>Sundus Iqbal</strong>: M.Sc. in Applied Mathematics, University of Bergen, Bergen, Norway (10.2023 – 12.2024). Co-advised with Prof. Kundan Kumar. </li>
<li><strong>Jose Villegas</strong>: Ph.D. in Science and Petroleum Engineering, Universidade Estadual de Campinas, São Paulo, Brazil (03.2018 – 07.2023). Co-advised by Prof. Philippe Devloo. </li>
<li><strong>Ingrid Kristine Jacobsen</strong>: M.Sc. in Applied Mathematics, University of Bergen, Bergen, Norway (01.2022 – 06.2022).</li>
<li><strong>Solveig H. Stefansdottir</strong>: M.Sc. in Applied Mathematics, University of Bergen, Bergen, Norway (01.2023 – 07.2023). Co-advised with Prof. Kundan Kumar.</li>
<!-- Add more advisees as needed -->
</ul>
</section>
</div>
<section id="contact">
<h2>Contact Information</h2>
<p>Feel free to get in touch via email or through my <a href="https://github.com/OmarDuran">GitHub</a> profile.</p>
</section>
</div>
<script>
function showTab(tabId) {
const tabs = document.querySelectorAll('.tab');
const contents = document.querySelectorAll('.tab-content');
tabs.forEach(tab => {
tab.classList.remove('active');
});
contents.forEach(content => {
content.classList.remove('active');
});
document.querySelector(`#${tabId}`).classList.add('active');
document.querySelector(`.tab[onclick="showTab('${tabId}')"]`).classList.add('active');
}
</script>
</body>
</html>