Difference between revisions of "Team:Dundee/Modeling/Appendix3"

Line 2: Line 2:
 
<style>container { text-align:left; min-width:80%; }
 
<style>container { text-align:left; min-width:80%; }
 
#pagebox { text-align:left; width:80%; margin-left:auto; margin-right:auto; }
 
#pagebox { text-align:left; width:80%; margin-left:auto; margin-right:auto; }
−
#pagebox2 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }#pagebox3 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }#pagebox4 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }<</style>
+
#pagebox2 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }#pagebox3 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }#pagebox4 { text-align:left; width:80%; margin-left:auto; margin-right:auto; }</style><!--Sets classes so that content within pagebox will have margins-->
 +
 
 +
 
 
<script type="text/x-mathjax-config">
 
<script type="text/x-mathjax-config">
 
   MathJax.Hub.Config({
 
   MathJax.Hub.Config({
Line 8: Line 10:
 
   });
 
   });
 
</script>
 
</script>
 +
<!--Resizes the mathjax equations and inline symbols so that they are larger and easier to read-->
  
 
<style>#about .glyphicon {
 
<style>#about .glyphicon {
Line 21: Line 24:
 
background: #E8E8E8;
 
background: #E8E8E8;
 
color: #585858;
 
color: #585858;
−
}</style>
+
}</style><!--Sets the buttons to change colour when hovered over-->
  
 
<script>
 
<script>
Line 27: Line 30:
 
     $(this).toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
 
     $(this).toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
 
});
 
});
−
</script>
+
</script><!--Sets button to do something when clicked on-->
 +
 
 +
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   $(document).ready(function(){
 
   $(document).ready(function(){
Line 43: Line 48:
 
   });
 
   });
 
});
 
});
−
</script>
+
</script><!--Allows internal links on page and smooth scrolling-->
 +
 
 
<script type="text/x-mathjax-config">
 
<script type="text/x-mathjax-config">
 
MathJax.Hub.Config({
 
MathJax.Hub.Config({
 
   TeX: { equationNumbers: { autoNumber: "AMS" } }
 
   TeX: { equationNumbers: { autoNumber: "AMS" } }
 
});
 
});
−
</script>
+
</script><!--Sets the equations to be numbered in order of appearance-->
−
<!--The following script tag is to allow for Latex chemical schematics/equations to be shown-->
+
 
 +
 
 +
 
 
<script type="text/x-mathjax-config">
 
<script type="text/x-mathjax-config">
 
MathJax.Hub.Config({
 
MathJax.Hub.Config({
 
   TeX: {extensions: ["mhchem.js"]}
 
   TeX: {extensions: ["mhchem.js"]}
 
});
 
});
−
</script>
+
</script><!--The script tag is to allow for Latex chemical schematics/equations to be shown-->
−
<!--The following script tag allows for MathJax to be used, a language that allows for Latex code to be displayed in html-->
+
 
 +
 
 +
 
 
<script type="text/javascript"
 
<script type="text/javascript"
 
   src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 
   src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
−
</script>
+
</script><!--The following script tag allows for MathJax to be used, a language that allows for Latex code to be displayed in html-->
 +
 
 
<style>
 
<style>
  
Line 68: Line 79:
 
