Difference between revisions of "Team:Virginia/flowchartTest"

(Created page with "<!DOCTYPE html> <html><head> <meta charset="utf-8"/> <meta content="width=device-width" name="viewport"/> <title>Manifold</title> <link href="images/thickIconB...")
 
(Blanked the page)
 
Line 1: Line 1:
−
<!DOCTYPE html>
 
−
<html><head>
 
−
    <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&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"/>
 
−
    <link href="https://2020.igem.org/Template:Virginia/styles/flowchartCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 
−
 
−
    <!-- 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>
 
−
    <script src="https://2020.igem.org/Template:Virginia/scripts/flowchartJS?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">
 
−
      <svg class="flowchart" viewBox="0 0 1282 722">
 
−
        <defs>
 
−
            <clipPath id="clip0"><path clip-rule="evenodd" d="M-1-1 1281-1 1281 721-1 721Z" fill-rule="evenodd"></path></clipPath>
 
−
        </defs>
 
−
        <g clip-path="url(#clip0)" transform="translate(1 1)">
 
−
            <rect fill="#4472C4" fill-opacity="0" height="720" width="1280" x="0" y="0"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(560.247 368)">This is a test box</text>
 
−
            <rect fill="#4472C4" height="127" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="194" x="125.5" y="202.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(193.667 273)">Test 1</text>
 
−
            <rect fill="#4472C4" height="206" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="319" x="780.5" y="247.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(826.147 358)">This is another test box</text>
 
−
            <rect fill="#4472C4" height="127" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="194" x="368.5" y="202.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(436.667 273)">Test 2</text>
 
−
            <rect fill="#4472C4" height="127" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="194" x="125.5" y="383.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(193.667 454)">Test 3</text>
 
−
            <rect fill="#4472C4" height="127" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="194" x="368.5" y="383.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(436.667 454)">Test 4</text>
 
−
            <rect class="chartbutton" fill="#4472C4" height="397" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="527" x="71.5001" y="156.5"></rect>
 
−
            <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(254.697 362)">This is a test box</text>
 
−
        </g>
 
−
      </svg>
 
−
    </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>
 

Latest revision as of 03:22, 28 October 2020