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

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/f/f1/T--SHSID_China--glowingbacteria.jpeg); background-size: cover; background-position: center; position: relative" >
  
−
 
+
    <div class= "row splashesittely" style="position: absolute; top:46%; transform: translateY(-50%)">
−
 
+
        <div class="col-md-3">
−
 
+
        </div>
−
 
+
        <div class="col-md-6">
−
<div class="clear"></div>
+
            <h1 style="font-family: 'Abril Fatface', cursive;">Demonstrate</h1>
−
 
+
            <hr id="mainhr">
−
 
+
            <h2 style="font-family: 'Trocchi', serif;">Show don't tell.</h2>
−
 
+
        </div>
−
<div class="column full_size">
+
            <div class ="col-md-12 transp scroller">
−
<h1>Demonstrate</h1>
+
                <a href="#Abstract">
−
<h3>Gold Medal Criterion #4</h3>
+
                <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">
−
<p>
+
                </a>
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
        </div>
−
</p>
+
    </div>
−
 
+
−
<p>
+
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
−
</p>
+
−
 
+
−
 
+
 
</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="clear"></div>
 +
        <div class="column full_size">
 +
        <h1>Demonstrate</h1>
 +
        <h3>Gold Medal Criterion #4</h3>
 +
        <p>
 +
        Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
 +
        </p>
 +
        <p>
 +
        Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
 +
        </p>
 +
        </div>
 +
    </article>
 +
</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);
 +
                }
 +
            });
 +
        }
 +
    );
  
−
 
+
    // 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 08:01, 7 October 2018

Demonstrate

Show don't tell.

Scroll down for more information