Difference between revisions of "Team:IISER Kolkata"

 
(26 intermediate revisions by 2 users not shown)
Line 24: Line 24:
 
     font-size: 8vmax;
 
     font-size: 8vmax;
 
     color: whitesmoke;
 
     color: whitesmoke;
−
-webkit-animation: effect 2s linear 1;
 
−
animation: effect 2s linear 1;
 
 
margin: 0 !important;
 
margin: 0 !important;
 
height: 8vmax !important;
 
height: 8vmax !important;
 +
    opacity: 0;
 +
-webkit-animation: effect 5s ease-in-out 1;
 +
-moz-animation: effect 5s ease-in-out 1;
 +
-o-animation: effect 5s ease-in-out 1;
 +
animation: effect 5s ease 1;
 +
-webkit-transform: scale(0);
 +
-moz-transform: scale(0);
 +
-o-transform: scale(0);
 +
transform: scale(0)
 
}
 
}
 
@-webkit-keyframes effect {
 
@-webkit-keyframes effect {
−
  0% {color: whitesmoke; -webkit-transform: scale(1);}
+
  0% {color: whitesmoke; -webkit-transform: scale(0.8); opacity: 0.5;}
−
  50% {color: #74ed46; -webkit-transform: scale(1.1);}
+
  25% {color: #74ed46; -webkit-transform: scale(1.2); opacity: 1;}
−
  100% {color: whitesmoke; -webkit-transform: scale(1);}
+
  35% {color: #74ed46; -webkit-transform: scale(1.2); opacity: 1;}
 +
  100% {color: whitesmoke; -webkit-transform: scale(0); opacity: 0;}
 +
}
 +
@-moz-keyframes effect {
 +
  0% {color: whitesmoke; -moz-transform: scale(0.8); opacity: 0.5;}
 +
  25% {color: #74ed46; -moz-transform: scale(1.2); opacity: 1;}
 +
  35% {color: #74ed46; -moz-transform: scale(1.2); opacity: 1;}
 +
  100% {color: whitesmoke; -moz-transform: scale(0); opacity: 0;}
 +
}
 +
@-o-keyframes effect {
 +
  0% {color: whitesmoke; -o-transform: scale(0.8); opacity: 0.5;}
 +
  25% {color: #74ed46; -o-transform: scale(1.2); opacity: 1;}
 +
  35% {color: #74ed46; -o-transform: scale(1.2); opacity: 1;}
 +
  100% {color: whitesmoke; -o-transform: scale(0); opacity: 0;}
 
}
 
}
 
@keyframes effect {
 
@keyframes effect {
−
  0% {color: whitesmoke; transform: scale(1);}
+
  0% {color: whitesmoke; transform: scale(0.8); opacity: 0.5;}
−
  50% {color: #74ed46; transform: scale(1.1);}
+
  25% {color: #74ed46; transform: scale(1.2); opacity: 0.5;}
−
  100% {color: whitesmoke; transform: scale(1);}
+
  35% {color: #74ed46; transform: scale(1.2); opacity: 0.5;}
 +
  100% {color: whitesmoke; transform: scale(0); opacity: 0.5;}
 +
}
 +
#landing #goldmedal {
 +
height: 20vmin;
 +
    width: auto;
 +
    position: absolute;
 +
    left: 83vw;
 +
    top: 3vw;
 
}
 
}
 
/*about*/
 
/*about*/
 
.sec#about {
 
.sec#about {
−
flex-direction: column;
+
    height: 300vw;
−
    height: 50vh;
+
    background: url("https://static.igem.org/mediawiki/2019/4/49/T--IISER_Kolkata--homepage_desktop.png") no-repeat 50% 50%;    
−
    background-color: rgb(116,237,70);
+
    background-color: #222222;
 +
    background-size: contain;
 
}
 
}
 
/*sponsors*/
 
/*sponsors*/
Line 56: Line 85:
 
}
 
}
 
#sponsors a img {
 
#sponsors a img {
−
    height: 20vmin;
+
    height: 10vmin;
 
    width: auto;
 
    width: auto;
 
    margin: 2vmax;
 
    margin: 2vmax;
Line 66: Line 95:
 
flex-wrap: wrap;
 
flex-wrap: wrap;
 
     justify-content: center;
 
     justify-content: center;
−
     padding: 2vh 0 1vh 0;
+
     padding: 2vh 0 0 0;
 
}
 
}
 
#contactUs #contactLeft, #contactUs #contactRight {
 
#contactUs #contactLeft, #contactUs #contactRight {
Line 76: Line 105:
 
#contactLeft a,#contactRight a {
 
#contactLeft a,#contactRight a {
 
    text-decoration: none;
 
    text-decoration: none;
−
padding: 0 !important;
 
 
}
 
}
 
#contactLeft a p,#contactRight a p {
 
#contactLeft a p,#contactRight a p {
−
    color: #74ed46;
+
    color: #444444;
 
    padding: 0 !important;
 
    padding: 0 !important;
 
    margin: 0 !important;
 
    margin: 0 !important;
Line 90: Line 118:
 
#social .links {
 
#social .links {
 
    font-family: social;
 
    font-family: social;
−
    color: #999999;
+
    color: black;
 
    font-size: 3.2vmax;
 
    font-size: 3.2vmax;
 
    margin: 0.7vmax;
 
    margin: 0.7vmax;
−
    text-decoration: none;
+
    text-decoration: none;    
−
    -webkit-transition: 0.2s linear;
+
−
    -moz-transition: 0.2s linear;
+
−
    -o-transition: 0.2s linear;
+
−
    transition: 0.2s linear; 
+
−
}
+
−
#social .links:hover {
+
−
color: white;
+
 
}
 
}
 
