|
|
| Line 99: |
Line 99: |
| | <div class="headerspacer"></div> | | <div class="headerspacer"></div> |
| | <!--headerstop--> | | <!--headerstop--> |
| − |
| |
| − | <!-- Start writing body here (don't delete mainContainer )-->
| |
| − | <!-- Title header-->
| |
| − | <div class="title-container">
| |
| − | <img class="left" height="150" src="https://image.flaticon.com/icons/svg/631/631570.svg" width="150"/>
| |
| − | <div class="h1">Public Engagement</div>
| |
| − | <div class="color-overlay"></div>
| |
| − | </div>
| |
| − | <div class="mainContainer">
| |
| − | <center>
| |
| − | Top filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
| |
| − |
| |
| − | <div class="dict">temporary<span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Carboxysome_and_bacterial_microcompartments.jpg/800px-Carboxysome_and_bacterial_microcompartments.jpg"/>Bacterial microcompartments (BMCs) are organelle-like structures, consisting of a protein shell that encloses enzymes and other proteins. BMCs are typically about 40–200 nanometers in diameter and are entirely made of proteins. The shell functions like a membrane, as it is selectively permeable.</span></div> 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 <div class="dict">filler<span>DNA origami is the nanoscale folding of DNA to create non-arbitrary two- and three-dimensional shapes at the nanoscale. The specificity of the interactions between complementary base pairs make DNA a useful construction material, through design of its base sequences. DNA is a well-understood material that is suitable for creating scaffolds that hold other molecules in place or to create structures all on its own.</span></div><br/>
| |
| − | </center>
| |
| − |
| |
| − | <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>
| |
| − | <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/>Bottom 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-->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <meta charset="utf-8"/>
| |
| − | <meta content="width=device-width" name="viewport"/>
| |
| − | <title>Manifold</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/peCSS?action=raw&ctype=text/css" media="all" rel="stylesheet"/>
| |
| − | <!-- 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>
| |
| − | <!---------------------------------------------------------->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="topnavholder">
| |
| − | <img class="menuimg hvr-grow-rotate" src="https://static.igem.org/mediawiki/2020/b/b9/T--Virginia--images--thickIcon.svg"/>
| |
| − | <div class="menuholder1">
| |
| − | <div class="menulogo">MANIFOLD</div>
| |
| − | <div class="topnav">
| |
| − | <div class="dropdown">
| |
| − | <a class="active mainitem" href="#home">HOME</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia">Main</a>
| |
| − | <a class="hvr-sweep-to-right" href="#abstract">Abstract</a>
| |
| − | <a class="hvr-sweep-to-right" href="#problem">Problem</a>
| |
| − | <a class="hvr-sweep-to-right" href="#solution">Solution</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#project">PROJECT</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Inspiration">Inspiration</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Description">Description</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Design">Design</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Experiments">Experiments</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Results">Results</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Modeling2">Modeling</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Device">Device</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Notebook">Notebook</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Safety">Safety</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#parts">PARTS</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/New_parts">New Parts</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Utilized_parts">Utilized Parts</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#outreach">OUTREACH</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Human_practices">Human Practices</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Public_engagement">Public Engagement</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Collaborations">Collaborations</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Meetups">Meet Ups</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#team">TEAM</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Members">Members</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Attributions">Attributions</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Gallery">Gallery</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#awards">AWARDS</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Awards">Awards</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Medals">Medals</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <a class="mainitem" href="#about">RESOURCES</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Papers">Papers</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/nucleic_acids">Nucleic Acids</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Protocols">Protocols</a>
| |
| − | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Software">Software</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="progress-container">
| |
| − | <div class="progress-bar" id="myBar"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="headerspacer"></div>
| |
| − |
| |
| | | | |
| | <!-- Start writing body here (don't delete mainContainer )--> | | <!-- Start writing body here (don't delete mainContainer )--> |
Bacterial microcompartments (BMCs) are organelle-like structures, consisting of a protein shell that encloses enzymes and other proteins. BMCs are typically about 40–200 nanometers in diameter and are entirely made of proteins. The shell functions like a membrane, as it is selectively permeable.
