Difference between revisions of "Team:IISER Kolkata"

 
(35 intermediate revisions by 2 users not shown)
Line 15: Line 15:
 
    height: 90vh;
 
    height: 90vh;
 
    align-items: center;
 
    align-items: center;
−
    justify-content: flex-end;
+
    justify-content: center;
 
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("https://static.igem.org/mediawiki/2019/0/03/T--IISER_Kolkata--sandfly.jpg") no-repeat fixed 50% 50%;
 
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("https://static.igem.org/mediawiki/2019/0/03/T--IISER_Kolkata--sandfly.jpg") no-repeat fixed 50% 50%;
 
    background-size: cover;
 
    background-size: cover;
 +
    padding: 0;
 
}
 
}
 
#landing h1#pulse {
 
#landing h1#pulse {
Line 23: Line 24:
 
     font-size: 8vmax;
 
     font-size: 8vmax;
 
     color: whitesmoke;
 
     color: whitesmoke;
−
-webkit-animation: effect 2s linear 1;
+
margin: 0 !important;
−
animation: effect 2s linear 1;
+
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 53: Line 85:
 
}
 
}
 
#sponsors a img {
 
#sponsors a img {
−
    height: 20vmin;
+
    height: 10vmin;
 
    width: auto;
 
    width: auto;
 
    margin: 2vmax;
 
    margin: 2vmax;
Line 59: Line 91:
 
/*contact*/
 
/*contact*/
 
.sec#contactUs {
 
.sec#contactUs {
−
height: 30vh;
+
height: auto;
 +
flex-direction: row;
 +
flex-wrap: wrap;
 +
    justify-content: center;
 +
    padding: 2vh 0 0 0;
 
}
 
}
−
/*.sec#contactUs #footer {
+
#contactUs #contactLeft, #contactUs #contactRight {
 +
    display: flex;
 +
    flex-direction: column;
 +
    width: 30vmax;
 +
    margin: 2vmax;
 +
}
 +
#contactLeft a,#contactRight a {
 +
    text-decoration: none;
 +
}
 +
#contactLeft a p,#contactRight a p {
 +
    color: #444444;
 +
    padding: 0 !important;
 +
    margin: 0 !important;
 +
    font-family: mohave !important;
 +
}
 +
#contactRight #social {
 +
    display: flex;
 +
    width: 35vw;
 +
}
 +
#social .links {
 +
    font-family: social;
 +
    color: black;
 +
    font-size: 3.2vmax;
 +
    margin: 0.7vmax;
 +
    text-decoration: none;    
 +
}
 +
.sec#contactUs #footer {
 
    display: flex;
 
    display: flex;
−
    align-items: center;
 
 
    justify-content: flex-end;
 
    justify-content: flex-end;
−
    min-height: 2vmax;
+
    height: auto;
−
    width: 90vw;
+
    width: 100vw;
 
}
 
}
 
.sec#contactUs #footer p {
 
.sec#contactUs #footer p {
−
    margin: 2vh 2vw 0vw 0vh;
+
    margin: 0 4vw 0 0;
−
    padding: 0.5vw 0 0.5vw 0;
+
    font-size: 1vmax;
−
    font-size: 1.2vmax;
+
    font-family: mohave;
−
    font-family: signika;
+
    color: black;
−
    color: #74ed46;
+
}
−
}*/
+
 
/*mobile mode*/
 
/*mobile mode*/
 
@media screen and (orientation: portrait) {
 
@media screen and (orientation: portrait) {
Line 81: 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 {
 +
    font-size: 16vw;
 +
}
 +
.sec#contactUs #footer p {
 +
    font-size: 1.5vmax;
 +
}
 +
#social .links {    
 +
    font-size: 5vmax;
 +
    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 112: 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 128: 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 138: 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 154: Line 240:
 
</section>
 
</section>
  
−
<section class="sec black" id="contactUs">
+
<section class="sec green" id="contactUs">
−
+
<div id="contactLeft">
 +
<h3 style="align-self: flex-start;">Visit us</h3>
 +
<p>Lab Number 205 and 206<br/>
 +
Teaching and Research Complex<br/>
 +
IISER Kolkata main campus<br/>
 +
Mohanpur, Nadia<br/>
 +
West Bengal, India-741246</p>
 +
<a href="http://www.iiserkol.ac.in/" target="_blank"><p>IISER Kolkata website</p></a>
 +
</div>
 +
<div id="contactRight">
 +
<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: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/>
 +
<p></p>
 +
<div id="social">
 +
<a class="links" href="https://www.facebook.com/iGEM.IISERK/" target="_blank">E</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://www.youtube.com/channel/UCA6VxGctaAzB8FOO6NYbXxg" target="_blank">M</a>
 +
<p></p>
 +
<p></p>
 +
</div>
 +
</div>
 +
<div id="footer"><p>Website created by Pavan Vynatheya</p></div>
 
</section>
 
</section>
 
</div>
 
</div>
 
 
 
</html>
 
</html>

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