.sec#contactUs #footer {
 
.sec#contactUs #footer {
Line 109: Line 130:
 
}
 
}
 
.sec#contactUs #footer p {
 
.sec#contactUs #footer p {
−
    margin-right: 4vw;
+
    margin: 0 4vw 0 0;
−
    font-size: 1.3vmax;
+
    font-size: 1vmax;
 
    font-family: mohave;
 
    font-family: mohave;
−
    color: #999999;
+
    color: black;
 
}
 
}
 
/*mobile mode*/
 
/*mobile mode*/
Line 120: Line 141:
 
        background-position: 50% 30%;
 
        background-position: 50% 30%;
 
    background-size: 90vh 60vh;
 
    background-size: 90vh 60vh;
 +
}
 +
#landing #goldmedal {
 +
    left: 77vw;
 +
    top: 7vw;
 +
}
 +
.sec#about {
 +
    height: 700vw;
 +
    background: url("https://static.igem.org/mediawiki/2019/9/9e/T--IISER_Kolkata--homepage_mobile.png") no-repeat 50% 50%;    
 +
    background-color: #222222;
 +
    background-size: contain;
 
}
 
}
 
#landing h1#pulse {
 
#landing h1#pulse {
 
    font-size: 16vw;
 
    font-size: 16vw;
 +
}
 +
.sec#contactUs #footer p {
 +
    font-size: 1.5vmax;
 
}
 
}
 
#social .links {      
 
#social .links {      
−
    font-size: 4.5vmax;
+
    font-size: 5vmax;
 
    margin: 1vmax;      
 
    margin: 1vmax;      
 
}
 
}
 
        }
 
        }
 
</style>
 
</style>
 +
 +
<script>
 +
$(document).ready(function() {
 +
    var landingHeight = $(".sec#landing").height();
 +
        $("body, html").delay(4000).animate({scrollTop: landingHeight}, 1000, "swing");
 +
});
 +
</script>
 
 
 
<nav id="navbar">
 
<nav id="navbar">
Line 158: Line 199:
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Contribution">Contribution</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Contribution">Contribution</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Results">Results</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Results">Results</a></div></li>
−
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Demonstrate">Demonstrate</a></div></li>
 
