Skip to content

Commit 81cd68d

Browse files
nwoyecidnwoyecid
authored
Create index.html
1 parent 0ab8246 commit 81cd68d

File tree

1 file changed

+370
-0
lines changed

1 file changed

+370
-0
lines changed

‎simgen/index.html

Lines changed: 370 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,370 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
4+
<head>
5+
<meta charset="utf-8">
6+
<!-- Meta tags for social media banners, these should be filled in appropriatly as they are your "business card" -->
7+
<!-- Replace the content tag with appropriate information -->
8+
<meta name="description" content="Endogen">
9+
<meta property="og:title" content="Endogen"/>
10+
<meta property="og:description" content="Endogen"/>
11+
<meta property="og:url" content="https://camma-public.github.io/endogen"/>
12+
13+
14+
<meta name="twitter:title" content="Endogen">
15+
<meta name="twitter:description" content="Endogen">
16+
<meta name="keywords" content="Endogen">
17+
<meta name="viewport" content="width=device-width, initial-scale=1">
18+
19+
20+
<title>Endogen</title>
21+
<link rel="icon" type="image/x-icon" href="../static/images/favicon.ico">
22+
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
23+
rel="stylesheet">
24+
25+
<link rel="stylesheet" href="../static/css/bulma.min.css">
26+
<link rel="stylesheet" href="../static/css/bulma-carousel.min.css">
27+
<link rel="stylesheet" href="../static/css/bulma-slider.min.css">
28+
<link rel="stylesheet" href="../static/css/fontawesome.all.min.css">
29+
<link rel="stylesheet"
30+
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
31+
<link rel="stylesheet" href="../static/css/index.css">
32+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@photo-sphere-viewer/core/index.min.css"/>
33+
34+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
35+
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
36+
<script defer src="../static/js/fontawesome.all.min.js"></script>
37+
<script src="../static/js/bulma-carousel.min.js"></script>
38+
<script src="../static/js/bulma-slider.min.js"></script>
39+
<script src="../static/js/index.js"></script>
40+
<script src="https://cdn.jsdelivr.net/npm/three/build/three.min.js"></script>
41+
<script src="https://cdn.jsdelivr.net/npm/@photo-sphere-viewer/core/index.min.js"></script>
42+
43+
<script src="../static/js/video_block.js"></script>
44+
<style>
45+
#more_example {
46+
margin-top: 50px;
47+
width: 80rem;
48+
max-width: 80vw;
49+
border: none;
50+
outline: none;
51+
cursor: pointer;
52+
font-size: 2rem;
53+
color: white;
54+
background-image: url('./../static/images/overall.gif');
55+
background-size: cover;
56+
padding-top: 12.25%;
57+
padding-bottom: 12.25%
58+
}
59+
60+
.navbar {
61+
display: flex;
62+
justify-content: space-between;
63+
align-items: center;
64+
background-color: #333;
65+
position: fixed; /* Fixed positioning */
66+
top: 0; /* Stick to the top */
67+
width: 100%; /* Full width */
68+
z-index: 1000; /* Make sure it stays on top of other content */
69+
}
70+
71+
.navbar a, .navbar h1 {
72+
color: white;
73+
text-decoration: none;
74+
padding: 14px 20px;
75+
}
76+
77+
.navbar h1 {
78+
margin: 0;
79+
padding-left: 8px;
80+
}
81+
82+
.navbar-right {
83+
display: flex;
84+
flex-direction: row-reverse;
85+
flex-flow: row wrap;
86+
}
87+
88+
.hover-underline-animation {
89+
display: inline-block;
90+
position: relative;
91+
color: #0087ca;
92+
}
93+
94+
.hover-underline-animation::after {
95+
content: '';
96+
position: absolute;
97+
width: 100%;
98+
transform: scaleX(0);
99+
height: 2px;
100+
bottom: 0;
101+
left: 0;
102+
background-color: #0087ca;
103+
transform-origin: bottom right;
104+
transition: transform 0.25s ease-out;
105+
}
106+
107+
.hover-underline-animation:hover::after {
108+
transform: scaleX(1);
109+
transform-origin: bottom left;
110+
}
111+
112+
.team-section {
113+
background: #fff;
114+
text-align: center;
115+
padding: 20px;
116+
}
117+
118+
.team-section h2 {
119+
font-size: 2em;
120+
}
121+
122+
.member-container {
123+
display: flex;
124+
justify-content: center;
125+
flex-wrap: wrap;
126+
padding: 10px;
127+
}
128+
129+
.member {
130+
flex: 0 0 30%; /* each member will take up 30% of the container width */
131+
margin: 10px;
132+
box-sizing: border-box;
133+
}
134+
135+
.member img {
136+
border-radius: 50%; /* Makes the images round */
137+
width: 100px; /* Adjust as needed */
138+
height: 100px; /* Adjust as needed */
139+
margin-bottom: 10px;
140+
display: block; /* Center image in its container */
141+
margin-left: auto;
142+
margin-right: auto;
143+
}
144+
145+
.member p {
146+
margin: 5px 0;
147+
}
148+
149+
.logos {
150+
margin-top: 20px;
151+
}
152+
153+
.logos img {
154+
height: 50px; /* Adjust as needed */
155+
margin: 0 10px;
156+
vertical-align: middle;
157+
}
158+
159+
@keyframes rotate3D {
160+
0% {
161+
transform: perspective(500px) rotateY(0deg);
162+
}
163+
100% {
164+
transform: perspective(500px) rotateY(360deg);
165+
}
166+
}
167+
168+
.rotating-text-3d {
169+
display: inline-block;
170+
/*animation: rotate3D 5s linear infinite;*/
171+
}
172+
173+
.survey {
174+
float: right;
175+
}
176+
177+
.larger-contents {
178+
position: relative;
179+
font-family: Arial, sans-serif;
180+
overflow-x: auto; /* Enable horizontal scrolling */
181+
overflow-y: hidden; /* Disable vertical scrolling */
182+
width: 100%; /* Adjust width as needed */
183+
height: auto;
184+
white-space: nowrap; /* Prevent wrapping */
185+
}
186+
187+
</style>
188+
</head>
189+
190+
191+
<body>
192+
193+
<div class="navbar">
194+
<a style="font-size: 2rem"
195+
href="#top">
196+
<div class="rotating-text-3d"><b><i><a href="..">Endogen</a></i></b></div>
197+
</a>
198+
<div class="navbar-right">
199+
<a href="#abstract" class="hover-underline-animation">Abstract</a>
200+
<a href="#example" class="hover-underline-animation">Results</a>
201+
<a href="#survey" class="hover-underline-animation">Survey</a>
202+
<a href="#leaderboard" class="hover-underline-animation">Leaderboard</a>
203+
</div>
204+
</div>
205+
206+
207+
<section class="hero" style="padding-top: 100px">
208+
<div class="hero-body">
209+
<div class="container is-max-desktop">
210+
<div class="columns is-centered">
211+
<div class="column has-text-centered">
212+
213+
<!--<p>Endogen is to revolutionize surgical data creation by bringing an unprecedented level of realism to medical professionals, researchers, and learners worldwide. We are dedicated to creating a cutting-edge AI generative model that crafts surgical data with unparalleled precision.</p>-->
214+
215+
<div class="content">
216+
<h1 class="title is-1 publication-title"><span><i> </i></span>Simultaneous Surgical Image-Mask Generation</h1>
217+
<!-- <div class="is-size-5 publication-authors">
218+
<span class="author-block"><a href="https://nwoyecid.github.io/" target="_blank">Chinedu Nwoye</a>,</span>
219+
<span class="author-block"><a href="https://www.linkedin.com/in/boserupak1/?originalSubdomain=ee" target="_blank">Rupak Bose</a></span>,
220+
<span class="author-block"><a href="https://www.linkedin.com/in/karimelgohary/?originalSubdomain=eg" target="_blank">Kareem Elgohary</a></span>,
221+
<span class="author-block"><a href="https://www.linkedin.com/in/lorenzoarboit/?originalSubdomain=fr" target="_blank">Lorenzo Arboit</a></span>,
222+
<span class="author-block"><a href="https://www.linkedin.com/in/giorgio-carlino-b85506179/?originalSubdomain=it" target="_blank">Giorgio Carlino</a></span>,
223+
<span class="author-block"><a href="https://scholar.google.com/citations?user=DuYFrSUAAAAJ&hl=en" target="_blank">Joel Lavanchy</a></span>,
224+
<span class="author-block"><a href="https://www.researchgate.net/profile/Pietro-Mascagni" target="_blank">Pietro Mascagni</a></span>,
225+
<span class="author-block"><a href="https://camma.unistra.fr/npadoy/" target="_blank">Nicolas Padoy</a></span>
226+
</div> -->
227+
228+
229+
<div class="is-size-5 publication-authors">
230+
<b><span class="author-block"><a href="https://camma.unistra.fr" target="_blank">Research Group CAMMA</a>, <a href="#">University of Strasbourg</a></span></b>
231+
232+
<!--<div style="display: flex; justify-content: space-around">
233+
<span class="eql-cntrb" style="font-size: 1.25rem!important"><br><small><a href="https://cvpr.thecvf.com/">The IEEE/CVF Conference on Computer Vision and Pattern Recognition (CVPR) 2024</a><p
234+
style="color:#800519"><b>(Oral Presentation)</b></p></small></span>
235+
</div>-->
236+
</div>
237+
238+
239+
<div class="column has-text-centered">
240+
<div class="publication-links">
241+
No Contents Yet.
242+
243+
<!-- Arxiv PDF link -->
244+
<!-- <span class="link-block">
245+
<a href="#"
246+
target="_blank"
247+
class="external-link button is-normal is-rounded is-dark">
248+
<span class="icon">
249+
<i class="fas fa-file-pdf"></i>
250+
</span>
251+
<span>Research Paper</span>
252+
</a>
253+
</span> -->
254+
255+
<!-- Supplementary PDF link -->
256+
<!-- <span class="link-block">
257+
<a href="#"
258+
target="_blank"
259+
class="external-link button is-normal is-rounded is-dark">
260+
<span class="icon">
261+
<i class="fas fa-file-pdf"></i>
262+
</span>
263+
<span>Supplementary</span>
264+
</a>
265+
</span> -->
266+
267+
<!-- <span class="link-block">
268+
<a href="https://arxiv.org/abs/2407.09230" target="_blank"
269+
class="external-link button is-normal is-rounded is-dark">
270+
<span class="icon">
271+
<i class="ai ai-arxiv"></i>
272+
</span>
273+
<span>arXiv</span>
274+
</a>
275+
</span> -->
276+
277+
<!--
278+
<span class="link-block">
279+
<a href="#survey"
280+
class="button is-normal is-rounded is-dark">
281+
<span class="icon">
282+
<i class="fa fa-archive"></i>
283+
</span>
284+
<span>Survey</span>
285+
</a>
286+
</span>
287+
288+
<span class="link-block">
289+
<a href="#"
290+
target="_blank"
291+
class="external-link button is-normal is-rounded is-dark">
292+
<span> Leaderboard </span>
293+
</a>
294+
</span>
295+
-->
296+
297+
<!-- Github link -->
298+
<!-- <span class="link-block">
299+
<a href="#"
300+
target="_blank"
301+
class="external-link button is-normal is-rounded is-dark">
302+
<span class="icon">
303+
<i class="fab fa-github"></i>
304+
</span>
305+
<span>Code</span>
306+
</a>
307+
</span> -->
308+
</div>
309+
</div>
310+
</div>
311+
</div>
312+
313+
</div>
314+
</div>
315+
</div>
316+
</section>
317+
318+
319+
320+
<footer class="footer" id="team">
321+
<div class="container">
322+
<div class="columns is-centered">
323+
<div class="column is-8">
324+
<div class="content">
325+
326+
<h2 class="title is-3">Acknowledgement</h2>
327+
<div class="member-container">
328+
<p>
329+
This work was supported by French state funds managed within the Plan Investissements d’Avenir by the ANR under references: National AI Chair AI4ORSafety [ANR-20-CHIA-0029-01], IHU Strasbourg [ANR-10-IAHU-02] and by BPI France [Project 5G-OR].
330+
This work was granted access to the servers/HPC resources managed by CAMMA, IHU Strasbourg, Unistra Mesocentre, and GENCI-IDRIS [Grant 2021-AD011011638R3, 2021-AD011011638R4].
331+
</p>
332+
<br /><hr /><br />
333+
334+
<!-- Repeat for each team member -->
335+
<div class="logos" style="padding-bottom: 50px; padding-top: 50px">
336+
<!-- Repeat for each logo -->
337+
<a href="https://camma.unistra.fr/"><img src="../static/images/camma.png"
338+
alt="CAMMA"/></a>
339+
340+
<a href="https://www.ihu-strasbourg.eu/"><img src="../static/images/ihu.png"
341+
alt="IHU"/></a>
342+
<a href="https://en.unistra.fr/"><img
343+
src="../static/images/unistra.png"
344+
alt="Unistra"/></a>
345+
346+
<!-- Repeat for other logos -->
347+
</div>
348+
</div>
349+
350+
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img
351+
alt="Creative Commons License" style="border-width:0"
352+
src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png"/></a><br/>This work is licensed
353+
under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons
354+
Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
355+
<br>
356+
<br>
357+
<p>
358+
This page was built using the <a
359+
href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic
360+
Project Page Template</a>.
361+
</p>
362+
</div>
363+
</div>
364+
</div>
365+
</div>
366+
367+
</footer>
368+
369+
</body>
370+
</html>

0 commit comments

Comments
 (0)