Difference between revisions of "Team:SJTU-BioX-Shanghai/Notebook"

(Prototype team page)
 
 
(26 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{SJTU-BioX-Shanghai}}
 
{{SJTU-BioX-Shanghai}}
 
<html>
 
<html>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery_media_js&action=raw&ctype=text/javascript"></script>
 +
<style>
  
  
−
<div class="column full_size">
+
</style>
 +
<script>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
   
 +
    $().ready(function(){
 +
       
 +
// set the active page
 +
        $(".menu_item").eq(2).find("span").eq(0).css("background-color","rgba(200,200,200,0.5)");
 +
        $(".menu_item").eq(2).find(".submenu_item").eq(1).css("background-color","rgba(200,200,200,0.5)");
  
−
<h1>Notebook</h1>
+
        var molecular_src = 'https://static.igem.org/mediawiki/2018/5/54/T--SJTU-BioX-Shanghai--molecular_notebook.pdf';
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
        var cell_src = 'https://static.igem.org/mediawiki/2018/8/81/T--SJTU-BioX-Shanghai--cell_biology_experiment_notebook.pdf';
 +
        var mouse_src = 'https://static.igem.org/mediawiki/2018/c/c5/T--SJTU-BioX-Shanghai--Mouse_experiment_notebook.pdf';
 +
       
 +
        ($)
  
−
</div>
 
−
<div class="clear"></div>
 
  
 +
        $("#pdf_viewer1").media({
 +
              width: "100%",
 +
              height: "1600",
 +
              autoplay : true,
 +
              src : molecular_src
  
 +
        });
  
−
<div class="column two_thirds_size">
+
        $("#pdf_viewer2").media({
−
<h3>What should this page have?</h3>
+
              width: "100%",
−
<ul>
+
              height: "1600",
−
<li>Chronological notes of what your team is doing.</li>
+
           
−
<li> Brief descriptions of daily important events.</li>
+
              autoplay : true,
−
<li>Pictures of your progress. </li>
+
              src : cell_src
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
−
</div>
+
        });
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can see what others teams have done to organize their notes:</p>
 
  
−
<ul>  
+
        $("#pdf_viewer3").media({
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
              width: "100%",
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
              height: "1600",
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
           
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
              autoplay : true,
−
</ul>
+
              src : mouse_src
−
</div>
+
 
 +
        });
 +
       
 +
    });
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footer_CSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/interlab_CSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/footnote_CSS&action=raw&ctype=text/css" />
 +
 
 +
<!--****************content of the page**************-->
 +
<div class="content">
 +
 
 +
 
 +
    <!--******************content nav**************************-->
 +
    <div class="content_nav" >
 +
       
 +
        <!--*******nav item*******-->
 +
        <div class="container_of_content_nav_item">
 +
                     
 +
                <div class="content_nav_top">
 +
                    <img src="https://static.igem.org/mediawiki/2018/c/c3/T--SJTU-BioX-Shanghai--content_nav_top.png"/>
 +
                    <div class="content_nav_logo">
 +
                        <a href="" title="return to homepage"><img src="https://static.igem.org/mediawiki/2018/1/17/T--SJTU-BioX-Shanghai--content_nav_logo.png
 +
"/></a>
 +
                    </div>
 +
                </div>
 +
               
 +
                <div class="content_nav_middle">                 
 +
                    <ul class="content_nav_item_list">
 +
               
 +
                        <li class="content_nav_item" >
 +
                           
 +
                            <a title="skip to Section1" href="#section1">
 +
 
 +
                            <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
                    Molecular
 +
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
 
 +
                            </a>
 +
                        </li>
 +
 
 +
                        <li class="content_nav_item">
 +
                           
 +
                            <a title="skip to Section2" href="#section2">
 +
 
 +
                          <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
                    Cell
 +
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
 
 +
                            </a>
 +
                        </li>
 +
 
 +
                        <li class="content_nav_item">
 +
                           
 +
                            <a title="skip to Section3" href="#section3">
 +
                           
 +
