Difference between revisions of "Team:USTC"

 
(36 intermediate revisions by 4 users not shown)
Line 89: Line 89:
 
     and (max-width : 1024px)
 
     and (max-width : 1024px)
 
     and (orientation : landscape) {
 
     and (orientation : landscape) {
     div#main_page_content{
+
      
    margin-top:40px;
+
    }
+
    div#menuForComputer{
+
    display:none;
+
    width:0;
+
    height:0;
+
    }
+
    #ui_article{
+
    width:63%;
+
    }
+
 
     }
 
     }
 
     @media only screen
 
     @media only screen
 
     and (max-width : 1024px)
 
     and (max-width : 1024px)
 
     and (orientation : portrait) {
 
     and (orientation : portrait) {
     div#main_page_content{
+
      
    margin-top:40px;
+
    }
+
    div#menuForComputer{
+
    display:none;
+
    width:0;
+
    height:0;
+
    }
+
 
     }
 
     }
 
     </style>
 
     </style>
Line 164: Line 147:
 
         <div class="header">Team</div>
 
         <div class="header">Team</div>
 
         <div class="menu">
 
         <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"> Members  </a>
           <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Sponsor  </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"> About USTC  </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  </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  </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>
 
           <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 
         </div>
 
         </div>
Line 186: Line 169:
 
       <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
 
       <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
 
         <div class="ui fluid container">
 
         <div class="ui fluid container">
           <a class="item" id="sidebarMenuTrigger">Navigation<i class="right arrow icon"></i></a>
+
           <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">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="right item">A Prion's Life</div>
Line 202: Line 185:
 
                   </map>
 
                   </map>
 
                    
 
                    
 
 
                   <div class="ui modal" id="ProjectModal">
 
                   <div class="ui modal" id="ProjectModal">
 
                     <i class="close icon"></i>
 
                     <i class="close icon"></i>
Line 209: Line 191:
 
                     </div>
 
                     </div>
 
                     <div class="image content">
 
                     <div class="image content">
                       <div class="ui medium image">
+
                       <div class="ui large image">
                         <img src="https://static.igem.org/mediawiki/2016/d/de/T--USTC--ChengleZhang.jpeg">
+
                         <img class="ui large image" src="https://static.igem.org/mediawiki/2016/5/51/T--USTC--DuiFuTuAn.jpg">
 
                       </div>
 
                       </div>
 
                       <div class="description">
 
                       <div class="description">
                         <div class="ui header">This is a brief introduction of our project</div>
+
                         <div class="ui container">
                        <p>Please click to select a branch link for detailed information</p>
+
                          <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">
 
                         <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/Description">Description</a>
                           <a class="item" href="">Design</a>
+
                           <a class="item" href="https://2016.igem.org/Team:USTC/Design">Design</a>
                           <a class="item" href="">Proof of concept</a>
+
                           <a class="item" href="https://2016.igem.org/Team:USTC/Proof">Proof of concept</a>
                           <a class="item" href="">Results</a>
+
                           <a class="item" href="https://2016.igem.org/Team:USTC/Results">Results</a>
                           <a class="item" href="">Notebook</a>
+
                           <a class="item" href="https://2016.igem.org/Team:USTC/Notebook">Notebook</a>
                           <a class="item" href="">Spin-off</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>
Line 234: Line 304:
 
                   <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9); margin-top: -20px;">
 
                   <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;">
 
                     <div class="ui center aligned container" style="padding-top: 20px;">
                       2016 is our 10th year participating iGEM, which is also the 10th anniversary of iGEM itself.<br/><br/>
+
                       2016 is our 10th year participating in iGEM.<br/><br/>
 
                        
 
                        
 
                       We designed this special homepage to commemorate this special year. <br/><br/>
 
                       We designed this special homepage to commemorate this special year. <br/><br/>
Line 297: Line 367:
 
                   .modal('hide')
 
                   .modal('hide')
 
                   });
 
                   });
 
 
                   $('#Project').click(function(){
 
                   $('#Project').click(function(){
 
                   $("#ProjectModal")
 
                   $("#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')
 
                   .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())
 
                   });//End of $(document).ready(function())
Line 310: Line 404:
 
                   $("div.sidebar").prependTo("body");
 
                   $("div.sidebar").prependTo("body");
 
                   $("div#sideMenu").prependTo("div.pusher");
 
                   $("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) +"'"));
 
                    
 
                    
 
                   });
 
                   });

Latest revision as of 06:25, 19 November 2016

Modeling