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

Line 124: Line 124:
 
</script>
 
</script>
 
</html>
 
</html>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 
</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/c/c8/T--SHSID_China--team_mainbg.jpg); 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">
 
            <h1 style="font-family: 'Abril Fatface', cursive;">Team</h1>
 
            <hr id="mainhr">
 
            <h2 style="font-family: 'Trocchi', serif;">Everything is cool when you're part of a team.</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 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">
 
    <div style="margin: 1em">
 
        <h2 style="color: white; font-family: 'Trocchi', serif;">Our Team</h2>
 
        <p></p>
 
    </div>
 
</div>
 
 
 
</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>
 
 
{{Template:SHSID_China/footer}}
 
{{Template:SHSID_China/footer}}

Revision as of 03:20, 7 October 2018

Team


Everything is cool when you're part of a team.