Difference between revisions of "Team:Calgary"

Line 1: Line 1:
−
{{:Team:Calgary/NavBarHP}}
+
{{:Team:Calgary/Layout}}
−
<html>
+
<html lang="en">
−
 
+
 
<head>
 
<head>
 
     <title>Team:Calgary - 2018.igem.org</title>
 
     <title>Team:Calgary - 2018.igem.org</title>
−
    <meta charset="UTF-8">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
     <!-- CSS -->
 
     <!-- CSS -->
−
   <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/WikiResetCSSImposter?action=raw&ctype=text/css">
+
   <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/jquery_fullPage_css?action=raw&ctype=text/css">
−
     <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/BootstrapMinCSS?action=raw&ctype=text/css">
+
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
−
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
+
        crossorigin="anonymous">
 +
  <link rel="stylesheet" href="https://2018.igem.org/Team:Calgary/animation_css?action=raw&ctype=text/css">
 
   <style>
 
   <style>
−
         html body {
+
         .maincontent {
−
              
+
             margin-top: 180px;
−
            -webkit-background-size: cover;
+
             margin-bottom: 180px;
−
             -moz-background-size: cover;
+
        }
−
  -o-background-size: cover;
+
        h1 {
−
  background-size: cover;
+
          font-family: 'Josefin Sans', sans-serif !important;
−
            color: black !important;
+
−
            font-family: 'Quicksand', sans-serif !important;
+
 
           font-weight: normal !important;
 
           font-weight: normal !important;
 +
            text-align: center;
 
         }
 
         }
−
 
+
         h2 {
−
 
+
             text-align: center;
−
         .maincontent {
+
−
             margin-top: 180px !important;
+
−
            margin-bottom: 180px !important;
+
 
         }
 
         }
−
     
+
         p {
−
         #scienceBit {
+
             text-align: justify;
−
             margin-top: 140px !important;
+
−
            margin-bottom: 40px !important;
+
 
         }
 
         }
−
 
+
         #moving-helix {
−
         .info {
+
             height: 400px;
−
             padding: 20px !important;
+
 
         }
 
         }
−
 
+
         #blinking-arrows {
−
         hr {
+
             height: 54px;
−
             border-color: white !important;
+
 
         }
 
         }
−
 
+
        .bottom-left {
−
h1 {
+
            bottom: 20px;
−
    text-align: center !important;
+
            left: 20px;
−
         
+
            line-height: 3;
−
          font-family: 'Quicksand', sans-serif !important;
+
            position: fixed;
−
          font-weight: normal !important;
+
            text-align: center;
−
}     
+
−
 
+
−
      h4 {
+
−
          font-family: 'Quicksand', sans-serif !important;
+
−
          font-weight: normal !important;
+
 
         }
 
         }
−
     
+
         .bottom-right {
−
         p {
+
             bottom: 20px;
−
             text-align: left !important;
+
            display: inline-block;
−
         
+
            line-height: 1.5;
−
          font-family: 'Quicksand', sans-serif !important;
+
            position: fixed;
−
          font-weight: normal !important;
+
            right: 70px;
 +
            text-align: center;
 
         }
 
         }
−
 
+
         .social-media-icon {
−
         .container img {
+
             color: rgba(0, 0, 0, 0.5);
−
             width: 100% !important;
+
            font-size: 24px;
 
         }
 
         }
−
 
+
        .social-media-icon:hover {
−
         .centeredtitle {
+
            color: rgba(0, 0, 0, 0.9);
−
             text-align: center !important;
+
        }
 +
         .vertical-align {
 +
             display: flex;
 +
            justify-content: center;
 +
            align-items: center;
 +
        }
 +
        #home-title {
 +
            color: #44414d;
 +
            font-size: 80px;
 +
        }
 +
        #home-subtitle {
 +
            color: #44414d;
 +
            font-size: 47px;
 +
        }
 +
        #social-media-icons {
 +
            list-style: none;
 +
        }
 +
        #instructions {
 +
            display: block;
 +
            font-size: 12px;
 +
        }
 +
      @media only screen and (max-width: 1050px) {
 +
            .bottom-left {
 +
              display: none;
 +
            }
 +
            .bottom-right {
 +
              display: none;
 +
            }
 
         }
 
         }
  
