Difference between revisions of "Team:TecCEM/Team"

Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{TecCEM/Menu}}
−
{{TecCEM}}
+
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="utf-8">
+
<title>iGEM Tec CEM team</title>
−
<title>Untitled Document</title>
+
−
</head>
+
  <style>
 +
        /*p{
 +
      font-size: 100px;
 +
      color: blue;
 +
    }*/
 +
    .landing_image{
 +
        width: 100%;
 +
    }
 +
    .full_screen_table{
 +
        width: 100%;
 +
        background-color: red;
 +
    }
 +
    td img{
 +
      display: block;
 +
      margin-left: auto;
 +
      margin-right: auto;
 +
      border-radius: 20%;
 +
      margin: 50px;
 +
    }
 +
  </style>
 +
<script type="text/javascript">
 +
var someText = "hola crayola!";
 +
    window.onload = function(e){
 +
    console.log("window.onload", e, Date.now() ,window.tdiff,
 +
    (window.tdiff[1] = Date.now()) && window.tdiff.reduce(fred) );
 +
    }
 +
   
 +
</script>
  
 +
</head>
 
<body>
 
<body>
−
<div style="display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap;align-items: center;">
+
<!---------------  HERE GOES THE MENU TEMPLATE -------------------- -->
−
<img style = "width: 70px; height: 70px;margin-right: 10px;" src="https://static.igem.org/mediawiki/2021/1/1c/T--TecCEM--logo.png" alt="">
+
<img class="landing_image" src="https://www.lollydaskal.com/wp-content/uploads/2018/09/Screen-Shot-2018-09-12-at-7.17.30-AM.png"/>
−
<h1 style="display: inline">Pruebas</h1>
+
 
−
</div>
+
<p class="team_header">The team</p>
−
+
 
−
<div class="general">
+
<!-- the team table -->
−
<div class="left">
+
<table class="full_screen_table">
−
<h2>Left</h2>
+
<tr>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.</p>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</div>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<div class="right">
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<h2>Right</h2>
+
</tr>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.</p>
+
 
−
<p>Como se fue demostrado por Ramirez en 
+
<tr>
−
<div class="father">
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<p>[1]</p>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<span class="content">
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<h3>Referencia</h3>
+
</tr>
−
<p>[1] Secretaría de Salud: Datos abiertos dirección general de epidemiología (2021), https://www.
+
 
−
gob.mx/salud/documentos/datos-abiertos-152127.</p>
+
<tr>
−
</span>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</div>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
Adicionalmente, encontramos expuesto en
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<div class="father">
+
</tr>
−
<p>(Senin, 2008)</p>
+
 
−
<span class="content">
+
<tr>
−
<h3>Referencia</h3>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
<p>[2] Senin, P. (2008). Dynamic Time Warping Algorithm Review. Science, 2007(December), 1–23. http://129.173.35.31/~pf/Linguistique/Treillis/ReviewDTW.pdf.</p>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</span>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</div>
+
</tr>
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et vitae accusamus perspiciatis labore id excepturi ex facilis! Accusamus, reprehenderit ducimus iure incidunt, dolorum dolorem sint nisi libero amet, quasi, neque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae placeat deserunt, pariatur alias ad eius in ex hic aut, nisi modi quaerat labore, illum numquam. Totam repellat dolorem, culpa cumque. Y finalmente tenemos el trabajo de
+
</table>
−
<div class="father">
+
 
−
<p>Altan A et al. (2020)</p>
+
<p class="team_header">Advisors</p>
−
<span class="content">
+
 
−
<h3>Referencia</h3>
+
<!-- advisors table -->
−
<p>[3] Altan, A., & Karasu, S. (2020). Recognition of COVID-19 disease from X-ray images by hybrid model consisting of 2D curvelet transform, chaotic salp swarm algorithm and deep learning technique. Chaos, Solitons and Fractals, 140, 110071. https://doi.org/10.1016/j.chaos.2020.110071</p>
+
<table class="full_screen_table">
−
</span>
+
<tr>
−
</div>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</p>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</div>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
</div>
+
</tr>
−
+
 
−
+
<tr>
−
<style>
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
.general{
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
display: flex;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
</tr>
−
.left{
+
 
−
background: #7922C8;
+
<tr>
−
padding: 10px;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
width: 25%;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
margin-right: 10px;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
</tr>
−
.right{
+
 
−
width: 75%;
+
<tr>
−
padding: 10px;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
background: #DF9899
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
.father {
+
</tr>
−
  position: relative;
+
</table>
−
display: inline;
+
 
−
transition: 0.5s;
+
<p class="team_header">Principal Investigators</p>
−
cursor: pointer;
+
 
−
width: auto;
+
<!-- principal investigators table -->
−
}
+
<table class="full_screen_table">
−
.father:hover{
+
<tr>
−
text-decoration: underline;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
.father .content{
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
position: absolute;
+
</tr>
−
bottom: 55px;
+
 
−
width: 500px;
+
<tr>
−
background: #fff;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
padding: 20px;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
box-sizing: border-box;
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
visibility: hidden;
+
</tr>
−
opacity: 0;
+
 
−
transition: 0.5s;
+
<tr>
−
transform: translateX(-50%) translateY(50px)
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
.father:hover .content{
+
</tr>
−
visibility: visible;
+
 
−
opacity: 1;
+
<tr>
−
transform: translateX(-50%) translateY(0px)
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
}
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
p{
+
<td><img src="https://t4.ftcdn.net/jpg/00/64/67/63/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg"></td>
−
display: inline;
+
</tr>
−
}
+
</table>
−
</style>
+
 
−
+
<p class="team_header">Funny moments</p>
 +
 
 +
 
 +
 
 +
 
 +
<!---------------  HERE GOES THE FOOTER TEMPLATE -------------------- -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:34, 29 August 2021

Untitled Document i

Home

Team

Project

Awards

Human Practices

Parts

Judging form

iGEM Tec CEM team

The team

Advisors

Principal Investigators

Funny moments