<!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
                    Mouse
 +
                    <!--****** Modify the section title here and leave the rest nav-bar settings untact *************-->
 +
 
 +
                            </a>
 +
                        </li>
 +
 
 +
                       
 +
 
 +
                       
 +
 
 +
                    </ul>   
 +
                </div>
 +
               
 +
                <div class="content_nav_bottom">
 +
                    <img class="content_nav_b_bac" src="https://static.igem.org/mediawiki/2018/1/1f/T--SJTU-BioX-Shanghai--content_nav_bottom.png" />
 +
                    <a title="Go to story page" href="https://2018.igem.org/Team:SJTU-BioX-Shanghai/Story"><img class="content_nav_b_story_badge" src="https://static.igem.org/mediawiki/2018/d/d0/T--SJTU-BioX-Shanghai--story_badge.png"></a>
 +
                </div>
 +
 
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
    <!--******************content text***************************-->
 +
    <div class="content_text">
 +
     
 +
       
 +
       
 +
        <div class="text">
 +
            <h1>Notebook</h1>
 +
         
 +
            <h2>
 +
                <a id="section1">
 +
                    <span class="place_holder"></span>
 +
                    Molecular Experiment Notebook
 +
                </a>
 +
            </h2>
 +
            <div id="pdf_viewer1" class="pdf_viewer"></div>           
 +
 
 +
 
 +
 
 +
            <h2>
 +
                <a id="section2">
 +
                    <span class="place_holder" ></span>
 +
                    Cell Experiment Notebook
 +
                </a>
 +
            </h2>
 +
            <div id="pdf_viewer2" class="pdf_viewer"></div>   
 +
 
 +
           
 +
            <h2>
 +
                <a id="section3">
 +
                    <span class="place_holder"></span>
 +
                    Mouse Experiment Notebook
 +
                </a>
 +
            </h2>
 +
            <div id="pdf_viewer3" class="pdf_viewer"></div> 
 +
           
 +
                <!--***************************end of .text***************************************-->
 +
        </div>
 +
       
 +
       
 +
  <!--*********************************end of .content_text*****************************-->
 +
    </div> 
 +
   
 +
    <!-****************************return to top colomn**********************************************-->
 +
    <div id="return_to_top_column">
 +
      <div id="return_to_top_button"> 
 +
      </div>
 +
       
 +
    </div>
 +
 
 +
    <!--************************zoom out box****************************-->
 +
    <div class="zoom_out_box">
 +
        <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;width:100%;height: 100%;">
 +
           
 +
                <div class="zoom_out_album">
 +
                    <img id="zoom_out_img"/>
 +
                    <p class="fig_illustration"></p>
 +
                   
 +
                </div>
 +
           
 +
        </div>
 +
    </div>
 +
                 
 +
                   
 +
                   
 +
   
 +
    <!--***************************This is the end of the content***********************************-->
 +
</div>   
 +
 
 +
<div id = "footer">
 +
    <div class="sponsor_logo_container">
 +
        <a href="http://www.bio-x.cn/"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SJTU-BioX-Shanghai--bio_x.jpg"/></a>
 +
        <a href="http://www.6thhosp.com/index.html"><img src="https://static.igem.org/mediawiki/2018/c/ce/T--SJTU-BioX-Shanghai--six_people_hospital.jpg"/></a>
 +
        <a href="https://www.uottawa.ca/"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--SJTU-BioX-Shanghai--Ottawa_university.jpg"/></a>
 +
        <a href="http://life.sjtu.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--SJTU-BioX-Shanghai--School_of_life_science_and_biotechnology.png"/></a>
 +
    </div>
 +
    <p>Copyright &copy; 2018 SJTU-BioX-Shanghai. All rights reserved.</p>
 +
 
 +
 
 
</div>
 
</div>
 +
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery-3.1.1.min&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/JS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SJTU-BioX-Shanghai/jquery_media_js&action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>

Latest revision as of 14:56, 5 December 2018

Notebook

Molecular Experiment Notebook

Cell Experiment Notebook

Mouse Experiment Notebook