Difference between revisions of "Team:Virginia/OldflowchartTest"

Line 90: Line 90:
 
               <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>Protocols</a>
 
               <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Software</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>
 +
              <a class="test" onclick="alert('test')" target="_self" xlink:href="http://www.ebi.ac.uk/biomodels-main/BIOMD0000000001" xlink:title="This is link's tooltip and it informs users what the link is pointing to e.g. 'Access model BIOMD001 in BioModels Database -- link opens in new window'">
 +
                <rect class="flowchartbutton" fill="#4472C4" height="168" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="359" x="198.5" y="130.5"></rect>
 +
                <text fill="#FFFFFF" font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(317.93 221)">This is a test</text>
 +
              </a>
 +
              <rect fill="#4472C4" height="168" stroke="#2F528F" stroke-miterlimit="8" stroke-width="1.33333" width="359" x="717.5" y="130.5"></rect>
 +
              <text font-family="Calibri,Calibri_MSFontService,sans-serif" font-size="24" font-weight="400" transform="translate(836.93 220)">This is a test</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-->
 +
 
 +
 +
 +
 
 +
    <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>
 +
    <!---------------------------------------------------------->
 +
 +
 
 +
 
 +
    <!--headerstart-->
 +
    <div class="topnavholder">
 +
      <img class="menuimg hvr-grow-rotate" src="https://static.igem.org/mediawiki/2020/b/b9/T--Virginia--images--thickIcon.svg"/>
 +
      <div class="menuholder1">
 +
      <div class="menulogo">MANIFOLD</div>
 +
        <div class="topnav">
 +
          <div class="dropdown">
 +
            <a class="active mainitem" href="#home">HOME</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia">Main</a>
 +
              <a class="hvr-sweep-to-right" href="#abstract">Abstract</a>
 +
              <a class="hvr-sweep-to-right" href="#problem">Problem</a>
 +
              <a class="hvr-sweep-to-right" href="#solution">Solution</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#project">PROJECT</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Inspiration">Inspiration</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Description">Description</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Design">Design</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Experiments">Experiments</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Results">Results</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Modeling2">Modeling</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Device">Device</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Notebook">Notebook</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Safety">Safety</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#parts">PARTS</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/New_parts">New Parts</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Utilized_parts">Utilized Parts</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#outreach">OUTREACH</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Human_practices">Human Practices</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Public_engagement">Public Engagement</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Collaborations">Collaborations</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Meetups">Meet Ups</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#team">TEAM</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Members">Members</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Attributions">Attributions</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Gallery">Gallery</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#awards">AWARDS</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Awards">Awards</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Medals">Medals</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#about">RESOURCES</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Papers">Papers</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/nucleic_acids">Nucleic Acids</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Protocols">Protocols</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Software">Software</a>
 
             </div>
 
             </div>
 
           </div>
 
           </div>

Revision as of 06:27, 21 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
This is a test This is a test
FOLLOW US:
Manifold
HOME
Main Abstract Problem Solution
PROJECT
Inspiration Description Design Experiments Results Modeling Device Notebook Safety
PARTS
New Parts Utilized Parts
OUTREACH
Human Practices Public Engagement Collaborations Meet Ups
TEAM
Members Attributions Gallery
AWARDS
Awards Medals
RESOURCES
Papers Nucleic Acids Protocols Software
This is a test This is a test
FOLLOW US: