Galaxydud3 (Talk | contribs) |
|||
(14 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style> | ||
+ | .loading { | ||
+ | position: fixed; | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | width: 100vw; | ||
+ | height: 100vw; | ||
+ | z-index: 100; | ||
+ | background-color: #f6f2f4; | ||
+ | } | ||
+ | .loading img{ | ||
+ | position: relative; | ||
+ | height: auto; | ||
+ | width: 70vw; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="loading" > | ||
+ | <img src="https://static.igem.org/mediawiki/2021/b/be/T--LINKS_China--loadernew1.jpg"> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | window.onload = function() | ||
+ | { | ||
+ | setTimeout(function(){$('.loading').fadeOut();}, 1000); | ||
+ | } | ||
+ | |||
+ | </script> | ||
<!------------------------------------------Preloading----------------------------------------------> | <!------------------------------------------Preloading----------------------------------------------> | ||
<head> | <head> | ||
Line 170: | Line 199: | ||
<div id="big_header"> | <div id="big_header"> | ||
− | <img src="https://static.igem.org/mediawiki/2021/6/6d/T--LINKS_China--bigheader_ihps.jpg" style="position: absolute; top:16vw; left: | + | <img src="https://static.igem.org/mediawiki/2021/6/6d/T--LINKS_China--bigheader_ihps.jpg" style="position: absolute; top:16vw; left: 16vw; width: 68vw;"> |
<img src="https://static.igem.org/mediawiki/2021/f/fa/T--LINKS_China--descriptionplace_darkpurple.jpg" style="position: absolute; top:15vw; left: 22.5vw; width: 55vw;"> | <img src="https://static.igem.org/mediawiki/2021/f/fa/T--LINKS_China--descriptionplace_darkpurple.jpg" style="position: absolute; top:15vw; left: 22.5vw; width: 55vw;"> | ||
</div> | </div> | ||
Line 185: | Line 214: | ||
<div id="sidebar_and_texts"> | <div id="sidebar_and_texts"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 348: | Line 330: | ||
<a href=" ">Download PDF</a >.</p > | <a href=" ">Download PDF</a >.</p > | ||
</object><br><br><br></div> | </object><br><br><br></div> | ||
− | <video | + | <video controls style="margin-left: 9vw; width: 60vw;"> |
<source src="https://static.igem.org/mediawiki/2021/2/2d/T--LINKS_China--HP_demo2KASHI.mov" type="video/mp4"> | <source src="https://static.igem.org/mediawiki/2021/2/2d/T--LINKS_China--HP_demo2KASHI.mov" type="video/mp4"> | ||
</video> | </video> | ||
− | <br><br> | + | <br><br><br> |
</div> | </div> | ||
</section> | </section> | ||
Line 373: | Line 355: | ||
<a href=" ">Download PDF</a >.</p > | <a href=" ">Download PDF</a >.</p > | ||
</object><br><br><br></div> | </object><br><br><br></div> | ||
− | < | + | <video controls style="margin-left: 9vw; width: 60vw;"> |
− | + | <source src="https://static.igem.org/mediawiki/2021/3/39/T--LINKS_China--HP_demo.BODUN.mov" type="video/mp4"> | |
− | + | </video> | |
− | </ | + | <br><br><br> |
− | <br><br> | + | |
</div> | </div> | ||
</section> | </section> | ||
Line 417: | Line 398: | ||
</object><br><br><br></div> | </object><br><br><br></div> | ||
− | < | + | <video controls style="margin-left: 9vw; width: 60vw;"> |
− | + | <source src="https://static.igem.org/mediawiki/2021/9/9f/T--LINKS_China--HP_DEMOshishang.mov" type="video/mp4"> | |
− | + | </video> | |
− | </ | + | |
− | <br><br> | + | <br><br><br> |
</div> | </div> | ||
</section> | </section> | ||
Line 437: | Line 417: | ||
<div id="footer"> | <div id="footer"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="footer-text"> | <div id="footer-text"> | ||
<h3>Sponsors</h3> | <h3>Sponsors</h3> | ||
</div> | </div> | ||
<div id="snapgene-logo"> | <div id="snapgene-logo"> | ||
− | <a href="https://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--SnapGeneLogo.jpg"></a> | + | <a href="https://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2021/5/5e/T--LINKS_China--SnapGeneLogo.jpg" style="width:auto;height:3.4722222222222vw;"></a> |
</div> | </div> | ||
<div id="linkspider-logo"> | <div id="linkspider-logo"> | ||
− | <img src="https://static.igem.org/mediawiki/2021/3/38/T--LINKS_China--linkspider_logo.png" | + | <a href="https://www.links-academy.net"><img src="https://static.igem.org/mediawiki/2021/3/38/T--LINKS_China--linkspider_logo.png" style="width:auto;height:4.8611111111111vw;"></a> |
</div> | </div> | ||
<div id="basis-logo"> | <div id="basis-logo"> | ||
− | <a href="https://basis-global.com/"><img src="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--basis_logo.png" | + | <a href="https://basis-global.com/"><img src="https://static.igem.org/mediawiki/2021/7/7d/T--LINKS_China--basis_logo.png" style="width:auto;height:4.1666666666667vw;"></a> |
</div> | </div> | ||
<div id="scie-logo"> | <div id="scie-logo"> | ||
− | <a href="https://www.scie.com.cn/"><img src="https://static.igem.org/mediawiki/2021/e/ec/T--LINKS_China--scie_logo.png" | + | <a href="https://www.scie.com.cn/"><img src="https://static.igem.org/mediawiki/2021/e/ec/T--LINKS_China--scie_logo.png" style="width:auto;height:5.2083333333333vw;"></a> |
</div> | </div> | ||
− | <div id=" | + | <div id="taft-logo"> |
− | <img src="https://static.igem.org/mediawiki/2021/ | + | <a href="https://www.taftschool.org/"><img src="https://static.igem.org/mediawiki/2021/5/55/T--LINKS_China--tuft_logo_tp.png" style="width:auto;height:4.5138888888889vw;"></a> |
+ | </div> | ||
+ | <div id="nanshan-logo"> | ||
+ | <a href="http://www.szsy.cn"><img src="https://static.igem.org/mediawiki/2021/1/18/T--LINKS_China--nanshan_logo_new_tp.png" style="width:auto;height:2.7777777777778vw;"></a> | ||
+ | </div> | ||
+ | <div id="uwc-logo"> | ||
+ | <a href="http://www.uwcchina.org/en"><img src="https://static.igem.org/mediawiki/2021/4/4e/T--LINKS_China--uwc_logo.png" style="width:auto;height:5.2083333333333vw;"></a> | ||
+ | </div> | ||
+ | <div id="vma-logo"> | ||
+ | <a href="https://en.vankemeisha.com/"><img src="https://static.igem.org/mediawiki/2021/8/88/T--LINKS_China--vma_logo_tp.png" style="width:auto;height:5.9027777777778vw;"></a> | ||
+ | </div> | ||
+ | <div id="hotchkiss-logo"> | ||
+ | <a href="https://www.hotchkiss.org/"><img src="https://static.igem.org/mediawiki/2021/6/67/T--LINKS_China--hotchkiss_logo.png" style="width:auto;height:4.8611111111111vw;"></a> | ||
+ | </div> | ||
+ | <div id="chelt-logo"> | ||
+ | <a href="https://www.cheltladiescollege.org/"><img src="https://static.igem.org/mediawiki/2021/a/af/T--LINKS_China--chelt_logo.png" style="width:auto;height:5.2083333333333vw;"></a> | ||
+ | </div> | ||
+ | <div id="ridley-logo"> | ||
+ | <a href="https://www.ridleycollege.com/"><img src="https://static.igem.org/mediawiki/2021/3/36/T--LINKS_China--ridley_logo.png" style="width:auto;height:4.8611111111111vw;"></a> | ||
+ | </div> | ||
+ | <div id="guangzhou-logo"> | ||
+ | <a href="https://www.chgzfls.com"><img src="https://static.igem.org/mediawiki/2021/8/83/T--LINKS_China--guangzhou_logo_tp.png" style="width:auto;height:5.2083333333333vw;"></a> | ||
+ | </div> | ||
+ | <div id="gca-logo"> | ||
+ | <a href="https://www.gcarams.org/"><img src="https://static.igem.org/mediawiki/2021/9/9f/T--LINKS_China--gca_logo_tp.png" style="width:auto;height:4.5138888888889vw;"></a> | ||
+ | </div> | ||
+ | <div id="footer-divider"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;"> | ||
</div> | </div> | ||
<div id="footer-text2"> | <div id="footer-text2"> | ||
Line 465: | Line 466: | ||
</div> | </div> | ||
<div id="ins-logo"> | <div id="ins-logo"> | ||
− | <a href="https://www.instagram.com/links_china/"><img src="https://static.igem.org/mediawiki/2021/0/07/T--LINKS_China--ins_logo_tp.png" | + | <a href="https://www.instagram.com/links_china/"><img src="https://static.igem.org/mediawiki/2021/0/07/T--LINKS_China--ins_logo_tp.png" style="width:auto;height:4.8611111111111vw;"></a> |
+ | </div> | ||
+ | <div id="footer-divider2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;"> | ||
</div> | </div> | ||
<div id="bilibili-logo"> | <div id="bilibili-logo"> | ||
− | <a href="https://space.bilibili.com/71190254?from=search&seid=7679001301054558817&spm_id_from=333.337.0.0"><img src="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--bilibili_logo_tp.png" | + | <a href="https://space.bilibili.com/71190254?from=search&seid=7679001301054558817&spm_id_from=333.337.0.0"><img src="https://static.igem.org/mediawiki/2021/0/01/T--LINKS_China--bilibili_logo_tp.png" style="width:auto;height:4.1666666666667vw;""></a> |
+ | </div> | ||
+ | <div id="footer-divider3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/0/0d/T--LINKS_China--black_vertical_footer_divider2.png" style="width:0.13888888888889vw;height:8.6805555555556vw;"> | ||
</div> | </div> | ||
<div id="email-logo"> | <div id="email-logo"> | ||
− | <a href="mailto: links_china@outlook.com"><img src="https://static.igem.org/mediawiki/2021/d/df/T--LINKS_China--email_logo.png" | + | <a href="mailto: links_china@outlook.com"><img src="https://static.igem.org/mediawiki/2021/d/df/T--LINKS_China--email_logo.png" style="width:auto;height:4.8611111111111vw;"></a> |
</div> | </div> | ||
<img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer"> | <img src="https://static.igem.org/mediawiki/2021/a/aa/T--LINKS_China--footer4.png" class="footer"> | ||
Line 522: | Line 529: | ||
width: 100vw; | width: 100vw; | ||
height: 49vw; | height: 49vw; | ||
− | background: url(https://static.igem.org/mediawiki/2021/ | + | background: url(https://static.igem.org/mediawiki/2021/7/70/T--LINKS_China--bigimg_ihps.png); |
background-attachment:scroll; | background-attachment:scroll; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 561: | Line 568: | ||
@media only screen and (min-device-width: 768px) { | @media only screen and (min-device-width: 768px) { | ||
#sidebar_and_texts { | #sidebar_and_texts { | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 626: | Line 629: | ||
width: 11.2vw; | width: 11.2vw; | ||
top: -1.3vw; | top: -1.3vw; | ||
− | padding: 1. | + | padding: 1.75vw 0vw 0vw 0vw; |
right: 0.55vw; | right: 0.55vw; | ||
height: auto; | height: auto; | ||
Line 639: | Line 642: | ||
position: relative; | position: relative; | ||
width: 5vw; | width: 5vw; | ||
− | top: | + | top: 0.5vw; |
left: -0.525vw; | left: -0.525vw; | ||
} | } | ||
Line 663: | Line 666: | ||
@media only screen and (max-device-width: 768px) { | @media only screen and (max-device-width: 768px) { | ||
#sidebar_and_texts { | #sidebar_and_texts { | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#sidebar { | #sidebar { | ||
− | display: | + | display: none; |
border: 0px solid #600136; | border: 0px solid #600136; | ||
} | } | ||
Line 711: | Line 710: | ||
.section-nav{ | .section-nav{ | ||
− | display: | + | display: none; |
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
} | } | ||
Line 775: | Line 774: | ||
letter-spacing: 0.6px; | letter-spacing: 0.6px; | ||
text-shadow: 2px 2px 5px #C0C0C0; | text-shadow: 2px 2px 5px #C0C0C0; | ||
+ | margin-left: 4.5vw; | ||
+ | margin-right: 4.5vw; | ||
} | } | ||
Line 793: | Line 794: | ||
border-radius: 24px; | border-radius: 24px; | ||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
− | margin-left: | + | margin-left: 4.5vw; |
− | margin-right: | + | margin-right: 4.5vw; |
} | } | ||
Line 902: | Line 903: | ||
border-radius: 24px; | border-radius: 24px; | ||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | ||
− | margin-left: | + | margin-left: 4.5vw; |
− | margin-right: | + | margin-right: 4.5vw; |
font-family: "LatoLight"; | font-family: "LatoLight"; | ||
} | } | ||
Line 918: | Line 919: | ||
font-family: "LatoLight"; | font-family: "LatoLight"; | ||
} | } | ||
− | |||
− | |||
− | |||
Line 942: | Line 940: | ||
font-size: 1.5vw; | font-size: 1.5vw; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
Line 996: | Line 997: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#snapgene-logo { | #snapgene-logo { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 5.46vw; |
− | left: | + | left: 14.83vw; |
} | } | ||
Line 1,023: | Line 1,019: | ||
position: absolute; | position: absolute; | ||
bottom: 11.111vw; | bottom: 11.111vw; | ||
− | left: | + | left: 7.139vw; |
} | } | ||
#linkspider-logo { | #linkspider-logo { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 9.0667vw; |
− | left: | + | left: 14.4vw; |
} | } | ||
#basis-logo { | #basis-logo { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 9.514vw; |
− | left: | + | left: 19.389vw; |
} | } | ||
#scie-logo { | #scie-logo { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 2.8139vw; |
− | left: | + | left: 40.07vw; |
} | } | ||
− | #footer- | + | #taft-logo { |
+ | position: absolute; | ||
+ | bottom: 9.375vw; | ||
+ | left: 24.305555555556vw; | ||
+ | } | ||
+ | |||
+ | #nanshan-logo { | ||
+ | position: absolute; | ||
+ | bottom: 2.4305555555556vw; | ||
+ | left: 15.625vw; | ||
+ | } | ||
+ | |||
+ | #vma-logo { | ||
+ | position: absolute; | ||
+ | bottom: 8.6805555555556vw; | ||
+ | left: 28.819444444444vw; | ||
+ | } | ||
+ | |||
+ | #uwc-logo { | ||
+ | position: absolute; | ||
+ | bottom: 2.7777777777778vw; | ||
+ | left: 31.597222222222vw; | ||
+ | } | ||
+ | |||
+ | #hotchkiss-logo { | ||
+ | position: absolute; | ||
+ | bottom: 9.0277777777778vw; | ||
+ | left: 34.722222222222vw; | ||
+ | } | ||
+ | |||
+ | #chelt-logo { | ||
+ | position: absolute; | ||
+ | bottom: 9.0277777777778vw; | ||
+ | left: 39.236111111111vw; | ||
+ | } | ||
+ | |||
+ | #ridley-logo { | ||
+ | position: absolute; | ||
+ | bottom: 9.0277777777778vw; | ||
+ | left: 43.75vw; | ||
+ | } | ||
+ | |||
+ | #guangzhou-logo { | ||
+ | position: absolute; | ||
+ | bottom: 2.7777777777778vw; | ||
+ | left: 48.263888888889vw; | ||
+ | } | ||
+ | |||
+ | #gca-logo { | ||
+ | position: absolute; | ||
+ | bottom: 9.0277777777778vw; | ||
+ | left: 48.611111111111vw; | ||
+ | } | ||
+ | |||
+ | #footer-divider { | ||
position: absolute; | position: absolute; | ||
bottom: 3.819vw; | bottom: 3.819vw; | ||
− | left: | + | left: 54.4vw; |
} | } | ||
Line 1,053: | Line 1,103: | ||
position: absolute; | position: absolute; | ||
bottom: 11.11111vw; | bottom: 11.11111vw; | ||
− | left: | + | left: 55.79vw; |
} | } | ||
Line 1,059: | Line 1,109: | ||
position: absolute; | position: absolute; | ||
bottom: 4.51389vw; | bottom: 4.51389vw; | ||
− | left: | + | left: 56.7444vw; |
+ | } | ||
+ | |||
+ | #footer-divider2 { | ||
+ | position: absolute; | ||
+ | bottom: 3.819vw; | ||
+ | left: 64.4vw; | ||
} | } | ||
#bilibili-logo { | #bilibili-logo { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 4.7555556vw; |
− | left: | + | left: 69.08vw; |
+ | } | ||
+ | |||
+ | #footer-divider3 { | ||
+ | position: absolute; | ||
+ | bottom: 3.819vw; | ||
+ | left: 83.4vw; | ||
} | } | ||
Line 1,071: | Line 1,133: | ||
position: absolute; | position: absolute; | ||
bottom: 4.5139vw; | bottom: 4.5139vw; | ||
− | left: | + | left: 88.847vw; |
} | } | ||
Line 1,106: | Line 1,168: | ||
z-index: 100; | z-index: 100; | ||
transition: top 0.3s; /* Transition effect when sliding down (and up) */ | transition: top 0.3s; /* Transition effect when sliding down (and up) */ | ||
+ | top:-100px; | ||
} | } | ||
Line 1,189: | Line 1,252: | ||
− | |||
<script> | <script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
var prevScrollpos = window.pageYOffset; | var prevScrollpos = window.pageYOffset; | ||
window.onscroll = function() { | window.onscroll = function() { | ||
Line 1,255: | Line 1,258: | ||
if (prevScrollpos > currentScrollPos) { | if (prevScrollpos > currentScrollPos) { | ||
document.getElementById("outnav").style.top = "17px"; | document.getElementById("outnav").style.top = "17px"; | ||
− | |||
} else { | } else { | ||
document.getElementById("outnav").style.top = "-100px"; | document.getElementById("outnav").style.top = "-100px"; | ||
− | |||
} | } | ||
prevScrollpos = currentScrollPos; | prevScrollpos = currentScrollPos; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 1,319: | Line 1,296: | ||
element.classList.toggle("show"); | element.classList.toggle("show"); | ||
} | } | ||
− | |||
</script> | </script> | ||
+ | |||
</html> | </html> |
Latest revision as of 15:45, 17 December 2021
![](https://static.igem.org/mediawiki/2021/b/be/T--LINKS_China--loadernew1.jpg)
![](https://static.igem.org/mediawiki/2021/6/6d/T--LINKS_China--bigheader_ihps.jpg)
![](https://static.igem.org/mediawiki/2021/f/fa/T--LINKS_China--descriptionplace_darkpurple.jpg)