Skip to content

Commit 0c410b8

Browse files
fberiofberio
committed
Create mexican_tetra.html
1 parent 7a2e24e commit 0c410b8

1 file changed

Lines changed: 229 additions & 0 deletions

File tree

‎mexican_tetra.html‎

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<title>Fidji Berio</title>
8+
<meta name="author" content="Fidji Berio">
9+
<meta name="description" content="Fidji Berio | Homepage">
10+
<meta name="keywords" content="Fidji Berio,Fidji,Berio,PhD,Doctorat,Thèse,Thesis,France,French,Shark">
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
<link rel="apple-touch-icon" href="apple-touch-icon.png">
13+
14+
<meta name="robots" content="index, follow">
15+
<meta name="revisit-after" content="7 days" />
16+
17+
<link rel="stylesheet" href="css/bootstrap.min.css">
18+
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
19+
<link rel="stylesheet" href="css/fontAwesome.css">
20+
<link rel="stylesheet" href="css/light-box.css">
21+
<link rel="stylesheet" href="css/owl-carousel.css">
22+
<link rel="stylesheet" href="css/templatemo-style.css">
23+
24+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
25+
26+
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
27+
28+
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
29+
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
30+
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
31+
<link rel="manifest" href="site.webmanifest">
32+
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
33+
<meta name="msapplication-TileColor" content="#da532c">
34+
<meta name="theme-color" content="#ffffff">
35+
</head>
36+
37+
<body>
38+
<header class="nav-down responsive-nav hidden-lg hidden-md">
39+
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
40+
<span class="sr-only">Toggle navigation</span>
41+
<span class="icon-bar"></span>
42+
<span class="icon-bar"></span>
43+
<span class="icon-bar"></span>
44+
</button>
45+
<div id="main-nav" class="collapse navbar-collapse">
46+
<nav>
47+
<ul class="nav navbar-nav">
48+
<li><a href="index.html#top">Home</a></li>
49+
<li><a href="index.html#aboutme">About me</a></li>
50+
<li><a href="index.html#projects">Projects</a></li>
51+
<li><a href="index.html#publications">Publications</a></li>
52+
<li><a href="https://www.futura-sciences.com/sciences/personnalites/sciences-fidji-berio-1845/"
53+
target="_blank">Popularization</a></li>
54+
<li><a href="index.html#perso">Hobbies</a></li>
55+
<li><a href="gallery.html">Gallery</a></li>
56+
</ul>
57+
</nav>
58+
</div>
59+
</header>
60+
61+
<div class="sidebar-navigation hidden-xs">
62+
<div class="logo">
63+
<a href="index.html">Fidji <em>Berio</em></a>
64+
</div>
65+
<nav>
66+
<ul>
67+
<li>
68+
<a href="index.html#top">
69+
<span class="rect"></span>
70+
<span class="circle"></span>
71+
Home
72+
</a>
73+
</li>
74+
<li>
75+
<a href="index.html#aboutme">
76+
<span class="rect"></span>
77+
<span class="circle"></span>
78+
About me
79+
</a>
80+
</li>
81+
<li>
82+
<a href="index.html#projects">
83+
<span class="rect"></span>
84+
<span class="circle"></span>
85+
Research
86+
</a>
87+
</li>
88+
<li>
89+
<a href="index.html#publications">
90+
<span class="rect"></span>
91+
<span class="circle"></span>
92+
Publications
93+
</a>
94+
</li>
95+
<li>
96+
<a href="https://www.futura-sciences.com/sciences/personnalites/sciences-fidji-berio-1845/"
97+
target="_blank">
98+
<span class="rect"></span>
99+
<span class="circle"></span>
100+
Popularization
101+
</a>
102+
</li>
103+
<li>
104+
<a href="index.html#perso">
105+
<span class="rect"></span>
106+
<span class="circle"></span>
107+
Hobbies
108+
</a>
109+
</li>
110+
<li>
111+
<a href="gallery.html">
112+
<span class="rect"></span>
113+
<span class="circle"></span>
114+
Gallery
115+
</a>
116+
</li>
117+
</ul>
118+
</nav>
119+
<ul class="social-icons">
120+
<li><a href="mailto:fidji.berio[AT]gmail.com" target="_blank"><i class="fa fa-envelope"></i></a></li>
121+
<li><a href="https://twitter.com/fidjiberio" target="_blank"><i class="fa fa-twitter"></i></a></li>
122+
<!-- <li><a href="https://www.researchgate.net/profile/Fidji_Berio" target="_blank"><i class="fa fa-researchgate"></i></a></li> -->
123+
<li><a href="https://www.linkedin.com/in/fidjiberio/?locale=en_US" target="_blank"><i
124+
class="fa fa-linkedin"></i></a></li>
125+
<li><a href="img/Resume_Fidji_Berio.pdf" target="_blank"><i class="fa fa-file-pdf-o"></i> CV</a></li>
126+
</ul>
127+
</div>
128+
129+
<div class="page-content">
130+
<section id="projects" class="content-section">
131+
<div class="section-heading">
132+
<h1>Navigation abilities<br><em> in blind fish</em></h1>
133+
</div>
134+
<div class="section-content">
135+
<div class="row">
136+
<!-- <div class="dji-container">
137+
<img src="img/image18.jpg" alt="column" style="width:100%" class="back-img">
138+
<div class="row yann-left"> -->
139+
<div class="col-md-6">
140+
<img src="img/zebrafish_shoaling.jpg" alt="Zebrafish shoaling &copy; Valentina Di Santo"
141+
title="Zebrafish shoaling &copy; Valentina Di Santo" class="rounded-corner">
142+
</div>
143+
<div class="col-md-6">
144+
<img src="img/flowtank.jpg" alt="Flowtank" title="Flowtank" class="rounded-corner">
145+
</div>
146+
</div>
147+
<div class="row">
148+
<div class="dji-container">
149+
<div class="col-md-12">
150+
<p class="text-black text-justify">
151+
blabla.<br><br>
152+
<u>Methods:</u> Kinematics, microscopy<br><br>
153+
<!-- <u>Working with:</u> <a
154+
href="http://www.isem.univ-montp2.fr/fr/personnel/equipes/macroevolution-et-developpement/debiais-thibaud-melanie.index/"
155+
target="_blank"> Mélanie Debiais-Thibaud</a>, <a
156+
href="https://www.researchgate.net/profile/Faviel_Alejandro_Lopez_Romero"
157+
target="_blank"> Faviel Alejandro López-Romero</a>, and <a
158+
href="https://www.rhem.cnrs.fr/" target="_blank"> RHEM members</a> -->
159+
</p>
160+
<p class="text-black text-justify">
161+
<u>Related publication:</u><br><br>
162+
S. Z. Marketaki, <b>F. Berio</b> &amp; V. Di Santo
163+
(2023). Compensatory sensory mechanisms in naïve blind cavefish navigating novel
164+
environments after lateral line ablation. &mdash; <i>Comparative Biochemistry and
165+
Physiology Part A: Molecular & Integrative Physiology.</i> <a
166+
href="https://doi.org/10.1016/j.cbpa.2025.111863"
167+
target="_blank">https://doi.org/10.1016/j.cbpa.2025.111863</a>
168+
</p>
169+
</div>
170+
</div>
171+
</div>
172+
</div>
173+
</section>
174+
</div>
175+
<section class="footer">
176+
<h6>hidden-smcopyright &copy; 2019-2024 Fidji Berio</h6>
177+
</section>
178+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
179+
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
180+
181+
<script src="js/vendor/bootstrap.min.js"></script>
182+
183+
<script src="js/plugins.js"></script>
184+
<script src="js/main.js"></script>
185+
186+
<script>
187+
// Hide Header on on scroll down
188+
var didScroll;
189+
var lastScrollTop = 0;
190+
var delta = 5;
191+
var navbarHeight = $('header').outerHeight();
192+
193+
$(window).scroll(function (event) {
194+
didScroll = true;
195+
});
196+
197+
setInterval(function () {
198+
if (didScroll) {
199+
hasScrolled();
200+
didScroll = false;
201+
}
202+
}, 250);
203+
204+
function hasScrolled() {
205+
var st = $(this).scrollTop();
206+
207+
// Make sure they scroll more than delta
208+
if (Math.abs(lastScrollTop - st) <= delta)
209+
return;
210+
211+
// If they scrolled down and are past the navbar, add class .nav-up.
212+
// This is necessary so you never see what is "behind" the navbar.
213+
if (st > lastScrollTop && st > navbarHeight) {
214+
// Scroll Down
215+
$('header').removeClass('nav-down').addClass('nav-up');
216+
} else {
217+
// Scroll Up
218+
if (st + $(window).height() < $(document).height()) {
219+
$('header').removeClass('nav-up').addClass('nav-down');
220+
}
221+
}
222+
223+
lastScrollTop = st;
224+
}
225+
</script>
226+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
227+
</body>
228+
229+
</html>

0 commit comments

Comments
 (0)