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

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 
</head>
 
</head>
 
<body>
 
<body>
Line 30: Line 30:
 
</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="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>
 +
<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>
  

Revision as of 03:20, 7 October 2018

Team

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

Scroll down for more information
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface%7CTrocchi" rel="stylesheet"> </head> <body>

<script 
 src="http://code.jquery.com/jquery-3.3.1.js"
 integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 crossorigin="anonymous"></script>

Team

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

               <a href="#Abstract">

Scroll down for more information

               <img src="T--SHSID_China--mainarrow.jpg" class="img-responsive center-block transp nuoli" style="max-height: 130px">
               </a>


</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>