Difference between revisions of "Team:SHSID China/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{SHSID_China}}
+
{{Template:SHSID_China/header}}
 
<html>
 
<html>
 +
<head>
 +
    <link rel="stylesheet" type="text/css" href="header.css">
 +
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 +
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
 +
    <meta name="apple-mobile-web-app-capable" content="yes">
 +
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 +
    <meta name="format-detection" content="telephone=no">
 +
</head>
 +
<body>
 +
<div id=""page-content-wrapper""><script
 +
  src="http://code.jquery.com/jquery-3.3.1.js"
 +
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
  crossorigin="anonymous"></script>
  
 +
<div class="splash" id="mainsplash" style="background: url(https://static.igem.org/mediawiki/2018/7/79/T--SHSID_China--notebook.jpeg); background-size: cover; background-position: center; position: relative" >
  
−
<div class="column full_size">
+
    <div class= "row splashesittely" style="position: absolute; top:46%; transform: translateY(-50%)">
−
 
+
        <div class="col-md-3">
−
<h1>Notebook</h1>
+
        </div>
−
<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>
+
        <div class="col-md-6">
−
 
+
            <h1 style="font-family: 'Abril Fatface', cursive;">Notebook</h1>
 +
            <hr id="mainhr">
 +
            <h2 style="font-family: 'Trocchi', serif;">Documenting each step along the way.</h2>
 +
        </div>
 +
            <div class ="col-md-12 transp scroller">
 +
                <a href="#Abstract">
 +
                <h3 style="color: white; font-family: 'Trocchi', serif;">Scroll down for more information</h3>
 +
                <img src="https://static.igem.org/mediawiki/2018/c/ce/T--SHSID_China--mainarrow.jpg" class="img-responsive center-block transp nuoli" style="max-height: 130px">
 +
                </a>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<div style="background: url(https://static.igem.org/mediawiki/2018/d/d6/T--SHSID_China--main_bg2.jpg); background-size: cover; background-position: center" class="link" id="Abstract">
−
 
+
    <article style="color: white; font-size: 16px; padding-top: 10px">
−
 
+
        <div class="column full_size">
−
 
+
        <h1>Notebook</h1>
−
<div class="column two_thirds_size">
+
        <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>
−
<h3>What should this page have?</h3>
+
        </div>
−
<ul>
+
        <div class="clear"></div>
−
<li>Chronological notes of what your team is doing.</li>
+
        <div class="column two_thirds_size">
−
<li> Brief descriptions of daily important events.</li>
+
        <h3>What should this page have?</h3>
−
<li>Pictures of your progress. </li>
+
        <ul>
−
<li>Mention who participated in what task.</li>
+
        <li>Chronological notes of what your team is doing.</li>
−
</ul>
+
        <li> Brief descriptions of daily important events.</li>
−
 
+
        <li>Pictures of your progress. </li>
 +
        <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>
 +
        <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 +
        <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 +
        <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>
 +
        </ul>
 +
        </div>
 +
        </div>
 +
    </article>
 
</div>
 
</div>
 +
</div>
 +
</body>
 +
<script>
 +
    $(document).ready(function() {
  
−
<div class="column third_size">
+
    if(location.pathname != "/Team:SHSID_China") {
−
<div class="highlight decoration_A_full">
+
        $('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
−
<h3>Inspiration</h3>
+
    } else $('#navigation a.home').addClass('active');
−
<p>You can see what others teams have done to organize their notes:</p>
+
});
−
 
+
</script>
−
<ul>
+
<script type="text/javascript">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    // Picture reference script
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
    /*
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
    USAGE:
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
    tag img with a ref that is connected to the image, such as:
−
</ul>
+
    <img src="" ref="" />
−
</div>
+
    When you insert a reference in text, put a tag with a ref attribute:
−
</div>
+
    <a ref=""></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "figure x" where x is the
 +
    correct figure number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var images = $('img[ref]');
 +
    $.each(images, function(index, e){
 +
            var referenceName = e.getAttribute("ref");
 +
            if (!e.id){
 +
                e.setAttribute("id","figure"+(index+1));
 +
            }
 +
            $.each($('a[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
  
 +
    // Table reference script
 +
    /*
 +
    USAGE:
 +
    tag table with a tab that is connected to the table, such as:
 +
    <table ref="intensities" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a tab="intensities"></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "table x" where x is the
 +
    correct table number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var tables = $('table[tab], img[tab]');
 +
    $.each(tables, function(index, e){
 +
            var tableName = e.getAttribute("tab");
 +
            if (!e.id){
 +
                e.setAttribute("id","table"+(index+1));
 +
            }
 +
            $.each($('a[tab="'+tableName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[tab="'+tableName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
 +
</script>
 
</html>
 
</html>
 +
{{Template:SHSID_China/footer}}

Revision as of 07:18, 7 October 2018

Notebook

Documenting each step along the way.

Scroll down for more information