Difference between revisions of "Team:USTC"

 
(146 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{USTC}}
 
 
<html>
 
<html>
−
 
+
  <head>
−
 
+
    <meta charset="utf-8">
−
<h1>Project Description</h1>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
<p style="color:#B00000"><b><u>hasn't been finished yet!</u></b></p>
+
    <title>Modeling</title>
−
 
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
−
<h3><u>Work in the past</u></h3>
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
 
+
    <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
−
<h4>Brainstorming and Brain"mist"</h4>
+
    <script type="text/javascript">
−
<p>Coming up with a fancy idea is easy, however, coming up with a promising as well as feasible one is hard, harder than we imagined.</p>
+
    function showModal(){
−
<p>Our leader encouraged every member to think about ideas, and we successfully did that.  Initially, we acquired about 10 ideas and discussed each one of them.  After 2 weeks, three ideas left to be further determined whether they are appropriate or not.  They were:</p>
+
    $('#HomePageCoverModal')
−
<p>1. Bacteria feeds on plastic</p>
+
    .modal({
−
<p>2. EEEEE(Extremely Enhanced Expessing Engineered <i>E.coli</i> )</p>
+
    dimmerSettings:{
−
<p>3. Prion and its aggregating</p>
+
    },
−
<p>Our criteria for ideas are as follow:Will our team members have fun? Is our time enough for it?  Is our experiment equipment enough?  Does it meet iGEM safety requirements?  Is it innovative enough?</p>
+
    onVisible: function(){
−
 
+
    $('.pusher').css("display","block")
−
<h4>Final Selection</h4>
+
    },
−
<p>We finally decided to select "Prion and its aggregating" as our project carrier.  Information found is as below:</p>
+
    onHide: function(){
−
<h5>1. Background</h5>
+
    $('#menuForTablet').css("display","block")
−
<p>In yeast cell, there is a non-Mendelian inheritance system.</p>
+
    }
−
<p>Figure 1: The effect of [PSIC] on Sup35 and translational termination. </p>
+
    })
−
<p>(A) A complex of Sup35 (see legend at bottom) and Sup45 binds ribosomes at stop codons and mediates translational termination. Sup35 is composed of two regions, a prion-determining-domain (PrD, rectangle) and a termination domain (Sup35C, sphere). In non-prion [ psi¡] strains, translational termination occurs efficiently at stop codons at the ends of open reading frames, and the completed protein is released from the ribosome.</p>
+
    .modal('show');
−
<p>(B) In [PSIC] cells, most Sup35 proteins adopt the prion conformation and self-assemble into an aggregated, possibly amyloid structure (depicted as large cylinder). This conformational change impairs Sup35’s ability to participate in translational termination and consequently, stop codons are read through occasionally, producing proteins with a C-terminal extension.</p>
+
   
−
<img src="https://static.igem.org/mediawiki/2016/4/43/TeamUSTC_ProjectDescriptionFigure1.png" height="200"/>
+
    }
−
<p>Moreover, it shows that the PrD can be modularized, which means we can combine this domain to another protein we want to make them aggregate, and even impair its function.</p>
+
    </script>
−
<p>Here is the most magical part ,not only can we make them aggregate, we can also cure our yeast by a great variety of chemical, environmental, and protein-based agents. Then these proteins will be depolymerized, and spread uniformly in the cell once again. </p>
+
    <style>
 +
    /********************Dealing with default Mediawiki setting*******************/
 +
    #top_title {
 +
    display:none;
 +
    position:absolute;
 +
    }
 +
    #content {
 +
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
 +
    }
 +
    #globalWrapper{
 +
    }
 +
    body {
 +
    }
 +
    #bodyContent {
 +
    }
 +
    div#top_menu_14{
 +
    height:21px;
 +
    border-bottom-color:#383838;
 +
    }
 +
    div#top_menu_under{
 +
   
 +
    }
 +
    div#globalWrapper{
 +
    padding-bottom: 0;
 +
    background-color: #44a17d;
 +
    }
 +
    #top_menu_under{
 +
    height:0;
 +
    }
 +
    #sideMenu{
 +
    display:none;
 +
    position:fixed;
 +
    left:220px;
 +
    }
 +
    /******************************************************************************/
 +
    </style>
 +
    <style>
 +
    div.ui.inverted.vertical.sticky.basic.menu a.item{
 +
    -webkit-transition: background-color 0.6s , color 0.6s;
 +
    }
 +
    div.ui.inverted.vertical.sticky.basic.menu a.item:hover{
 +
    background-color: #FFFA99;
 +
    color:#6E47B2;
 +
    }
 +
    p{
 +
    font-family: 'Lato'!important;
 +
    font-size:16px !important;
 +
    line-height: 150%;
 +
    }
 +
    </style>
 +
   
 +
    <!--For multiple devices-->
 +
    <style>
 +
    @media only screen
 +
    and (min-width: 1025px){
 +
    div#menuForTablet{
 +
    display:none;
 +
    }
 +
    div#main_page_content{
 +
    margin-top:-13px;
 +
    }
 +
    }
 +
    @media only screen
 +
    and (max-width : 1024px)
 +
    and (orientation : landscape) {
 +
   
 +
    }
 +
    @media only screen
 +
    and (max-width : 1024px)
 +
    and (orientation : portrait) {
 +
   
 +
    }
 +
    </style>
 +
  </head>
 
    
 
    
−
<h5>2. Application</h5>
 
−
<p>We design three gene lines.</p>
 
−
<p>In the first design (figure 2), we just use R9 to depolymerize the SUP35’s aggregation to allow the yeast to produce functional GFP. Then we can calculate the concentration of R9 through the fluorescent brightness. </p>
 
 
    
 
    
−
 
+
  <body>
−
 
+
   
−
<p>In the second design (figure 3), we build a double direction switch. </p>
+
    <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium; display:none;">
−
 
+
      <div class="item">
−
 
+
        <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png" >
−
 
+
      </div>
−
<p>In the third design (figure 4), GFP1 and GFP2 are not able to give out light separately. However, when they touch each other physically, they will reconstruct and give out light.</p>
+
      <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
−
 
+
      <div class="item">
−
 
+
        <div class="header">Project</div>
−
<h3><u>Goals in the future</u></h3>
+
        <div class="menu">
−
<p>We hope to construct a bio-reaction controller, which functions directly on protein level rather than on DNA level in advance. Such strategy is highly possible to reduce the time it takes for the controlling effect to appear, as DNA->Protein process is skipped.</p>
+
          <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a>
−
 
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a>
−
<div class="column full_size" >
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a>
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a>
−
</div>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
−
 
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
−
<div class="column full_size" >
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
−
<h2> Welcome to iGEM 2016! </h2>
+
        </div>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
      </div>
−
 
+
      <div class="item">
−
</div>  
+
        <div class="header">Parts</div>
−
 
+
        <div class="menu">
−
<div class="column half_size" >
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
−
<h5>Before you start: </h5>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a>
−
<p> Please read the following pages:</p>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a>
−
<ul>
+
        </div>
−
<li> <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
      </div>
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
      <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
      <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
−
</ul>
+
      <div class="item">
−
</div>
+
        <div class="header">Human Practices</div>
−
 
+
        <div class="menu">
−
<div class="column half_size" >
+
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
−
<div class="highlight">
+
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a>
−
<h5> Styling your wiki </h5>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a>
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
        </div>
−
</div>
+
      </div>
−
</div>
+
      <div class="item">
−
 
+
        <div class="header">Awards</div>
−
<div class="column full_size" >
+
        <div class="menu">
−
<h5> Wiki template information </h5>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
        </div>
−
 
+
      </div>
−
</div>  
+
      <div class="item">
−
 
+
        <div class="header">Team</div>
−
 
+
        <div class="menu">
−
 
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members  </a>
−
 
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor  </a>
−
<div class="column half_size" >
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
−
<h5> Editing your wiki </h5>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery  </a>
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
−
 
+
        </div>
−
</div>
+
      </div>
−
 
+
    </div>
−
 
+
   
−
<div class="column half_size" >
+
   
−
<h5>Tips</h5>
+
   
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
    <div class="pusher" style="display:none;">
−
<ul>
+
     
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
      <div class="ui modal" id="HomePageCoverModal">
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
       
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
        <img id="HomePageCover" class="ui fluid image" src="https://static.igem.org/mediawiki/2016/f/f6/T--USTC--HomePageCover.jpg" >
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
       
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
      </div>
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
     
−
<li>Have lots of fun! </li>
+
      <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
−
</ul>  
+
        <div class="ui fluid container">
−
</div>
+
          <a class="item" id="sidebarMenuTrigger">Navigation<i class="bullseye icon"></i></a>
−
 
+
          <div class="right item">Click boxs in the map for more<i class="arrow circle down icon"></i></div>
−
 
+
          <div class="right item">A Prion's Life</div>
−
<div class="column half_size" >
+
        </div>
−
<h5>Inspiration</h5>
+
      </div>
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
     
−
<ul>
+
      <div class="ui basic segment" id="main_page_content" style="margin-bottom:0; padding:80px 0 20px 0; background-color: #44a17d; ">
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
        <img class="ui fluid image" src="https://static.igem.org/mediawiki/2016/e/e5/T--USTC--MainPagePicture.png" id="MainPagePicture" onload="showModal()" usemap="#MainPagePic" />
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
        <map name="MainPagePic" id="MainPagePic">
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
        <area shape="rect" coords="640,20,880,95" href="#" alt="Project" id="Project" />
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
          <area shape="rect" coords="480,208,595,455" href="#" alt="Team" id="Team" />
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
            <area shape="rect" coords="120,208,232,432" href="#" alt="Awards" id="Awards" />
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
              <area shape="rect" coords="480,490,725,568" href="#" alt="HumanPractice" id="HumanPractice" />
−
</ul>
+
                <area shape="rect" coords="1050,98,1170,321" href="#" alt="Parts" id="Parts" />
−
</div>
+
                  </map>
−
 
+
                 
−
<div class="column half_size" >
+
                  <div class="ui modal" id="ProjectModal">
−
<h5> Uploading pictures and files </h5>
+
                    <i class="close icon"></i>
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
                    <div class="header">
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
                      Project
−
 
+
                    </div>
−
 
+
                    <div class="image content">
−
<div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
+
                      <div class="ui large image">
−
UPLOAD FILES
+
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
−
</div>
+
                      </div>
−
 
+
                      <div class="description">
−
</div>
+
                        <div class="ui container">
−
 
+
                          <p >Hello~ Let me introduce myself first. I am Super Nemo, the mascot of Team USTC. As you can see, my body is just like the structure of the yeast prion Sup35 that Team USTC focused on. <br/>There is no need for any panics in the yeast prion because it is totally human-friendly. As one kind of yeast prion, Sup35 can aggregate at a certain temperature range, and protein denaturant Guanidine Hydrochloride (GdnHCL) can eliminate the aggregation. Based on the properties, we designed two systems--Propri-ontein and Pro Priontein. Want to know more? Welcome in!</p>
−
 
+
                        </div>
−
 
+
                        <div class="ui link list">
−
 
+
                          <a class="item" href="https://2016.igem.org/Team:USTC/Description">Description</a>
−
 
+
                          <a class="item" href="https://2016.igem.org/Team:USTC/Design">Design</a>
−
 
+
                          <a class="item" href="https://2016.igem.org/Team:USTC/Proof">Proof of concept</a>
−
 
+
                          <a class="item" href="https://2016.igem.org/Team:USTC/Results">Results</a>
−
</html>
+
                          <a class="item" href="https://2016.igem.org/Team:USTC/Notebook">Notebook</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off">Spin-off</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="TeamModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Team
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >We always say, "the fire burns high when everybody adds wood to it." Having kept eyes on our members all the way, Nemo find the saying suitable for our team. Definite divisions of work made our project proceeded smoothly and the spirit of unity gave us continuous confidence. Those who provided us with experiment materials and suggestions boosted our project, and the sponsorship from our school and Deutsche Bank cleared our worry for finace. Without all of these, we would never have our present success. I, Super Nemo, show my sincere gratitude for all of you on behalf of Team USTC!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery  </a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="AwardsModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Awards
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui header">Marvellous Model</div>
 +
                        <div class="ui container">
 +
                          <p >We have also done marvellous <strong>modelling</strong> work. Nemo extraordinarily admired for modelling group! Our modelling mainly consists of three parts. One of them models the chemical reaction in the system to show the effect of GdnHCl and heat shock; the second part focuses on binding reactions involving two systems, binding of AD and BD of GAL4 promoters, and binding of sfGFP1-10 and sfGFP11. The last part models the application of our products in hardware. And we have opened our codes, so you can see how brilliant our modelling work is more directly!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Model">Model</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="HumanPracticeModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Human Practice
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >As the mascot of Team USTC, I have been quite busy in the last few months because I would show up every time our team carried out human practices. We held a poster presentation for public; designed an experiment for kids to help them get hands on biology; and we held "Plastic for Plants", gave a lecture for high school students and introduced iGEM to freshmen. We consulted Dr. Dong Men for help, attended The 4th iGEM Competition Asia Conference in Taiwan and communicated with Team HFUT. Last but not least, a questionnaire helped us a lot to know public's attitudes. Exhausted, nevertheless I am delighted!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Silver">Silver</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Gold">Gold</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices">Integrated Practices</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                  <div class="ui modal" id="PartsModal">
 +
                    <i class="close icon"></i>
 +
                    <div class="header">
 +
                      Parts
 +
                    </div>
 +
                    <div class="image content">
 +
                      <div class="ui large image">
 +
                        <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 +
                      </div>
 +
                      <div class="description">
 +
                        <div class="ui container">
 +
                          <p >As an old Chinese saying goes, "Forefathers plant trees and posterities enjoy the shades." We have conquered so many barriers during building our circuits to accomplish our project, so that we would like to share some useful parts therefore the latter teams can get hands on them to save valuable time. We created three basic parts, and six composite parts to test the fluorescence intensity in different situations and the aggregation ability of SUP35. Want more details? Help yourself!</p>
 +
                        </div>
 +
                        <div class="ui link list">
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part">Basic Parts</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part">Composite Parts</a>
 +
                          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection">Part Collection</a>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                 
 +
                 
 +
                  </div><!--End of ui basic segment id="main_page_content"-->
 +
                 
 +
                 
 +
                 
 +
                  <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9); margin-top: -20px;">
 +
                    <div class="ui center aligned container" style="padding-top: 20px;">
 +
                      2016 is our 10th year participating in iGEM.<br/><br/>
 +
                     
 +
                      We designed this special homepage to commemorate this special year. <br/><br/>
 +
                     
 +
                      Two Chinese characters "十年" on the bottom left corner means "ten years".<br/><br/>
 +
                     
 +
                      Live long and prosper!
 +
                     
 +
                    </div>
 +
                   
 +
                    <div class="ui divider"></div>
 +
                    <div class="ui grid">
 +
                     
 +
                      <div class="ui three wide column">
 +
                      </div>
 +
                      <div class="ui five wide column">
 +
                        <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Contact us</h3>
 +
                        <div class="ui massive link list" style="color:rgba(255, 255, 255, 0.9);">
 +
                          <a class="item" href="mailto:yukae@mail.ustc.edu.cn">
 +
                            <i class="mail icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">e-mail</div>
 +
                          </a>
 +
                          <a class="item" href="https://www.facebook.com/ustcigem">
 +
                            <i class="facebook icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">Facebook</div>
 +
                          </a>
 +
                          <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&amp;wvr=6&amp;mod=message&amp;need_filter=1">
 +
                            <i class="weibo icon" style="color:rgba(255, 255, 255, 0.9);"></i>
 +
                            <div class="content" style="color:rgba(255, 255, 255, 0.9);">Weibo</div>
 +
                          </a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ui two wide column">
 +
                      </div>
 +
                      <div class="ui five wide column">
 +
                        <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Sponsors</h3>
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/c/cc/T--USTC--DeutscheBank.png">
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/1/18/T--USTC--USTCXiaohui.png">
 +
                        <img class="ui small image" src="https://static.igem.org/mediawiki/2016/4/45/T--USTC--USTCJiaowuchu.png">
 +
                      </div>
 +
                     
 +
                    </div>
 +
                    <div class="ui divider"></div>
 +
                    <div class="center aligned container">
 +
                      <img class="ui centered tiny image" src="https://static.igem.org/mediawiki/2016/6/6b/T--USTC--MascotLogo.png">
 +
                      <div class="ui list">
 +
                        <div class="item">Designed by 2016 iGEM Team:USTC<br>Under CC License<br>Based on Semantic-UI</div>
 +
                      </div>
 +
                    </div>
 +
                   
 +
                  </div>
 +
                  </div><!--end of pusher-->
 +
                 
 +
                  <script>
 +
                  $(document).ready(function(){
 +
                  $('.ui.sticky.basic.menu').sticky({
 +
                  context: '#main_page_content'
 +
                  });
 +
                 
 +
                  $('#HomePageCover').click(function(){
 +
                  $("#HomePageCoverModal")
 +
                  .modal('hide')
 +
                  });
 +
                  $('#Project').click(function(){
 +
                  $("#ProjectModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Team').click(function(){
 +
                  $("#TeamModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Awards').click(function(){
 +
                  $("#AwardsModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#HumanPractice').click(function(){
 +
                  $("#HumanPracticeModal")
 +
                  .modal('show')
 +
                  });
 +
                  $('#Parts').click(function(){
 +
                  $("#PartsModal")
 +
                  .modal('show')
 +
                  });
 +
                 
 +
                  $(window).resize(function(){
 +
                  var windowWidth;
 +
                  windowWidth = document.documentElement.clientWidth;
 +
                  $('#Project').attr("coords",("'" + (640*windowWidth/1280) + "," + (20*windowWidth/1280) + "," + (880*windowWidth/1280) + "," + (95*windowWidth/1280) +"'"));
 +
                  $('#Team').attr("coords",("'" + (480*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (595*windowWidth/1280) + "," + (455*windowWidth/1280) +"'"));
 +
                  $('#Awards').attr("coords",("'" + (120*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (232*windowWidth/1280) + "," + (432*windowWidth/1280) +"'"));
 +
                  $('#HumanPractice').attr("coords",("'" + (480*windowWidth/1280) + "," + (490*windowWidth/1280) + "," + (725*windowWidth/1280) + "," + (568*windowWidth/1280) +"'"));
 +
                  $('#Parts').attr("coords",("'" + (1050*windowWidth/1280) + "," + (98*windowWidth/1280) + "," + (1170*windowWidth/1280) + "," + (321*windowWidth/1280) +"'"));
 +
                  });
 +
                 
 +
                  });//End of $(document).ready(function())
 +
                 
 +
                  $(window).load(function(){
 +
                  $("div.pusher").prependTo("body");
 +
                  $("div.sidebar").prependTo("body");
 +
                  $("div#sideMenu").prependTo("div.pusher");
 +
                  var windowWidth;
 +
                  windowWidth = document.documentElement.clientWidth;
 +
                  $('#Project').attr("coords",("'" + (640*windowWidth/1280) + "," + (20*windowWidth/1280) + "," + (880*windowWidth/1280) + "," + (95*windowWidth/1280) +"'"));
 +
                  $('#Team').attr("coords",("'" + (480*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (595*windowWidth/1280) + "," + (455*windowWidth/1280) +"'"));
 +
                  $('#Awards').attr("coords",("'" + (120*windowWidth/1280) + "," + (208*windowWidth/1280) + "," + (232*windowWidth/1280) + "," + (432*windowWidth/1280) +"'"));
 +
                  $('#HumanPractice').attr("coords",("'" + (480*windowWidth/1280) + "," + (490*windowWidth/1280) + "," + (725*windowWidth/1280) + "," + (568*windowWidth/1280) +"'"));
 +
                  $('#Parts').attr("coords",("'" + (1050*windowWidth/1280) + "," + (98*windowWidth/1280) + "," + (1170*windowWidth/1280) + "," + (321*windowWidth/1280) +"'"));
 +
                 
 +
                  });
 +
                  $("#sidebarMenuTrigger").click(function(){
 +
                  $(".ui.sidebar.menu")
 +
                  .sidebar('setting', 'transition', 'overlay')
 +
                  .sidebar('setting', 'mobileTransition', 'overlay')
 +
                  .sidebar('toggle');
 +
                  });
 +
                  </script>
 +
                </body>
 +
              </html>

Latest revision as of 06:25, 19 November 2016

Modeling