−
      .logo {
+
        @media only screen and (max-width: 400px) {
−
          max-height: 40px;
+
            #home-title {
 +
                color: #44414d;
 +
                font-size: 26px;
 +
            }
 +
            #home-subtitle {
 +
                color: #44414d;
 +
                font-size: 16px;
 +
            }
 
         }
 
         }
−
    </style>
+
  </style>
 
     <!-- JS -->
 
     <!-- JS -->
−
    <script src="https://2018.igem.org/Team:Calgary/JQueryMinJSImposter?action=raw&ctype=text/javascript"></script>
+
  <script src="https://2018.igem.org/Team:Calgary/jquery_fullPage_js?action=raw&ctype=text/javascript"></script>
−
     <script src="https://2018.igem.org/Team:Calgary/BootstrapBundleMinJSImposter?action=raw&ctype=text/javascript"></script>
+
     <script>
 +
        $(document).ready(function () {
 +
            $('#fullpage').fullpage({
 +
                // navigation: true,
 +
                loopBottom: true,
 +
                loopTop: true,
 +
                responsiveWidth: 1050,
 +
 +
                afterResponsive: function (isResponsive) { }
 +
            });
 +
        });
 +
    </script>
 
</head>
 
</head>
  
 
<body>
 
<body>
 
     <!-- Content -->
 
     <!-- Content -->
−
     <div class="container" id="scienceBit">
+
     <div class="container" id="fullpage">
 +
        <!-- Description -->
 +
        <div class="section">
 +
            <div class="row vertical-align">
 +
                <div class="col-10">
 +
                    <h1 id="home-title">SNIP
 +
                        <span style="color: #7ccfb8">EQUIP</span> FLIP</h1>
 +
                    <h2 id="home-subtitle">Towards a Safer Gene Therapy</h2>
 +
                </div>
 +
                <div class="col-2">
 +
                    <svg style="width: 50%" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 +
                        xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 +
                        xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 79.80928 292.63452"
 +
                        version="1.1" id="moving-helix" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="Helix.svg">
 +
                        <defs id="defs1848" />
 +
                        <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2"
 +
                            inkscape:zoom="0.64" inkscape:cx="40.612564" inkscape:cy="524.45313" inkscape:document-units="mm"
 +
                            inkscape:current-layer="layer1" showgrid="false" inkscape:window-width="1920" inkscape:window-height="1017"
 +
                            inkscape:window-x="-8" inkscape:window-y="32" inkscape:window-maximized="1" borderlayer="false" fit-margin-top="0"
 +
                            fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" showborder="false" />
 +
                        <metadata id="metadata1851">
 +
                            <rdf:RDF>
 +
                                <cc:Work rdf:about="">
 +
                                    <dc:format>image/svg+xml</dc:format>
 +
                                    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 +
                                    <dc:title></dc:title>
 +
                                </cc:Work>
 +
                            </rdf:RDF>
 +
                        </metadata>
 +
                        <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-2.4802186,-2.7247285)">
 +
                            <g class="move-up" id="g2473" transform="matrix(1.3829225,0,0,1.3829225,-103.49477,-58.214956)">
  
−
        <!-- Section 1 -->
+
                                <path class="dark-grey appear-right-delay" id="dgrey4" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 134.34178,5.592011 v 19.23694 l 57.7106,38.473729 V 44.065821 Z"
−
        <h1>
+
                                />
−
            What is Gene Therapy?
+
−
        </h1>
