Difference between revisions of "Team:Virginia/Notebook"

(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>Notebook</h1>
+
    <!-- Style Sheets -->
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</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"/>
  
−
</div>
+
    <!-- Scripts -->
−
<div class="clear"></div>
+
    <!-- 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-->
  
 +
    <!-- Start writing body here (don't delete mainContainer )-->
 +
    <div class="mainContainer">
 +
      <center>
 +
      Top filler<br/> insert notebook stuff here <br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
  
−
<div class="column two_thirds_size">
+
      <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
−
<h3>What should this page have?</h3>
+
−
<ul>
+
−
<li>Chronological notes of what your team is doing.</li>
+
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
−
</div>
+
      <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>
  
−
<div class="column third_size">
+
      <center>
−
<div class="highlight decoration_A_full">
+
      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/>
−
<h3>Inspiration</h3>
+
      </center>
−
<p>You can see what others teams have done to organize their notes:</p>
+
      <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/>
−
<ul>  
+
      </center>
−
<li><a href="https://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    <!-- Stop writing body here -->
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
   
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
    <!--footerstart-->
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
    <div class="footerholder">
−
</ul>
+
      <div class="bottomlogoholder">
−
</div>
+
        <a class="logoring" href="#" id="logoring">
−
</div>
+
          <img id="animationImg" src="logo-up-frames/21.svg"/>
−
 
+
        </a>
−
</html>
+
      </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
insert notebook stuff 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: