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

(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/9/9c/T--SHSID_China--bacteria.jpg); 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%)">
−
<h1>Results</h1>
+
        <div class="col-md-3">
−
<p>Here you can describe the results of your project and your future plans. </p>
+
        </div>
 +
        <div class="col-md-6">
 +
            <h1 style="font-family: 'Abril Fatface', cursive;">Results</h1>
 +
            <hr id="mainhr">
 +
            <h2 style="font-family: 'Trocchi', serif;">Success is a science; if you have the conditions, you get the result.</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 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>Results</h1>
 +
        <p>Here you can describe the results of your project and your future plans. </p>
 +
        </div>
 +
        <div class="column third_size" >
 +
        <h3>What should this page contain?</h3>
 +
        <ul>
 +
        <li> Clearly and objectively describe the results of your work.</li>
 +
        <li> Future plans for the project. </li>
 +
        <li> Considerations for replicating the experiments. </li>
 +
        </ul>
 +
        </div>
 +
        <div class="column two_thirds_size" >
 +
        <h3>Describe what your results mean </h3>
 +
        <ul>
 +
        <li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 +
        <li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 +
        <li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 +
        </ul>
 +
        </div>
 +
        <div class="clear extra_space"></div>
 +
        <div class="column two_thirds_size" >
 +
        <h3> Project Achievements </h3>
  
 +
        <p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
  
−
<div class="column third_size" >
+
        <ul>
−
 
+
        <li>A list of linked bullet points of the successful results during your project</li>
−
<h3>What should this page contain?</h3>
+
        <li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
−
<ul>
+
        </ul>
−
<li> Clearly and objectively describe the results of your work.</li>
+
        </div>
−
<li> Future plans for the project. </li>
+
        <div class="column third_size" >
−
<li> Considerations for replicating the experiments. </li>
+
        <div class="highlight decoration_A_full">
−
</ul>
+
        <h3>Inspiration</h3>
 +
        <p>See how other teams presented their results.</p>
 +
        <ul>
 +
        <li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 +
        <li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 +
        <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 +
        </ul>
 +
        </div>
 +
        </div>
 +
    </article>
 
</div>
 
</div>
−
 
−
 
−
 
−
 
−
<div class="column two_thirds_size" >
 
−
<h3>Describe what your results mean </h3>
 
−
<ul>
 
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 
−
</ul>
 
 
</div>
 
</div>
 +
</body>
 +
<script>
 +
    $(document).ready(function() {
  
 +
    if(location.pathname != "/Team:SHSID_China") {
 +
        $('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
 +
    } else $('#navigation a.home').addClass('active');
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
    // Picture reference script
 +
    /*
 +
    USAGE:
 +
    tag img with a ref that is connected to the image, such as:
 +
    <img src="" ref="" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <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);
 +
                }
 +
            });
 +
        }
 +
    );
  
−
<div class="clear extra_space"></div>
+
    // Table reference script
−
 
+
    /*
−
 
+
    USAGE:
−
 
+
    tag table with a tab that is connected to the table, such as:
−
<div class="column two_thirds_size" >
+
    <table ref="intensities" />
−
<h3> Project Achievements </h3>
+
    When you insert a reference in text, put a tag with a ref attribute:
−
 
+
    <a tab="intensities"></a>
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    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
−
<ul>
+
    correct table number. If span or anchor has "." as the inner html, the
−
<li>A list of linked bullet points of the successful results during your project</li>
+
    caption will be capitalized.
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
    */
−
</ul>
+
    var tables = $('table[tab], img[tab]');
−
 
+
    $.each(tables, function(index, e){
−
</div>
+
            var tableName = e.getAttribute("tab");
−
 
+
            if (!e.id){
−
 
+
                e.setAttribute("id","table"+(index+1));
−
 
+
            }
−
<div class="column third_size" >
+
            $.each($('a[tab="'+tableName+'"]'), function(j, e2){
−
<div class="highlight decoration_A_full">
+
                e2.setAttribute("href","#"+e.id);
−
<h3>Inspiration</h3>
+
                if (e2.innerHTML == "."){
−
<p>See how other teams presented their results.</p>
+
                    e2.innerHTML = "Table " + (index+1);
−
<ul>
+
                } else {
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
                    e2.innerHTML = "table " + (index+1);
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
                }
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
            });
−
</ul>
+
            $.each($('span[tab="'+tableName+'"]'), function(j, e2){
−
</div>
+
                e2.setAttribute("href","#"+e.id);
−
</div>
+
                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:53, 7 October 2018

Results

Success is a science; if you have the conditions, you get the result.

Scroll down for more information