+
−
        <div class="row">
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    The ideal medicine is not a perfect treatment - it is a cure. For the first time, humankind has the tools to correct the
+
−
                    genetic causes of disease.
+
−
                </p>
+
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    Gene therapy gives us the opportunity to add, remove, and change our genes, influencing how protiens are made and better
+
−
                    provide care for those who suffer from debilitating diseases.
+
−
                </p>
+
−
            </div>
+
−
        </div>
+
−
        <div class="row info">
+
−
            <p>
+
−
                Typically, gene therapy is performed using a virus to introduce the treatment into the body. Viruses are greatly successful
+
−
                at penetrating cells, and thus work as an excellent vector for introducing genetic material. Provided that
+
−
                the treatment is successful, functioning proteins will be secreted from the repaired cell, as diagrammed
+
−
                below.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div style="margin: 0 auto" class="col-sm-12 col-md-6 info">
+
−
                <img src="https://static.igem.org/mediawiki/2018/9/91/T--Calgary--GeneTherapyDiagram.png">
+
−
            </div>
+
−
        </div>
+
  
−
        <hr>
+
                                <path class="dark-green move-right appear-right" id="dgreen3" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"
−
        <br>
+
                                    d="m 134.34175,44.065952 v 19.236859 l 57.7106,38.473789 V 82.539731 Z" />
  
−
        <!-- Section 2 -->
+
                                <path class="light-green appear-left-delay" id="lgreen4" d="m 76.63115,5.592011 v 19.23694 L 18.920612,63.30268 V 44.065821 Z"
−
        <h1>
+
                                    inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" />
−
            How We're Moving Towards a Safer Gene Therapy
+
−
        </h1>
+
−
        <div class="row info">
+
−
            <p>
+
−
                While viral vectors have successfully demonstrated the potential of gene therapy, safety concerns, such as the random integration
+
−
                of therapeutic DNA, which can lead to cancer and severe immune responses, constrain their use to severe diseases.
+
−
                In order for gene therapies to benefit a greater number of people, for a wider range of indications, the
+
−
                risks of viral delivery must be overcome.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row info">
+
−
            <p>
+
−
                Targeted integration of DNA in mammalian genomes has been made simple with CRISPR/Cas9. Unfortunately, the insertion of large
+
−
                (> 1 kb) DNA inserts has proven too inefficient for therapeutic applications, restricting the use of CRISPR-mediated
+
−
                knock-in to relatively small inserts. In light of these constraints, the University of Calgary iGEM team
+
−
                has designed a targeted gene integration platform to build a safer gene therapy.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    There are two pillars at the core of our platform. The first consists of a two-phase integration system, based on CRISPR/Cas9
+
−
                    and Flp recombinase. By inserting small Flp recombinase target (FRT) sites using CRISPR/Cas9, Flp can
+
−
                    be used to integrate large inserts. To minimize the risk of off-target effects, we will target a "genomic
+
−
                    safe harbor" where DNA can safely be introduced.
+
−
                </p>
+
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    Furthermore, we are minimizing off-target integration by employing Cas9 nickase with an ssDNA template. This second pillar
+
−
                    leverages regulatory elements (REs) found naturally in the human genome to keep therapeutic DNA active
+
−
                    and isolated from its genomic context. In particular, we are using ubiquitously-acting chromatin-opening
+
−
                    elements (UCOEs) to maintain internal control of transgene expression, while preventing disruption of
+
−
                    the host genome with insulators.
+
−
                </p>
+
−
            </div>
+
−
        </div>
+
  
−
        <hr>
+
                                <path class="dark-grey" id="dgrey1" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 76.631184,44.065871 v 19.23694 L 134.34178,101.77654 V 82.539681 Z"
−
        <br>
+
                                />
  
−
        <!-- Section 3 -->
+
                                <path class="light-grey move-left appear-left" id="lgrey3" d="M 76.631184,44.066002 V 63.302811 L 18.920588,101.7766 V 82.539731 Z"
