|
|
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| + | <html><head></head><body> |
| − | <html><head> | + | |
| − | <meta charset="utf-8"/>
| + | |
| − | <meta content="width=device-width" name="viewport"/>
| + | |
| − | <title>The Team</title>
| + | |
| − | <link href="images/thickIconBlack.svg" rel="icon" type="image/svg"/>
| + | |
| − | | + | |
| − | <!-- Font Declarations -->
| + | |
| − | <link href="fonts/Montserrat-Black.ttf" rel="stylesheet"/>
| + | |
| − | | + | |
| − | <!-- Style Sheets -->
| + | |
| − | <link href="https://2020.igem.org/Template:Virginia/styles/headerCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
| + | |
| − | <link href="https://2020.igem.org/Template:Virginia/styles/footerCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
| + | |
| − | <link href="https://2020.igem.org/Template:Virginia/styles/mainCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
| + | |
| − | <link href="https://2020.igem.org/Template:Virginia/styles/hoverCSS?action=raw&ctype=text/css" media="all" rel="stylesheet"/>
| + | |
| − | <link href="https://2020.igem.org/Template:Virginia/styles/membersCSS?action=raw&ctype=text/css" media="all" rel="stylesheet"/>
| + | |
| − | <!-- Don't use index.css cause it's meant for the index page only. If you wanna use the same background styling I'd make a new members.css file to do stuff in ~Collin -->
| + | |
| − | | + | |
| − | <!-- Scripts -->
| + | |
| − | <!-- This must be the first script referenced in the head -->
| + | |
| − | <script src="https://2020.igem.org/Template:Virginia/scripts/mainJS?action=raw&ctype=text/javascript" type="text/javascript">
| + | |
| − | | + | |
| − | </script>
| + | |
| − | <!---------------------------------------------------------->
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | <body> | + | |
| − | <!--headerstart-->
| + | |
| − | <div class="topnavholder">
| + | |
| − | <img class="menuimg hvr-grow-rotate" src="images/thickIcon.svg"/>
| + | |
| − | <div class="menuholder1">
| + | |
| − | <div class="menulogo">MANIFOLD</div>
| + | |
| − | <div class="topnav">
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="active mainitem" href="#home">HOME<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="index.html#"><div class="arrow-right"></div>Main</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="index.html#abstract"><div class="arrow-right"></div>Abstract</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="index.html#problem"><div class="arrow-right"></div>Problem</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="index.html#solution"><div class="arrow-right"></div>Solution</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#project">PROJECT<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Inspiration</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Description</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Design</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Experiments</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Results</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Modeling</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Device</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Notebook</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Safety</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#parts">PARTS<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>New Parts</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Utilized Parts</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#outreach">OUTREACH<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Human Practices</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Public Engagement</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Collaborations</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Meet Ups</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#team">TEAM<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Members</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Attributions</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Gallery</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#awards">AWARDS<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Awards</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Medals</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a class="mainitem" href="#about">RESOURCES<div class="arrow-down"></div></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Papers</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Nucleic Acids</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Protocols</a>
| + | |
| − | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Software</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="progress-container">
| + | |
| − | <div class="progress-bar" id="myBar"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="headerspacer"></div>
| + | |
| − | <!--headerstop-->
| + | |
| − | | + | |
| − | <!-- Start writing body here -->
| + | |
| − | <div class="topContainer">
| + | |
| − | <center>
| + | |
| − | Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>Top filler<br/>
| + | |
| − | </center>
| + | |
| − | </div>
| + | |
| − | <div class="TeamContainer">
| + | |
| − | <div class="SubteamTitles">
| + | |
| − | <center>
| + | |
| − | MEET OUR TEAM<br/>
| + | |
| − | </center></div>
| + | |
| − | <center>
| + | |
| − | <div class="temporary" filler<br="">temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
| + | |
| − | </div></center>
| + | |
| − | </div>
| + | |
| − | <div class="FacultyContainer">
| + | |
| − | <div class="SubteamTitles">
| + | |
| − | <center>
| + | |
| − | MEET OUR FACULTY
| + | |
| − | </center></div>
| + | |
| − | <center>
| + | |
| − | temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
| + | |
| − | </center>
| + | |
| − | <div class="AdvisorContainer">
| + | |
| − | <div class="SubteamTitles">
| + | |
| − | <center>
| + | |
| − | MEET OUR ADVISORS <br/>
| + | |
| − | </center></div>
| + | |
| − | <center>
| + | |
| − | temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
| + | |
| − | </center>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- Stop writing body here -->
| + | |
| − |
| + | |
| − | <!--footerstart-->
| + | |
| − | <div class="footerholder">
| + | |
| − | <div class="bottomlogoholder">
| + | |
| − | <a class="logoring" href="#" id="logoring">
| + | |
| − | <img id="animationImg" src="logo-up-frames/21.svg"/>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="footer">
| + | |
| − | <div class="sponsorflex">
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/UVA.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
| + | |
| − | <div class="sponsoritem hexagon"><img src="sponsors/GenScript.png"/></div>
| + | |
| − | </div>
| + | |
| − | <div class="socialholder">
| + | |
| − | <div class="menulogo">MANIFOLD</div>
| + | |
| − | <div class="followus">FOLLOW US:</div>
| + | |
| − | <div class="sociallink"><div style="color:#7496D2;margin-right: 1em;">FACEBOOK:</div>@VIRGINIAiGEM2020</div>
| + | |
| − | <div class="sociallink"><div style="color:#FF99FF;margin-right: 1em;">INSTAGRAM: </div>@iGEM.AT.UVA</div>
| + | |
| − | <div class="sociallink"><div style="color:#A3E7FF;margin-right: 1em;">TWITTER: </div>@VIRGINIAiGEM2020</div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!-- pre-load all images used in the animation to fix lag on the first run -->
| + | |
| − | <div style="display: none;">
| + | |
| − | <img src="logo-up-frames/2.svg"/>
| + | |
| − | <img src="logo-up-frames/3.svg"/>
| + | |
| − | <img src="logo-up-frames/4.svg"/>
| + | |
| − | <img src="logo-up-frames/5.svg"/>
| + | |
| − | <img src="logo-up-frames/6.svg"/>
| + | |
| − | <img src="logo-up-frames/7.svg"/>
| + | |
| − | <img src="logo-up-frames/8.svg"/>
| + | |
| − | <img src="logo-up-frames/9.svg"/>
| + | |
| − | <img src="logo-up-frames/10.svg"/>
| + | |
| − | <img src="logo-up-frames/11.svg"/>
| + | |
| − | <img src="logo-up-frames/12.svg"/>
| + | |
| − | <img src="logo-up-frames/13.svg"/>
| + | |
| − | <img src="logo-up-frames/14.svg"/>
| + | |
| − | <img src="logo-up-frames/15.svg"/>
| + | |
| − | <img src="logo-up-frames/16.svg"/>
| + | |
| − | <img src="logo-up-frames/17.svg"/>
| + | |
| − | <img src="logo-up-frames/18.svg"/>
| + | |
| − | <img src="logo-up-frames/19.svg"/>
| + | |
| − | <img src="logo-up-frames/20.svg"/>
| + | |
| − | <img src="logo-up-frames/21.svg"/>
| + | |
| − | <img src="logo-up-frames/22.svg"/>
| + | |
| − | </div>
| + | |
| − | <!--footerstop-->
| + | |
| − |
| + | |
| − | | + | |
| | | | |
| | | | |
| Line 319: |
Line 122: |
| | <!--footerstop--> | | <!--footerstop--> |
| | | | |
| − | </div></div></body></html>
| + | </div></body></html> |
