Difference between revisions of "Team:BOKU-Vienna/Model"

 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
<!--
 +
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
 +
* @version v0.7.3
 +
* @link https://github.com/Virginia-iGEM/igem-wikibrick
 +
* @license MIT
 +
*-->
 +
 
 
<html>
 
<html>
−
   <head>
+
    
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
     <script src="/dist/js/vendor.js"></script>
+
     <script src="https://2018.igem.org/Template:BOKU-Vienna/js/vendor?action=raw&ctype=text/javascript"></script>
 
     <script>
 
     <script>
 
       $(function() {
 
       $(function() {
−
         $('header').load('/templates/header.html');
+
         $('header').load('https://2018.igem.org/Template:BOKU-Vienna/header?action=raw&ctype=text/javascript');
−
         $('footer').load('/templates/footer.html');
+
         $('footer').load('https://2018.igem.org/Template:BOKU-Vienna/footer?action=raw&ctype=text/javascript');
 
       })
 
       })
 
     </script>
 
     </script>
−
     <link rel="stylesheet" href="/css/ekko-lightbox.css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/ekko-lightbox?action=raw&ctype=text/css">
−
    <link rel="stylesheet" href="/css/fa-svg-with-js.css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/styles?action=raw&ctype=text/css">
−
     <link rel="stylesheet" href="/css/fontawesome_all.min.css">
+
     <script src="https://2018.igem.org/Template:BOKU-Vienna/js/wiki?action=raw&ctype=text/javascript"></script>
−
    <link rel="stylesheet" href="/css/styles.css">
+
−
     <script src="/js/wiki.js"></script>
+
 
     <!--Added MathJax hack to make inline equations work-->
 
     <!--Added MathJax hack to make inline equations work-->
 
     <script type="text/x-mathjax-config">
 
     <script type="text/x-mathjax-config">
Line 24: Line 28:
 
       }
 
       }
 
       });
 
       });
−
     </script>  </head>
+
     </script>   
  
−
   <body>
+
    
−
   <div class="sub-page">
+
   <div class="sub-page"> <header></header>
−
  <header></header>   <div class="landing-sub-page" id="top" style="background: url(https://static.igem.org/mediawiki/2018/7/78/T--BOKU-Vienna--2018_model-landing.jpg) fixed no-repeat center; background-size: cover;">
+
 
 +
    <div class="landing-sub-page" id="top" style="background: url(https://static.igem.org/mediawiki/2018/7/78/T--BOKU-Vienna--2018_model-landing.jpg) fixed no-repeat center; background-size: cover;">
 
         <div class="header">
 
         <div class="header">
 
             <h2>The Model</h2>
 
             <h2>The Model</h2>
Line 35: Line 40:
 
       <article class="row-element"></article>
 
       <article class="row-element"></article>
 
       <script>
 
       <script>
−
           $('article').load('/content/Model.html');
+
           $('article').load('https://2018.igem.org/Template:BOKU-Vienna/Model?action=raw&ctype=text/javascript');
 
       </script>
 
       </script>
 
     </div>    <div id="main" class="container">
 
     </div>    <div id="main" class="container">
 +
    <h1 id="tryityourself">Try it yourself</h1>
 +
 
         <div id="simulation_model"></div>
 
         <div id="simulation_model"></div>
 
     </div>    <footer></footer>
 
     </div>    <footer></footer>
 
     <!--SMOOTH SCROLL UP-->
 
     <!--SMOOTH SCROLL UP-->
−
     <div class='scrolltop'>
+
     <div class="scrolltop">
−
       <div class='scroll icon'><i class="fas fa-chevron-up"></i></div>
+
       <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
 
     </div>  </div>
 
     </div>  </div>
  
Line 144: Line 151:
 
                     if (this.id === "start") {
 
                     if (this.id === "start") {
 
                         addNewLine("switchoff", "Switch OFF", data);
 
                         addNewLine("switchoff", "Switch OFF", data);
 +
 +
      svg.append("text")
 +
                                .attr("transform", "translate(" + (x(data[0].gfp) + 20) + "," + -10 + ")")
 +
                                .attr("dy", ".35em")
 +
                                .attr("text-anchor", "start")
 +
                                .style("fill", "blue")
 +
                                .text("GFP");
 +
 +
                        svg.append("text")
 +
                                .attr("transform", "translate(" + (x(data[0].gfp) + 20) + "," + 70 + ")")
 +
                                .attr("dy", ".35em")
 +
                                .attr("text-anchor", "start")
 +
                                .style("fill", "green")
 +
                                .text("gON");
 +
 +
                        svg.append("text")
 +
                                .attr("transform", "translate(" + (x(data[0].gfp) + 20) + "," + 350 + ")")
 +
                                .attr("dy", ".35em")
 +
                                .attr("text-anchor", "start")
 +
                                .style("fill", "red")
 +
                                .text("gOFF");
 
                     }
 
                     }
  
Line 244: Line 272:
  
 
         </script>
 
         </script>
−
   </body>
+
    
 
</html>
 
</html>

Latest revision as of 01:04, 18 October 2018


The Model

Try it yourself