−
        <h1>
+
                                    inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" />
−
            How Snip, Equip, Flip Works
+
−
        </h1>
+
−
        <div class="row info">
+
−
                <p>1. Snip: Paired nicks near the genomic target to initiate DNA repair.</p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div style="margin: 0 auto" class="col-sm-12 col-md-6 info">
+
−
                <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Calgary--Snip.png">
+
−
            </div>
+
−
        </div>
+
−
        <div class="row info">
+
−
                <p>2. Equip: Single-stranded DNA as a repair template to introduce distinct target sites.</p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div style="margin: 0 auto" class="col-sm-12 col-md-6 info">
+
−
                <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Calgary--Equip.png">
+
−
            </div>
+
−
        </div>
+
−
        <div class="row info">
+
−
                <p>3. Flip: FLP recombinase-mediated cassette exchange (RMCE) between pairs of target sites.</p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div style="margin: 0 auto" class="col-sm-12 col-md-6 info">
+
−
                <img src="https://static.igem.org/mediawiki/2018/7/78/T--Calgary--Flip.png">
+
−
            </div>
+
−
        </div>
+
  
−
        <hr>
+
                                <path class="dark-green" id="dgreen1" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 76.631184,82.539681 v 19.236859 l 57.710596,38.47379 v -19.23687 z"
−
        <br>
+
                                />
  
−
        <!-- Section 4 -->
+
                                <path class="light-green" id="lgreen1" d="m 134.34175,44.065871 v 19.23694 L 76.631212,101.77654 V 82.539681 Z" inkscape:connector-curvature="0"
−
        <h1>
+
                                    sodipodi:nodetypes="ccccc" />
−
            What is iGEM?
+
−
        </h1>
+
−
        <div class="row info">
+
−
            <p>
+
−
                iGEM, the International Genetically Engineered Machine, is a non-profit organization dedicated to the advancement of synthetic
+
−
                biology. Every year, iGEM holds a competition in Boston where over 300 teams from all over the world come
+
−
                to compete.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    This year, team Calgary is competing at the iGEM competition in Boston with our project, Snip, Equip, Flip: Towards a Safer
+
−
                    Gene Therapy. In preparation for the competition, the team is completing a number of requirements, which
+
−
                    include building software solutions and generating a microfluidic system.
+
−
                </p>
+
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <p>
+
−
                    The requirements to succeed in the competition include demonstrating that our engineered system works, collaborating with
+
−
                    other teams, and considering the social implications of our system (human practices).
+
−
                </p>
+
−
            </div>
+
−
        </div>
+
  
−
        <hr>
+
                                <path class="dark-grey" id="dgrey2" d="m 76.631184,121.01346 v 19.23681 l 57.710596,38.47384 v -19.23692 z" inkscape:connector-curvature="0"
−
        <br>
+
                                    sodipodi:nodetypes="ccccc" />
  
−
        <!-- Section 5 -->
+
                                <path class="dark-green disappear-left-delay" id="dgreen2" d="m 76.631184,159.48725 v 19.23686 l 57.710596,38.47378 v -19.23691 z"
−
        <h1>
+
                                    inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" />
−
            Additional Work
+
−
        </h1>
+
−
        <div class="row info">
+
−
            <p>
+
−
                The dry lab team is developing two tools for making software easily accessible for iGEM teams, as well as exploring microfluidic
+
−
                solutions for delivering gene therapy.
+
−
            </p>
+
−
        </div>
+
−
        <div class="row">
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <h4 class="centeredtitle">
+
−
                    SARA
+
−
                </h4>
+
−
                <p>
+
−
                    A tool for aggregating software created by past iGEM teams into a readable, editable, and searchable database. SARA (Software
+
−
                    Aggregating Research Assistant) is being made available for online and local use. SARA is intended to
+
−
                    make software developed by the iGEM community more valuable by improving access and awareness.
+
−
                </p>
+
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <h4 class="centeredtitle">
+
−
                    LARA
+
−
                </h4>
+
−
                <p>
+
−
                    A lab management tool that is compatible with google assistant. The features of LARA (LAb Research Assistant) include step-by-step
+
−
                    reading of protocols, a speech to text lab notebook, and access to SARA. LARA is intended to allow for
+
−
                    the hands-free exchange of information in a lab, improving the efficiency and ease of lab work.
+
−
                </p>
+
−
            </div>
+
−
        </div>
+
−
        <div class="row info">
+
−
          <div style="margin: 0 auto; padding: 0" class="col-sm-12 col-md-6">
+
−
                <h4 class="centeredtitle">
+
−
                    Microfluidics
+
−
                </h4>
+
−
                <p>
+
−
                    The applied design group is developing a GMP-in-a-box prototype to deliver the modification method in a clinical setting.
+
−
                    This microfluidic system encapsulates target cells in droplets and transfects them via electroporation.
+
−
                </p>
+
−
          </div>
+
−
        </div>
+
  
−
        <hr>
+
                                <path class="light-green" id="lgreen2" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 134.34178,121.01346 v 19.23681 l -57.710596,38.47384 v -19.23692 z"
−
        <br>
+
                                />
  
−
        <!-- Section 6 -->
+
                                <path class="light-grey" id="lgrey1" d="M 134.34178,82.539731 V 101.77654 L 76.631184,140.25033 V 121.01346 Z" inkscape:connector-curvature="0"
−
        <h1>
+
                                    sodipodi:nodetypes="ccccc" />
−
            Human Practices
+
 
−
        </h1>
+
                                <path class="dark-grey disappear-left" id="dgrey3" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 76.631184,197.96103 v 19.23686 l 57.710596,38.47385 v -19.23692 z"
−
        <div class="row">
+
                                />
−
            <div class="col-sm-12 col-md-6 info">
+
 
−
                <h4 class="centeredtitle">
+
                                <path class="light-grey disappear-right-delay" id="lgrey2" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" d="m 134.34178,159.4873 v 19.23681 l -57.710596,38.47378 v -19.23691 z"
−
                    Thought Leaders
+
                                />
−
                </h4>
+
 
−
                <p>
+
                                <path class="light-green disappear-right" id="lgreen3" d="m 134.34178,197.96103 v 19.23686 l -57.710596,38.47385 v -19.23692 z"
−
                    The team has been reaching out to thought leaders in the community with the goal of mitigating concerns regarding gene therapy.
+
                                    inkscape:connector-curvature="0" sodipodi:nodetypes="ccccc" />
−
                    As a relatively new treatment, gene therapy has been met with mixed reactions. Concerns range from the
+
 
−
                    ethics of enhancement to the accessibility of the treatment. The team would like to address two specific
+
                            </g>
−
                    concerns: the act of playing god with respect to western religions, and the relationship between gene
+
                        </g>
−
                    therapy treatments and traditional First Nations medicine practices.
+
                     </svg>
−
                </p>
+
                 </div>
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <h4 class="centeredtitle">
+
−
                    Education
+
−
                </h4>
+
−
                <p>
+
−
                     While gene therapy and its applications are the focus of the human practices portion, the team is also working towards improving
+
−
                    education in synthetic biology at the high school level. As an emerging science, the team is working
+
−
                    to develop lesson plans and curriculum proposals for Alberta education and proposing a heavier focus
+
−
                    on synthetic biology for the international baccalaureate (IB) curriculum, which operates all over the
+
−
                    world.
+
−
                 </p>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="row">
+
         <!-- Page 2 -->
−
            <div class="col-sm-12 col-md-6 info">
+
        <div class="section">
−
                <h4 class="centeredtitle">
+
            <h1>Page 2</h1>
−
                    Ethics and Safety
+
        </div>
−
                </h4>
+
        <!-- Page 3 -->
−
                <p>
+
        <div class="section">
−
                    As with all new technology there are increased points of risk that need to be addressed. Particularly, the team has taken
+
            <h1>Page 3</h1>
−
                    strides to increase awareness of the safety precautions that should be taken, while also implementing
+
−
                    safeguards where possible. Careful consideration of the ethical implications of gene therapy through
+
−
                    introspection is being done and extended via discussions with individuals in the realm of bioethics.
+
−
                    These accounts inform our work along with meetings with the public, stakeholders and thought leaders.
+
−
                </p>
+
−
            </div>
+
−
            <div class="col-sm-12 col-md-6 info">
+
−
                <h4 class="centeredtitle">
+
−
                    Business Logistics
+
−
                </h4>
+
−
                <p>
+
−
                    The team is addressing the project in its clinical context. Meetings at Innovate Calgary are useful for consideration of
+
−
                    the project's value from a product level view. The team is also speaking with clinicians and genetic
+
−
                    counselors, who are the primary liason between the laboratory, our product, and patients. Collectively
+
−
                    these meetings ground our work in reality, and allow us to enage meaningfully with potential stakeholders
+
−
                    in our project.
+
−
                </p>
+
−
            </div>
+
 
         </div>
 
         </div>
−
 
 
     </div>
 
     </div>
−
 
+
    <!-- Social Media -->
−
 
+
    <div class="bottom-left">
 +
        <ul id="social-media-icons">
 +
            <li>
 +
                <a href="#">
 +
                    <i class="fab fa-facebook-f social-media-icon" aria-hidden="true"></i>
 +
                </a>
 +
            </li>
 +
          <br>
 +
            <li>
 +
                <a href="#">
 +
                    <i class="fab fa-instagram social-media-icon" aria-hidden="true"></i>
 +
                </a>
 +
            </li>
 +
          <br>
 +
            <li>
 +
                <a href="#">
 +
                    <i class="fab fa-twitter social-media-icon" aria-hidden="true"></i>
 +
                </a>
 +
            </li>
 +
          <br>
 +
            <li>
 +
                <a href="#">
 +
                    <i class="far fa-envelope social-media-icon" aria-hidden="true"></i>
 +
                </a>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
    <!-- Arrow Keys -->
 +
    <div class="bottom-right">
 +
        <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 +
            xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 +
            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" height="600" viewBox="0 0 36.634037 23.343925" version="1.1"
 +
            id="blinking-arrows" sodipodi:docname="Arrows.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)">
 +
            <defs id="defs2408" />
 +
            <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2"
 +
                inkscape:zoom="5.6" inkscape:cx="54.174134" inkscape:cy="3.2464811" inkscape:document-units="mm" inkscape:current-layer="layer1"
 +
                showgrid="false" inkscape:window-width="3000" inkscape:window-height="1875" inkscape:window-x="-13" inkscape:window-y="67"
 +
                inkscape:window-maximized="1" showborder="true" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0"
 +
            />
 +
            <metadata id="metadata2411">
 +
                <rdf:RDF>
 +
                    <cc:Work rdf:about="">
 +
                        <dc:format>image/svg+xml</dc:format>
 +
                        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 +
                        <dc:title></dc:title>
 +
                    </cc:Work>
 +
                </rdf:RDF>
 +
            </metadata>
 +
            <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-97.154707,-91.237265)">
 +
                <rect id="rect2350" class="box-light-grey blinky-delay" width="9.2528639" height="9.2528648" x="110.84529" y="91.751549"
 +
                    ry="1.505878" />
 +
                <path sodipodi:type="star" id="path2352" class="arrow-v-light-grey blinky-delay" sodipodi:sides="3" sodipodi:cx="115.4742"
 +
                    sodipodi:cy="96.813065" sodipodi:r1="1.7300762" sodipodi:r2="0.8650381" sodipodi:arg1="0.52359878" sodipodi:arg2="1.5707963"
 +
                    inkscape:flatsided="false" inkscape:rounded="0" inkscape:randomized="0" d="m 116.97249,97.678103 -1.49829,0 -1.49829,0 0.74914,-1.297557 0.74915,-1.297558 0.74914,1.297558 z"
 +
                    inkscape:transform-center-x="-0.0018211996" inkscape:transform-center-y="-0.43061005" />
 +
                <rect ry="1.505878" y="-114.06599" x="110.84529" height="9.2528648" width="9.2528639" id="rect2354" class="box-light-grey blinky"
 +
                    transform="scale(1,-1)" />
 +
                <path inkscape:transform-center-y="0.43023049" inkscape:transform-center-x="-0.0018211996" transform="scale(1,-1)" d="m 116.97249,-108.14041 -1.49829,0 -1.49829,0 0.74914,-1.29756 0.74915,-1.29755 0.74914,1.29755 z"
 +
                    inkscape:randomized="0" inkscape:rounded="0" inkscape:flatsided="false" sodipodi:arg2="1.5707963" sodipodi:arg1="0.52359878"
 +
                    sodipodi:r2="0.8650381" sodipodi:r1="1.7300762" sodipodi:cy="-109.00545" sodipodi:cx="115.4742" sodipodi:sides="3"
 +
                    id="path2357" class="arrow-v-light-grey blinky" sodipodi:type="star" />
 +
                <rect transform="matrix(0,1,1,0,0,0)" id="rect2359" class="box-verylight-grey" width="9.2528648" height="9.2528639" x="104.81404"
 +
                    y="97.668991" ry="1.5058781" />
 +
                <path sodipodi:type="star" id="path2361" class="arrow-h-verylight-grey" sodipodi:sides="3" sodipodi:cx="92040" sodipodi:cy="-62277.48"
 +
                    sodipodi:r1="200" sodipodi:r2="100" sodipodi:arg1="0.52359878" sodipodi:arg2="1.5707963" inkscape:flatsided="false"
 +
                    inkscape:rounded="0" inkscape:randomized="0" d="m 92213.205,-62177.48 -173.205,0 -173.205,0 86.602,-150 86.603,-150 86.603,150 z"
 +
                    transform="matrix(0,0.00865039,0.00865039,0,641.45271,-686.73889)" inkscape:transform-center-x="0.43408464"
 +
                    inkscape:transform-center-y="0.0019150242" />
 +
                <rect transform="matrix(0,-1,-1,0,0,0)" id="rect2363" class="box-verylight-grey" width="9.2528648" height="9.2528639" x="-114.06599"
 +
                    y="-133.27446" ry="1.5058781" />
 +
                <path sodipodi:type="star" id="path2366" class="arrow-h-verylight-grey" sodipodi:sides="3" sodipodi:cx="92040" sodipodi:cy="-62277.48"
 +
                    sodipodi:r1="200" sodipodi:r2="100" sodipodi:arg1="0.52359878" sodipodi:arg2="1.5707963" inkscape:flatsided="false"
 +
                    inkscape:rounded="0" inkscape:randomized="0" d="m 92213.205,-62177.48 -173.205,0 -173.205,0 86.602,-150 86.603,-150 86.603,150 z"
 +
                    transform="matrix(0,-0.00865039,-0.00865039,0,-410.50945,905.62203)" inkscape:transform-center-x="-0.43298603"
 +
                    inkscape:transform-center-y="-0.00080335859" />
 +
            </g>
 +
        </svg>
 +
        <span id="instructions">Use arrow keys
 +
            <br>or scroll</span>
 +
    </div>
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 23:23, 15 October 2018

Team:Calgary - 2018.igem.org

SNIP EQUIP FLIP

Towards a Safer Gene Therapy

image/svg+xml

Page 2

Page 3

image/svg+xml Use arrow keys
or scroll