(45 intermediate revisions by 2 users not shown) | |||
Line 13: | Line 13: | ||
/*landing*/ | /*landing*/ | ||
.sec#landing { | .sec#landing { | ||
− | height: | + | height: 90vh; |
align-items: center; | align-items: center; | ||
− | justify-content: center; | + | 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-size: | + | background-size: cover; |
− | + | padding: 0; | |
+ | } | ||
+ | #landing h1#pulse { | ||
+ | font-family: signika; | ||
+ | font-size: 8vmax; | ||
+ | color: whitesmoke; | ||
+ | margin: 0 !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 { | ||
+ | 0% {color: whitesmoke; -webkit-transform: scale(0.8); opacity: 0.5;} | ||
+ | 25% {color: #74ed46; -webkit-transform: scale(1.2); opacity: 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 { | ||
+ | 0% {color: whitesmoke; transform: scale(0.8); opacity: 0.5;} | ||
+ | 25% {color: #74ed46; transform: scale(1.2); opacity: 0.5;} | ||
+ | 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 { | ||
− | + | height: 300vw; | |
− | + | background: url("https://static.igem.org/mediawiki/2019/4/49/T--IISER_Kolkata--homepage_desktop.png") no-repeat 50% 50%; | |
− | background-color: | + | background-color: #222222; |
+ | background-size: contain; | ||
} | } | ||
/*sponsors*/ | /*sponsors*/ | ||
Line 32: | Line 80: | ||
height: auto; | height: auto; | ||
justify-content: space-around; | justify-content: space-around; | ||
+ | } | ||
+ | #sponsors a { | ||
+ | padding: 0 !important; | ||
} | } | ||
#sponsors a img { | #sponsors a img { | ||
− | height: | + | height: 10vmin; |
width: auto; | width: auto; | ||
margin: 2vmax; | margin: 2vmax; | ||
Line 40: | Line 91: | ||
/*contact*/ | /*contact*/ | ||
.sec#contactUs { | .sec#contactUs { | ||
− | height: | + | height: auto; |
+ | flex-direction: row; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: center; | ||
+ | padding: 2vh 0 0 0; | ||
} | } | ||
− | + | #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; | ||
− | |||
justify-content: flex-end; | justify-content: flex-end; | ||
− | + | height: auto; | |
− | width: | + | width: 100vw; |
} | } | ||
.sec#contactUs #footer p { | .sec#contactUs #footer p { | ||
− | margin | + | margin: 0 4vw 0 0; |
− | + | font-size: 1vmax; | |
− | font-size: | + | font-family: mohave; |
− | font-family: | + | color: black; |
− | color: | + | } |
− | }*/ | + | /*mobile mode*/ |
+ | @media screen and (orientation: portrait) { | ||
+ | .sec#landing { | ||
+ | height: 60vh; | ||
+ | background-position: 50% 30%; | ||
+ | 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 72: | Line 186: | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Team">Members</a></div></li> | <li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Team">Members</a></div></li> | ||
+ | <li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Guides">Guides</a></div></li> | ||
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Collaborations">Collaborations</a></div></li> | <li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Collaborations">Collaborations</a></div></li> | ||
<li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Attributions">Attributions</a></div></li> | <li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Attributions">Attributions</a></div></li> | ||
Line 84: | 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/Model">Model</a></div></li> | <li><div><a href="https://2019.igem.org/Team:IISER_Kolkata/Model">Model</a></div></li> | ||
</ul> | </ul> | ||
Line 100: | 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"> | + | <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 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/Social_Studies">Social</a></div></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 109: | 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> | |
+ | <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 | + | <section class="sec black" id="about"> |
</section> | </section> | ||
Line 124: | Line 240: | ||
</section> | </section> | ||
− | <section class="sec | + | <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