Difference between revisions of "Team:SHSID China"

Line 1: Line 1:
{{Template:SHSID_China/header}}
+
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
<html>
+
<head>
+
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
+
 
</head>
 
</head>
 
<body>
 
<body>
Line 43: Line 40:
 
<article style="background: url(https://static.igem.org/mediawiki/2018/d/de/T--SHSID_China--main_design1.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 600px">
 
<article style="background: url(https://static.igem.org/mediawiki/2018/d/de/T--SHSID_China--main_design1.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 600px">
 
<h2 style="color: white; font-family: 'Trocchi', serif; padding-top:30px">Our Background</h2>
 
<h2 style="color: white; font-family: 'Trocchi', serif; padding-top:30px">Our Background</h2>
<div class="row" style="padding-left: 330px; padding-top: 90px; padding-bottom: 30px">
+
<div class="row" style="padding-left: 330px; padding-top: 100px; padding-bottom: 30px">
 
<div class="col-md-6">
 
<div class="col-md-6">
 
<p style="color: white; font-size: 16px; width: 1000px;">We are SHSID_China, the first iGEM team from Shanghai High School International Division. Our story began in a small classroom on campus when sixteen seniors with a diverse range of skillsets and a common passion for synthetic Biology decided to work together to improve the environment around us. Aware of the environmental ramifications the high amounts of electric consumption used for lighting can have, our team began Project Everglow in hopes to engineer plants that can glow on their own. We hope that by inducing bioluminescence in plants, the need for electric lighting will decrease in the future. </p>
 
<p style="color: white; font-size: 16px; width: 1000px;">We are SHSID_China, the first iGEM team from Shanghai High School International Division. Our story began in a small classroom on campus when sixteen seniors with a diverse range of skillsets and a common passion for synthetic Biology decided to work together to improve the environment around us. Aware of the environmental ramifications the high amounts of electric consumption used for lighting can have, our team began Project Everglow in hopes to engineer plants that can glow on their own. We hope that by inducing bioluminescence in plants, the need for electric lighting will decrease in the future. </p>
Line 53: Line 50:
 
<div class="row" style="padding-right: 330px; padding-top: 90px; padding-bottom: 30px">
 
<div class="row" style="padding-right: 330px; padding-top: 90px; padding-bottom: 30px">
 
<div class="col-md-6">
 
<div class="col-md-6">
<ul style="color: white; font-size: 16px; width: 1000px;">
+
<ul style="color: white; font-size: 16px; width: 1000px; text-align: center;">
 
<li>Poster</li>
 
<li>Poster</li>
 
<li>Presentation at the Giant Jamboree in Boston</li>
 
<li>Presentation at the Giant Jamboree in Boston</li>

Revision as of 02:15, 4 October 2018

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

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