Difference between revisions of "Team:SEU/tool"

Line 43: Line 43:
 
         }
 
         }
 
       .diagram{
 
       .diagram{
−
             width:60%;
+
             width:100%;
 
             height:620px;
 
             height:620px;
 
             border:1px solid #666;
 
             border:1px solid #666;
Line 50: Line 50:
 
             overflow:auto;
 
             overflow:auto;
 
             float: left;
 
             float: left;
−
           
 
 
         }
 
         }
 
         .sequence{
 
         .sequence{
−
             width:40%;
+
             width:100%;
 
             height:620px;
 
             height:620px;
 
             border:1px solid #666;
 
             border:1px solid #666;
Line 192: Line 191:
 
                     <div class="about-section">
 
                     <div class="about-section">
 
                         <div class="row justify-content-center">
 
                         <div class="row justify-content-center">
−
                             <div class="col-md-8 wide-col-laptop">
+
                             <div class="col-md-10 wide-col-laptop">
 
                                 <div class="row">
 
                                 <div class="row">
 
                         <div class="row justify-content-center">  
 
                         <div class="row justify-content-center">  
Line 201: Line 200:
 
                                         <p align="left">To use this tool, users should firstly specify the number of inputs to a neuron by typing the value in the <b>Number</b> frame and click <b>Submit</b>. </p>
 
                                         <p align="left">To use this tool, users should firstly specify the number of inputs to a neuron by typing the value in the <b>Number</b> frame and click <b>Submit</b>. </p>
 
                                         <p align="left">By cliking on the three buttons below the <b>Number</b> frame, both reactions and sequences utilized in the three parts of the neuron will be shown. In the result diagram below, topology of DNA sequences will be shown on the left and sequences of all single strand DNA will be shown on the right.</p>
 
                                         <p align="left">By cliking on the three buttons below the <b>Number</b> frame, both reactions and sequences utilized in the three parts of the neuron will be shown. In the result diagram below, topology of DNA sequences will be shown on the left and sequences of all single strand DNA will be shown on the right.</p>
−
                                         <img src="https://static.igem.org/mediawiki/2019/a/a8/T--SEU--tool.png" style="background-color: transparent;width:50%"><br><br>
+
                                         <img src="https://static.igem.org/mediawiki/2019/a/a8/T--SEU--tool.png" style="background-color: transparent;width:80%"><br><br>
 
                                         <center>
 
                                         <center>
 
                                         Number:
 
                                         Number:
Line 215: Line 214:
  
 
                                         <center>
 
                                         <center>
−
                                             <div class="diagramWhole">
+
                                              
 
                                                 <div class="diagram" id="words">
 
                                                 <div class="diagram" id="words">
−
                                                     <canvas id="canvas"  width="1000" height="10000"></canvas>
+
                                                     <canvas id="canvas"  width="1200" height="10000"></canvas>
 
                                                     <!-- <script type="text/javascript">draw();</script> -->
 
                                                     <!-- <script type="text/javascript">draw();</script> -->
  
Line 226: Line 225:
  
 
                                                 </div>
 
                                                 </div>
−
                                             </div>
+
                                              
 
                                         </center>
 
                                         </center>
 
                                     </body>
 
                                     </body>
Line 241: Line 240:
 
      
 
      
 
     <!-- <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/javascript" type="text/javascript"></script> -->
 
     <!-- <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/javascript" type="text/javascript"></script> -->
−
     <script src="https://2019.igem.org/Template:SEU/toolJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
     <!-- <script src="https://2019.igem.org/Template:SEU/toolJS?action=raw&ctype=text/javascript" type="text/javascript"></script> -->
−
     <!-- <script src="mainMess.js" type="text/javascript"></script> -->
+
     <script src="mainMess.js" type="text/javascript"></script>
 
</html>
 
</html>

Revision as of 07:45, 23 September 2019





User Instruction

This is a webpage tool which showcases DNA reactions utilized to synthesize a neural network and generates corresponding DNA sequences. We simply provide the reactions that are required in a single neuron, as a layer of neural network can be implemented by combining such objects.

To use this tool, users should firstly specify the number of inputs to a neuron by typing the value in the Number frame and click Submit.

By cliking on the three buttons below the Number frame, both reactions and sequences utilized in the three parts of the neuron will be shown. In the result diagram below, topology of DNA sequences will be shown on the left and sequences of all single strand DNA will be shown on the right.



Number: