CINXE.COM

Josué Tonelli-Cueto: Personal Website

<!DOCTYPE html> <!-- Microdata markup added by Google Structured Data Markup Helper. --> <html lang="en"><head> <meta charset="utf-8"/> <link rel="icon" href="./imgs/logo.png"/> <meta name="google" content="notranslate" /> <meta http-equiv="Content-Language" content="en"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Josu&eacute; Tonelli-Cueto: Personal Website</title> <meta name="description" content="Research, interests and more information about Josu&eacute; Tonelli-Cueto" /> <meta name="yandex-verification" content="98b48e414f9389e0" /> <!--Social Media metadata--> <meta property="og:type" content="website" > <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="es_ES" /> <meta property="og:url" content="https://tonellicueto.xyz" /> <meta property="og:title" content="Josu&eacute; Tonelli-Cueto: Website" /><!--35char--> <meta property="og:description" content="Personal website of Josu&eacute; Tonelli-Cueto"><!--65char--> <meta property="og:image" content="https://tonellicueto.xyz/imgs/SM4.png"><!--300KB and minimum dimensions of 300 x 200--> <!--Twitter metadata--> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@tonellicueto" /> <meta name="twitter:creator" content="@tonellicueto" /> <meta name="twitter:title" content="Josu&eacute; Tonelli-Cueto: Personal Website" /> <meta name="twitter:description" content="This website contain the research, interests and more information about Josu&eacute; Tonelli-Cueto." /> <meta name="twitter:image" content="https://tonellicueto.xyz/imgs/SM4.jpg" /> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"/> <!-- Custom styles for this template --> <link href="css/style.css" rel="stylesheet"/> <link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css"> <style> .center_image { margin: auto; margin-left: auto; margin-right: auto; } .vcenter { display: flex; justify-content: center; align-items: center; } h1 { font-size:6vw; } h2 { font-size:3vw; } h3 { font-size:2vw; } </style> </head> <body> <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top navbar-custom"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="index.html"><img src="imgs/logo.png" alt="weblogo"/></a> <div class="collapse navbar-collapse " id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="https://illsaidthoughts.xyz/">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="research.html">Research</a> </li> <li class="nav-item"> <a class="nav-link" href="non-research.html">Non-Research</a> </li> <li class="nav-item"> <a class="nav-link" href="cv.html">CV</a> </li> <li class="nav-item"> <a class="nav-link" href="multimedia.html">Multimedia</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> <ul class="navbar-nav r-auto"> <li class="nav-item active"> <a class="nav-link" href="index.html">en</a> </li> <li class="nav-item"> <a class="nav-link" href="index_es.html">es</a> </li> </ul> </div> </nav> <!-- Main jumbotron for a primary marketing message or call to action --> <div class="jumbotron" style="margin-bottom: 0px;"> <div class="row" style="display:flex;align-items: center;"> <div class="col-md-5" style="text-align:center;"> <img id="profilepic0" itemprop="image" src="imgs/index000.jpg" style="width: 66.5%;display: none;" class="img-responsive center_image" alt="Portrait of Josu&eacute; Tonelli-Cueto by Emmi Arvidsson." onclick="changeProfileImage()"/> <img id="profilepic1" itemprop="image" src="imgs/index001.png" style="width: 80%;display: none;" class="img-responsive center_image" alt="Picture of Josu&eacute; Tonelli-Cueto at TU Berlin by Evgeniya Lagoda." onclick="changeProfileImage()"/> <img id="profilepic2" itemprop="image" src="imgs/index002.jpg" style="width: 66.5%;display: none;" class="img-responsive center_image" alt="Picture of Josu&eacute; Tonelli-Cueto at Inria. &copy; Inria / Photo B. Fourrier." onclick="changeProfileImage()"/> <img id="profilepic3" itemprop="image" src="imgs/index003.png" style="width: 64.4%;display: none;" class="img-responsive center_image" alt="Picture of Josu&eacute; Tonelli-Cueto with Gato Suchen by Evgeniya Lagoda." onclick="changeProfileImage()"/> <img id="profilepic4" itemprop="image" src="imgs/index004.png" style="width: 66.5%;display: block;" class="img-responsive center_image" alt="Picture of Josu&eacute; Tonelli-Cueto with a telephone by Evgeniya Lagoda." onclick="changeProfileImage()"/> <img id="profilepicclicks0" itemprop="image" src="imgs/indexclicks.jpg" style="width: 62.7%;display: none;" class="img-responsive center_image" alt="Gato Suchen saying that there are no more clicks." onclick="changeProfileImage()"/> <img id="profilepicclicks1" itemprop="image" src="imgs/indexclicks1.jpg" style="width: 73.5%;display: none;" class="img-responsive center_image" alt="Gato Suchen peeing and asking why the person is still clicking." onclick="changeProfileImage()"/> </div> <div class="col-md-7" style="text-align:center;"> <h1>Josu&eacute; Tonelli&#8209;Cueto</h1> <h2>Mathematician</h2> <h3><em>Rufus Isaacs Postdoctoral Fellow</em><br/>at <a href="https://www.jhu.edu/">Johns Hopkins University</a></h3> <!--<h4 style="color:#ee2523;font-variant: small-caps;">In the Job Market</h4>--> <div class="row" align="center" style="padding-top:3vw;font-size:2vw;"><!--3vw padding top if not searching for a job, 1vw otherwise!--> <div class="col-md-6"> <a class="btn btn-secondary" href="aboutme.html" role="button" style="width:80%;">About me</a> </div> <div class="col-md-6"> <a class="btn btn-secondary" href="https://illsaidthoughts.xyz/" role="button" style="width:80%;">Blog</a> </div> </div> <div class="row" align="center" style="padding-top:2vw;font-size:2vw;"> <div class="col-md-6"> <a class="btn btn-phd" href="doctoralthesis.html" role="button" style="width:80%;">Doctoral thesis</a> </div> <!--<div class="col-md-6"> <a class="btn btn-pikasle" href="https://pikasle.com/" role="button" style="width:80%;">$\pi kasle$</a> </div>--> <div class="col-md-6"> <a class="btn btn-jovenesrsme2025" href="https://jovenes2025.rsme.es/index_en.html" role="button" style="width:80%;">j贸venesRSME2025</a> </div> </div> <div class="row" align="center" style="padding-top:2vw;font-size:2vw;"> <div class="col-md-6"> <a class="btn btn-arxiv" href="arXiv.html" role="button" style="width:80%;"><i class="ai ai-arxiv-square"></i> my arXiv</a> </div> <div class="col-md-6"> <a class="btn btn-secondary" href="contact.html" role="button" style="width:80%;">Contact me</a> </div> </div> </div> </div> </div> <footer style="padding-top:1em;"> <p style="text-align:left;margin-bottom:0;padding-bottom:0;">&emsp;&emsp;&copy;Josu&eacute; Tonelli-Cueto <span id="finalsentence" style="float:right;"> Code of the webpage created through the art of copying, pasting, editing and crossing fingers&emsp;&emsp;</span></p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimage0">&emsp;&emsp;Portrait by <a href="https://www.emeliearvidsson.com/">Emmi Arvidsson</a>.</p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimage1">&emsp;&emsp;Portrait by Evgeniya Lagoda.</p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimage2">&emsp;&emsp;Portrait by B. Fourrier (&copy; Inria).</p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimage3">&emsp;&emsp;Portrait by Evgeniya Lagoda</p> <p style="text-align:left;margin-top:0;padding-top:0;display:block;" id="copyrightimage4">&emsp;&emsp;Portrait by Evgeniya Lagoda</p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimageclicks0">&emsp;&emsp;Picture by Josu&eacute; Tonelli-Cueto</p> <p style="text-align:left;margin-top:0;padding-top:0;display:none;" id="copyrightimageclicks1">&emsp;&emsp;Picture by Josu&eacute; Tonelli-Cueto</p> <hr style="margin: 0;"> </footer> <!-- /container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> <script src="js/bootstrap.min.js"></script> <!-- change of profile image --> <script type="text/javascript"> <!-- let count=-1; let profimgs=4; let rand=Math.floor(Math.random() * (profimgs+1))%(profimgs+1); let lim=4*(profimgs+1); function changeProfileImage() { count++; if (count < lim){ document.getElementById("profilepic0").style.display="none"; document.getElementById("copyrightimage0").style.display="none"; document.getElementById("profilepic1").style.display="none"; document.getElementById("copyrightimage1").style.display="none"; document.getElementById("profilepic2").style.display="none"; document.getElementById("copyrightimage2").style.display="none"; document.getElementById("profilepic3").style.display="none"; document.getElementById("copyrightimage3").style.display="none"; document.getElementById("profilepic4").style.display="none"; document.getElementById("copyrightimage4").style.display="none"; if (count > 0){rand=(Math.floor(Math.random() * profimgs)+1+rand)%(profimgs+1);} if (rand==0) { document.getElementById("profilepic0").style.display="block"; document.getElementById("copyrightimage0").style.display="block"; } else if (rand==1) { document.getElementById("profilepic1").style.display="block"; document.getElementById("copyrightimage1").style.display="block"; } else if (rand==2) { document.getElementById("profilepic2").style.display="block"; document.getElementById("copyrightimage2").style.display="block"; } else if (rand==3) { document.getElementById("profilepic3").style.display="block"; document.getElementById("copyrightimage3").style.display="block"; } else if (rand==4) { document.getElementById("profilepic4").style.display="block"; document.getElementById("copyrightimage4").style.display="block"; } } else if (count == lim) { document.getElementById("profilepic0").style.display="none"; document.getElementById("copyrightimage0").style.display="none"; document.getElementById("profilepic1").style.display="none"; document.getElementById("copyrightimage1").style.display="none"; document.getElementById("profilepic2").style.display="none"; document.getElementById("copyrightimage2").style.display="none"; document.getElementById("profilepic3").style.display="none"; document.getElementById("copyrightimage3").style.display="none"; document.getElementById("profilepic4").style.display="none"; document.getElementById("copyrightimage4").style.display="none"; document.getElementById("profilepicclicks0").style.display="block"; document.getElementById("copyrightimageclicks0").style.display="block"; } else if (count == lim +10) { document.getElementById("profilepicclicks0").style.display="none"; document.getElementById("copyrightimageclicks0").style.display="none"; document.getElementById("profilepicclicks1").style.display="block"; document.getElementById("copyrightimageclicks1").style.display="block"; } else {} } window.onload = changeProfileImage; //--> </script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="js/ie10-viewport-bug-workaround.js"></script> <!-- For phone --> <script type="text/javascript"> <!-- if (screen.width <= 699) { var x; x = document.getElementsByTagName("H1"); var i; for (i = 0; i < x.length; i++) { x[i].style="font-size:2.5em;font-weight:bold;"; } x = document.getElementsByTagName("H2"); for (i = 0; i < x.length; i++) { x[i].style="font-size:1.8em;font-weight:bold;"; } x = document.getElementsByTagName("H3"); for (i = 0; i < x.length; i++) { x[i].style="font-size:1em;font-weight:bold;"; } x[0].innerHTML='Rufus Isaacs Postdoctoral Fellow<br/>at <a href="https://www.jhu.edu/">Johns Hopkins University</a>'; x = document.getElementsByClassName("jumbotron"); x[0].style="margin-bottom: 0.4em;"; x = document.getElementsByClassName("col-md-5"); x[0].style="margin-bottom: 0.5em;"; x = document.getElementsByClassName("row"); x[1].style="font-size:1em;padding-top:5vw;"; x[2].style="font-size:1em;padding-top:5vw;"; x[3].style="font-size:1em;padding-top:5vw;"; document.getElementById("finalsentence").innerHTML=""; } //--> </script> <!-- For math expression--> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], processEscapes: true } }); </script> <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10