span.untermstring { color:#B20000 }
 
span.untermstring { color:#B20000 }
 
span.syscmd { color:#B28C00 }
 
span.syscmd { color:#B28C00 }
−
</style>
+
</style><!--Sets up span classes to match MATLAB published html output style-->
 
<body>
 
<body>
−
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
       <meta name="viewport" content="width=device-width, initial-scale=1.0"><!--Ensures page is mobile device compatible-->
  
  
  
 
     <header>
 
     <header>
−
     <a class="anchor" id="top"></a>
+
     <a class="anchor" id="top"></a><!--Sets anchor so that this section can be referred back to using the command #top-->
 
         <center>
 
         <center>
 
             <h1><highlight class="highlight">Dry Lab</highlight></h1>
 
             <h1><highlight class="highlight">Dry Lab</highlight></h1>
 
             <h3><highlight class="highlight">Appendix 3: Chromate Biosensor Code</highlight></h3>
 
             <h3><highlight class="highlight">Appendix 3: Chromate Biosensor Code</highlight></h3>
 
         </center>
 
         </center>
−
       </header>
+
       </header><!-- sets centered header(h1) and subheader(h3)-->
  
−
<font size="4">
+
<font size="4"><!--Sets font size to size 4-->
  
−
<a class="anchor" id="selection"></a>
+
<a class="anchor" id="selection"></a><!--Sets anchor so that this section can be referred back to using the command #selection-->
 
     <section id="about" class="row1">     
 
     <section id="about" class="row1">     
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <a href="#chromate2" class="scroll"><span class="glyphicon glyphicon-pushpin" type="button"></span></a>  
+
           <a href="#chromate2" class="scroll"><span class="glyphicon glyphicon-pushpin" type="button"></span></a> <!--Button that navigates to a specific section of page-->
 
           <h3>Chromate Model Code</h3>
 
           <h3>Chromate Model Code</h3>
−
           <p class="about-content">MATLAB code for chromate model.</p>
+
           <p class="about-content">MATLAB code for chromate model.</p><!--text displayed under button-->
 
         </div>
 
         </div>
  
 
         <div class="col-md-6">
 
         <div class="col-md-6">
−
           <a href="#bone" class="scroll"><span class="glyphicon glyphicon-pushpin" type="button"></span></a>
+
           <a href="#bone" class="scroll"><span class="glyphicon glyphicon-pushpin" type="button"></span></a><!--Button that navigates to a specific section of page-->
 
           <h3>Bone Incision Experiment Code</h3>
 
           <h3>Bone Incision Experiment Code</h3>
−
           <p class="about-content">MATLAB code for the bone incision experiments.</p>
+
           <p class="about-content">MATLAB code for the bone incision experiments.</p><!--text displayed under button-->
 
         </div>
 
         </div>
 
        
 
        
Line 104: Line 115:
  
  
−
<div id="pagebox">
+
<div id="pagebox"><!--All content within this division will have a margin-->
  
  
−
<a class="anchor" id="chromate2"></a>
+
<a class="anchor" id="chromate2"></a><!--Sets anchor so that this section can be referred back to using the command #chromate2-->
 
     <section id="chromate2">
 
     <section id="chromate2">
 
       <div class="row3">
 
       <div class="row3">
Line 115: Line 126:
 
             <div class="row">
 
             <div class="row">
 
                 <h3>Chromate Model Code</h3>
 
                 <h3>Chromate Model Code</h3>
−
             <p><font color="white"> Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti.
+
             <p><font color="white"><!--Font colour set to white--> Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti.
  
 
Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no.
 
Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no.
Line 122: Line 133:
 
</div>
 
</div>
 
               </div>   
 
               </div>   
−
  <a href="#selection" class="btn btn-primary btn-lg pull-right" role="button">Back to Top</a>   
+
  <a href="#selection" class="btn btn-primary btn-lg pull-right" role="button">Back to Top</a>  <!--Button that navigates back to top of page-->
−
<a href="https://2015.igem.org/Team:Dundee/Modeling/Chromate#chormate2" class="btn btn-primary btn-lg pull-right" role="button">View Description of Model</a>         
+
<a href="https://2015.igem.org/Team:Dundee/Modeling/Chromate#chormate2" class="btn btn-primary btn-lg pull-right" role="button">View Description of Model</a>        <!--Button that navigates to original model page-->
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 130: Line 141:
 
       </div>
 
       </div>
 
     </section>
 
     </section>
−
<div id="pagebox2">
+
<div id="pagebox2"><!--All content within this division will have a margin-->
−
<a class="anchor" id="bone"></a>
+
<a class="anchor" id="bone"></a><!--Sets anchor so that this section can be referred back to using the command #bone-->
 
     <section id="bone">
 
     <section id="bone">
 
       <div class="row3">
 
       <div class="row3">
Line 139: Line 150:
 
             <div class="row">
 
             <div class="row">
 
                 <h3>Bone Incision Experiment Code</h3>
 
                 <h3>Bone Incision Experiment Code</h3>
−
             <p><font color="white"> Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti.
+
             <p><font color="white"><!--Font colour is set as white--> Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti.
  
 
Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no.
 
Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no.
Line 146: Line 157:
 
</div>
 
</div>
 
               </div>   
 
               </div>   
−
  <a href="#selection" class="btn btn-primary btn-lg pull-right" role="button">Back to Top</a>   
+
  <a href="#selection" class="btn btn-primary btn-lg pull-right" role="button">Back to Top</a>  <!--Button that navigates back to top-->
−
<a href="https://2015.igem.org/Team:Dundee/Modeling/Chromate#bone" class="btn btn-primary btn-lg pull-right" role="button">View Description of Experiment</a>         
+
<a href="https://2015.igem.org/Team:Dundee/Modeling/Chromate#bone" class="btn btn-primary btn-lg pull-right" role="button">View Description of Experiment</a>        <!--Navigates back to original section-->
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 159: Line 170:
  
 
   </body>
 
   </body>
−
<div id="pagebox3">
+
<div id="pagebox3"><!--All content within this division will have a margin-->
−
<a class="anchor" id="end"></a>
+
<a class="anchor" id="end"></a><!--Sets anchor so that this section can be referred back to using the command #end-->
 
     <section id="end">
 
     <section id="end">
 
       <div class="row3">
 
       <div class="row3">
Line 167: Line 178:
 
           <div class="col-lg-12 feature" style="">
 
           <div class="col-lg-12 feature" style="">
 
             <div class="row">
 
             <div class="row">
−
<font color="white"><p>To see the MATLAB code for the BioSpray section of the project or the Fingerprint Aging section of the project use the following buttons.</font></p>
+
<font color="white"><!--Sets font colour to white--><p>To see the MATLAB code for the BioSpray section of the project or the Fingerprint Aging section of the project use the following buttons.</font></p>
−
<a href="https://2015.igem.org/Team:Dundee/Modeling/Appendix2" class="btn btn-primary btn-lg pull-right" role="button">Appendix 2: Fingerprint Aging</a>   
+
<a href="https://2015.igem.org/Team:Dundee/Modeling/Appendix2" class="btn btn-primary btn-lg pull-right" role="button">Appendix 2: Fingerprint Aging</a>  <!--Navigates to previous appendix-->
  
−
<a href="https://2015.igem.org/Team:Dundee/Modeling/Appendix1"  class="btn btn-primary btn-lg pull-right" role="button">Appendix 1: BioSpray</a>   
+
<a href="https://2015.igem.org/Team:Dundee/Modeling/Appendix1"  class="btn btn-primary btn-lg pull-right" role="button">Appendix 1: BioSpray</a>  <!--Navigates to 1st appndix page-->
 
   </div>
 
   </div>
 
      
 
      
Line 183: Line 194:
 
</html>
 
</html>
  
−
{{:Team:Dundee/navbar}}
+
{{:Team:Dundee/navbar}}<!--Inputs standard navbar-->
−
{{:Team:Dundee/footer}}
+
{{:Team:Dundee/footer}}<!--Inputs standard footer-->

Revision as of 18:57, 18 August 2015

Dry Lab

Appendix 3: Chromate Biosensor Code

Chromate Model Code

MATLAB code for chromate model.

Bone Incision Experiment Code

MATLAB code for the bone incision experiments.

Chromate Model Code

Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti. Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no. Cu vis partem graeci facilisis. Falli inciderint mei no. Assentior suscipiantur mea id. Vis quas electram prodesset cu, choro omnium conclusionemque an his. Vis latine equidem perfecto ad.

Back to Top View Description of Model

Bone Incision Experiment Code

Lorem ipsum dolor sit amet, nostrud maiestatis quaerendum ne sed. Reque possit ne sea. Te dico labitur mediocritatem ius. Error timeam noluisse eos ad, eam ne magna meliore contentiones, nec ei volumus persecuti. Dicit animal definitionem et mel, nonumy tacimates nec in. Vis mucius periculis at. At est vidit scripserit repudiandae, agam porro sea ne. Sea et stet tibique praesent, vim et legere aperiri. Quo doming vocibus eleifend no. Cu vis partem graeci facilisis. Falli inciderint mei no. Assentior suscipiantur mea id. Vis quas electram prodesset cu, choro omnium conclusionemque an his. Vis latine equidem perfecto ad.

Back to Top View Description of Experiment

To see the MATLAB code for the BioSpray section of the project or the Fingerprint Aging section of the project use the following buttons.

Appendix 2: Fingerprint Aging Appendix 1: BioSpray