Difference between revisions of "Team:Virginia/Experiments"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
<!DOCTYPE html>
−
{{Virginia}}
+
<html><head>
−
<html>
+
    <meta charset="utf-8"/>
 +
    <meta content="width=device-width" name="viewport"/>
 +
    <title>Manifold</title>
 +
    <link href="images/thickIconBlack.svg" rel="icon" type="image/svg"/>
  
−
<div class="column full_size">
+
    <!-- Font Declarations -->
 +
    <link href="fonts/Montserrat-Black.ttf" rel="stylesheet"/>
  
−
<h1>Experiments</h1>
+
    <!-- Style Sheets -->
−
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
    <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"/>
  
−
<p>
+
    <!-- Scripts -->
−
If you made Parts this year, please remember to put all information, characterization, and measurement data on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.
+
    <!-- This must be the first script referenced in the head -->
−
</p>
+
    <script src="https://2020.igem.org/Template:Virginia/scripts/mainJS?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
    <!---------------------------------------------------------->
  
−
</div>
+
  </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-->
  
 +
    <!-- Start writing body here (don't delete mainContainer )-->
 +
    <div class="mainContainer">
 +
      <center>
 +
      Top filler<br/> PUT HUGE FLOWCHART HERE <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
  
−
<div class="column two_thirds_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/>  
−
<h3>What should this page contain?</h3>
+
      </center>
−
<ul>
+
−
<li> Protocols </li>
+
−
<li> Experiments </li>
+
−
</ul>
+
  
−
</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/>
−
<div class="column third_size">
+
      </center>
−
<div class="highlight decoration_A_full">
+
      <center>
−
<h3>Inspiration</h3>
+
      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/>
−
<ul>
+
      </center>
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
    <!-- Stop writing body here -->
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
   
−
</ul>
+
    <!--footerstart-->
−
</div>
+
    <div class="footerholder">
−
</div>
+
      <div class="bottomlogoholder">
−
 
+
        <a class="logoring" href="#" id="logoring">
−
 
+
          <img id="animationImg" src="logo-up-frames/21.svg"/>
−
 
+
        </a>
−
 
+
      </div>
−
</html>
+
      <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
PUT HUGE FLOWCHART 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: