Difference between revisions of "Team:Virginia/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
<!DOCTYPE html>
−
{{Virginia}}
+
<html><head>
−
<html>
+
    <meta charset="utf-8"/>
−
<div class="column full_size">
+
    <meta content="width=device-width" name="viewport"/>
−
<h1>Design</h1>
+
    <title>Manifold</title>
−
<p>
+
    <link href="images/thickIconBlack.svg" rel="icon" type="image/svg"/>
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your project. You should clearly explain the engineering principles used to design your project.
+
−
</p>
+
  
 +
    <!-- Font Declarations -->
 +
    <link href="fonts/Montserrat-Black.ttf" rel="stylesheet"/>
  
−
</div>
+
    <!-- Style Sheets -->
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/headerCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/footerCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/mainCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/hoverCSS?action=raw&amp;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&amp;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="https://2020.igem.org/Team:Virginia/Members"><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-->
  
−
<div class="column two_thirds_size">
+
    <!-- Start writing body here (don't delete mainContainer )-->
−
<h3>What should this page contain?</h3>
+
    <div class="mainContainer">
−
<ul>
+
      <center>
−
<li>Explanation of the engineering principles your team used in your design</li>
+
      Top filler<br/> TALK ABOUT OUR SUPER SICK DESIGN HERE <br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
−
<li>Discussion of the design iterations your team went through</li>
+
−
<li>Experimental plan to test your designs</li>
+
−
</ul>
+
  
−
</div>
+
      <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
  
−
<div class="column third_size">
+
      <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/>  
−
<div class="highlight decoration_A_full">
+
      </center>
−
<h3>Inspiration</h3>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
−
</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/>
−
</html>
+
      </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-->
 +
 
 +
</body></html>

Revision as of 02:04, 18 October 2020

<!DOCTYPE html> Manifold

HOME<div class="arrow-down"></div>
<div class="arrow-right"></div>Main <div class="arrow-right"></div>Abstract <div class="arrow-right"></div>Problem <div class="arrow-right"></div>Solution
PROJECT<div class="arrow-down"></div>
<div class="arrow-right"></div>Inspiration <div class="arrow-right"></div>Description <div class="arrow-right"></div>Design <div class="arrow-right"></div>Experiments <div class="arrow-right"></div>Results <div class="arrow-right"></div>Modeling <div class="arrow-right"></div>Device <div class="arrow-right"></div>Notebook <div class="arrow-right"></div>Safety
PARTS<div class="arrow-down"></div>
<div class="arrow-right"></div>New Parts <div class="arrow-right"></div>Utilized Parts
OUTREACH<div class="arrow-down"></div>
<div class="arrow-right"></div>Human Practices <div class="arrow-right"></div>Public Engagement <div class="arrow-right"></div>Collaborations <div class="arrow-right"></div>Meet Ups
TEAM<div class="arrow-down"></div>
<div class="arrow-right"></div>Members <div class="arrow-right"></div>Attributions <div class="arrow-right"></div>Gallery
AWARDS<div class="arrow-down"></div>
<div class="arrow-right"></div>Awards <div class="arrow-right"></div>Medals
RESOURCES<div class="arrow-down"></div>
<div class="arrow-right"></div>Papers <div class="arrow-right"></div>Nucleic Acids <div class="arrow-right"></div>Protocols <div class="arrow-right"></div>Software
Top filler
TALK ABOUT OUR SUPER SICK DESIGN HERE
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporaryBacterial 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.
filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary
fillerDNA 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.

temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
Bottom Filler
FOLLOW US: