Difference between revisions of "Team:Virginia/Software"

(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"/>
  
 +
    <!-- Font Declarations -->
 +
    <link href="fonts/Montserrat-Black.ttf" rel="stylesheet"/>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <!-- Style Sheets -->
−
<h3>★  ALERT! </h3>
+
    <link href="https://2020.igem.org/Template:Virginia/styles/headerCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2020.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2020.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    <link href="https://2020.igem.org/Template:Virginia/styles/footerCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2020.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <link href="https://2020.igem.org/Template:Virginia/styles/mainCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
</div>
+
    <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>
 +
    <!---------------------------------------------------------->
  
−
<div class="clear"></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/> wow software so cool <br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>
  
−
<div class="column full_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
−
<h1>Software</h1>
+
−
<p>For Software Track teams, while you are not eligible for the Software Tool Special Prize, you can use this page to document your work.</p>
+
  
−
</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/>
−
<div class="column two_thirds_size">
+
      </center>
−
<h3>Best Software Tool Special Prize</h3>
+
−
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success.  
+
  
−
 
+
      <center>
−
<br><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/>temporary filler<br/>  
−
To compete for the <a href="https://2020.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2020.igem.org/Judging/Judging_Form">judging form</a>.
+
      </center>
−
<br><br>
+
      <center>
−
To be eligible, your software has to be documented and made available under an OSI approved open source license.
+
      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/>  
−
<br><br>
+
      </center>
−
For software resources, please visit the <a href="https://2020.igem.org/Resources">Resources Hub</a>.
+
    </div>
−
</p>
+
    <!-- Stop writing body here -->
−
 
+
   
−
 
+
    <!--footerstart-->
−
</div>
+
    <div class="footerholder">
−
 
+
      <div class="bottomlogoholder">
−
<div class="column third_size">
+
        <a class="logoring" href="#" id="logoring">
−
<div class="highlight decoration_A_full">
+
          <img id="animationImg" src="logo-up-frames/21.svg"/>
−
<h3> Inspiration </h3>
+
        </a>
−
<p>
+
      </div>
−
Here are a few examples from previous teams:
+
      <div class="footer">
−
</p>
+
        <div class="sponsorflex">
−
<ul>
+
          <div class="sponsoritem hexagon"><img src="sponsors/UVA.png"/></div>
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
</ul>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
</div>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
</div>
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
 
+
          <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div>
−
</html>
+
          <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:03, 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
wow software so cool
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: