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

(Prototype team page)
 
Line 1: Line 1:
−
{{SHSID_China}}
+
{{Template: SHSID_China/header}}
 
<html>
 
<html>
 +
<body>
 +
<div id=""page-content-wrapper""><div class="splash" id="teamsplash">
  
−
<div class="column two_thirds_size" >
+
    <div class="row splashyla">
 +
        <div class="col-md-12">
 +
            <a href="https://2018.igem.org/"><img src="" class="img-responsive igem-logo"></a>
 +
        </div>
 +
    </div>
  
−
<h1>Team</h1>
+
    <div class= "row splashesittely">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <div class="col-md-3">
 +
        </div>
 +
        <div class="col-md-6">
 +
            <h1>Team</h1>
 +
            <p class="bigsplashtext">
 +
                Everything is cool when you're part of a team.
 +
            </p>
 +
        </div>
 +
        <div class="col-md-3">
 +
        </div>
 +
    </div>
  
 +
    <div class= "row splashala">
 +
        <div class ="col-md-12 transp scroller">
 +
            <a href="#About">
 +
                Scroll down to read more
 +
                <img src="" class="img-responsive center-block transp nuoli">
 +
            </a>
 +
        </div>
 +
    </div>
  
−
<h3>What should this page contain?</h3>
+
    <div class="splashalavalikko">
−
<ul>
+
        <a href="#About">About the Team</a><br>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        <a href="#Members">Members</a><br>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
        <a href="#Advisors">Advisors and Mentors</a><br>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <a href="#Attributions">Attributions</a><br>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
        <a href="#Sponsors">Sponsors</a><br>
−
</ul>
+
    </div>
 +
 
 +
    <div class = "splashcopyright">
 +
        <p class="transp">
 +
            <a href=""></a>
 +
        </p>
 +
    </div>
 
</div>
 
</div>
  
  
 +
<div class="update About"></div>
 +
<article>
 +
<div class="link" id="About"></div>
 +
    <h2>The Team</h2>
 +
    <p>
 +
   
 +
    </p>
 +
    <p>
 +
       
 +
    </p>
 +
    <p>
 +
       
 +
    </p>
 +
    <p>
 +
     
 +
    </p>
 +
    <p>
 +
     
 +
    </p>
 +
    <p>
 +
     
 +
    </p>
 +
    <div class="row">
 +
        <div class="img-center">
 +
            <img src="" class="img-responsive"></img>
 +
            <p class="kuvateksti">
 +
               
 +
            </p>
 +
        </div>
 +
    </div>
  
−
<div class="column third_size" >
+
</article>
−
<div class="highlight decoration_A_full">
+
 
−
<h3>Inspiration</h3>
+
<div class="update About"></div>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="update Members"></div>
−
Here are a few examples:</p>
+
 
−
<ul>
+
<article>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    <div class="link" id="Members"></div>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
    <h2>Team Members</h2>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
 
−
</ul>
+
    <p>
−
</div>
+
       
 +
    </p>
 +
    <ul>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
        <li><b></b> </li>
 +
    </ul>
 +
    <p>
 +
     
 +
    </p>
 +
 
 +
    <div class="row row-eq-height memberrow">
 +
        <div class="col-md-8 text-col-left">
 +
            <h3><br>
 +
            <small>Captain</small></h3>
 +
            <h4 class="university-title"><br></h4>
 +
            <p>
 +
             
 +
            </p>
 +
            <p>
 +
             
 +
            </p>
 +
            <p>
 +
               
 +
            </p>
 +
        </div>
 +
        <div class="col-md-4 img-100">
 +
            <img src="" id="oskarikuva" class="img-responsive">
 +
        </div>
 +
    </div>
 +
 
 +
<div class="update Members"></div>
 +
<div class="update Advisors"></div>
 +
 
 +
<article>
 +
    <div class="link" id="Advisors"></div>
 +
 
 +
    <h2>Advisors and Mentors</h2>
 +
 
 +
    <div class="row row-eq-height memberrow">
 +
        <div class="col-md-2 img-100">
 +
            <img src="" class="img-responsive" id="advisorskuvat">
 +
        </div>
 +
        <div class="col-md-10 text-col-right">
 +
            <h3 class="nopaddingtop"></h3>
 +
            <p>
 +
               
 +
            </p>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="row row-eq-height memberrow">
 +
        <div class="col-md-2 img-100">
 +
            <img src="" id="advisorskuvat">
 +
        </div>
 +
        <div class="col-md-10 text-col-right">
 +
            <h3 class="nopaddingtop"></h3>
 +
            <p>
 +
             
 +
            </p>
 +
        </div>
 +
    </div>
 +
 
 +
</article>
 +
 
 +
<div class="update Advisors"></div>
 +
<div class="update Attributions"></div>
 +
 
 +
<article>
 +
    <div class="link" id="Attributions"></div>
 +
 
 +
    <h2>Attributions</h2>
 +
 
 +
    <h3></h3>
 +
    <h4></h4>
 +
    <p>
 +
     
 +
    </p>
 +
    <p>
 +
     
 +
    </p>
 +
    <h4></h4>
 +
    <p>
 +
       
 +
    </p>
 +
    <h3>People in the Lab</h3>
 +
    <h4 class="nopaddingtop"></h4>
 +
    <p>
 +
     
 +
    </p>
 +
 
 +
    <h4></h4>
 +
    <p>
 +
     
 +
    </p>
 +
 
 +
    <h3>Photographers</h3>
 +
    <h4 class="nopaddingtop"></h4>
 +
    <p>
 +
       
 +
    </p>
 +
 
 +
</article>
 +
 
 +
<div class="update Attributions"></div>
 +
<div class="update Sponsors"></div>
 +
 
 +
<article>
 +
    <div class="link" id="Sponsors"></div>
 +
 
 +
    <h2>Sponsors</h2>
 +
 
 +
    <p>
 +
     
 +
    </p>
 +
    <p>
 +
       
 +
    </p>
 +
 
 +
    <div class="row row-eq-height sponsorrow">
 +
        <div class="col-md-4">
 +
            <a href="">
 +
                <img src="" id="sponsorlogo">
 +
            </a>
 +
        </div>
 +
        <div class="col-md-8 text-col-right">
 +
           
 +
        </div>
 +
    </div>
 +
    <div class="row row-eq-height sponsorrow">
 +
        <div class="col-md-4">
 +
            <a href="">
 +
                <img src="" class="img-responsive" id="sponsorlogo">
 +
            </a>
 +
        </div>
 +
        <div class="col-md-8 text-col-right">
 +
            <h3></h3>
 +
            <p>
 +
               
 +
            </p>
 +
            <p>
 +
               
 +
            </p>
 +
        </div>
 +
    </div>
 +
    <div class="row row-eq-height sponsorrow">
 +
        <div class="col-md-4">
 +
            <a href="">
 +
                <img src="" class="img-responsive" id="sponsorlogo">
 +
            </a>
 +
        </div>
 +
        <div class="col-md-8 text-col-right">
 +
         
 +
        </div>
 +
    </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="aaltohelsinki.com/testikuva.png" ref="varioskan" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a ref="varioskan"></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>

Revision as of 02:24, 3 October 2018

The Team

Team Members


Captain


Advisors and Mentors

Attributions

People in the Lab

Photographers