−
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Improve">Improve</a></div></li>
 
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Model">Model</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Model">Model</a></div></li>
 
</ul>
 
</ul>
Line 174: Line 213:
 
<li id="humanityMenu"><div><a href="">Humanity</a></div>
 
<li id="humanityMenu"><div><a href="">Humanity</a></div>
 
<ul class="dropdown">
 
<ul class="dropdown">
−
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Human_Practices">Practices</a></div></li>
+
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Practices_Overview">Overview</a></div></li>
 +
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Human_Practices">Integrated&nbsp;HP</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Public_Engagement">Engagement</a></div></li>
 
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Public_Engagement">Engagement</a></div></li>
−
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Expert_Interactions">Interactions</a></div></li>
+
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Social_Studies">Social</a></div></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 184: Line 224:
 
<div id="container">
 
<div id="container">
 
<section class="sec" id="landing">
 
<section class="sec" id="landing">
−
<h1 id="pulse">U N L E I S H</h1>
+
<h1 id="pulse">U N L E I S H</h1>
−
 
+
                <a href="https://2019.igem.org/Competition/Results" target="_blank"><img id="goldmedal" src="https://static.igem.org/mediawiki/2019/3/3c/T--IISER_Kolkata--gold.png"/></a>
 
</section>
 
</section>
  
−
<section class="sec green" id="about">
+
<section class="sec black" id="about">
 
 
 
</section>
 
</section>
Line 200: Line 240:
 
</section>
 
</section>
  
−
<section class="sec black" id="contactUs">
+
<section class="sec green" id="contactUs">
 
<div id="contactLeft">
 
<div id="contactLeft">
−
<h3>Visit us</h3>
+
<h3 style="align-self: flex-start;">Visit us</h3>
 
<p>Lab Number 205 and 206<br/>
 
<p>Lab Number 205 and 206<br/>
 
Teaching and Research Complex<br/>
 
Teaching and Research Complex<br/>
Line 211: Line 251:
 
</div>
 
</div>
 
<div id="contactRight">
 
<div id="contactRight">
−
<h3>Contact us</h3>
+
<h3 style="align-self: flex-start;">Contact us</h3>
 
<a href="mailto:ig16ms089@iiserkol.ac.in"><p>Ipshita Gayen (Team Leader)</p></a><br/>
 
<a href="mailto:ig16ms089@iiserkol.ac.in"><p>Ipshita Gayen (Team Leader)</p></a><br/>
−
<a href="mailto:pc16ms199@iiserkol.ac.in"><p>Pinaka Chanda (Team Leader)</p></a><br/>
+
<a href="mailto:pc16ms199@iiserkol.ac.in"><p>Pinaki Chanda (Team Leader)</p></a><br/>
 
<a href="mailto:team.igem@iiserkol.ac.in"><p>Team iGEM IISER Kolkata</p></a><br/>
 
<a href="mailto:team.igem@iiserkol.ac.in"><p>Team iGEM IISER Kolkata</p></a><br/>
 
<p></p>
 
<p></p>
Line 220: Line 260:
 
<a class="links" href="https://www.instagram.com/igem.iiserk/" target="_blank">Q</a>
 
<a class="links" href="https://www.instagram.com/igem.iiserk/" target="_blank">Q</a>
 
<a class="links" href="https://twitter.com/iGEM_IISERKol" target="_blank">D</a>
 
<a class="links" href="https://twitter.com/iGEM_IISERKol" target="_blank">D</a>
−
<a class="links" href="https://www.youtube.com/channel/UCA6VxGctaAzB8FOO6NYbXxg" target="_blank">M</a>
+
<a class="links" href="https://www.youtube.com/channel/UCA6VxGctaAzB8FOO6NYbXxg" target="_blank">M</a>
 +
<p></p>
 +
<p></p>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 14:44, 13 November 2019

U N L E I S H

Visit us

Lab Number 205 and 206
Teaching and Research Complex
IISER Kolkata main campus
Mohanpur, Nadia
West Bengal, India-741246

IISER Kolkata website