Difference between revisions of "Team:USTC/Demonstrate"

Line 1: Line 1:
−
{{USTC}}
 
 
<html>
 
<html>
−
 
+
  <head>
−
 
+
    <meta charset="utf-8">
−
<div class="column full_size" >
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
 
+
    <title>Modeling</title>
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
−
 
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
<h5>What should this page contain?</h5>
+
    <style>
−
<ul>
+
    /********************Dealing with default Mediawiki setting*******************/
−
<li> Clearly and objectively describe the results of your work.</li>
+
    #top_title {
−
<li> Future plans for the project </li>
+
    display:none;
−
<li> Considerations for replicating the experiments </li>
+
    position:absolute;
−
</ul>
+
    }
−
 
+
    #content {
−
</div>
+
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
 
+
    }
−
<div class="column half_size" >
+
    #globalWrapper{
−
 
+
    }
−
 
+
    body {
−
<h5> Project Achievements </h5>
+
    }
−
 
+
    #bodyContent {
−
 
+
    }
−
<ul>
+
    div#top_menu_14{
−
<li>A list of linked bullet points of the successful results during your project</li>
+
    height:21px;
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
    border-bottom-color:#383838;
−
</ul>
+
    }
−
 
+
    div#top_menu_under{
−
</div>
+
   
−
 
+
    }
−
 
+
    div#globalWrapper{
−
<div class="column half_size" >
+
    padding-bottom: 0;
−
 
+
    }
−
<h5>Inspiration</h5>
+
    #top_menu_under{
−
<p>See how other teams presented their results.</p>
+
    height:0;
−
<ul>
+
    }
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
    #sideMenu{
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
    display:none;
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
    position:fixed;
−
</ul>
+
    left:220px;
−
 
+
    }
−
</div>
+
    /******************************************************************************/
−
 
+
    </style>
−
 
+
    <style>
−
 
+
    div.ui.inverted.vertical.sticky.basic.menu a.item{
−
</html>
+
    -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;
 +
    left:210px;
 +
    max-width: 1070px;
 +
    }
 +
    #ui_article{
 +
    width:64%;
 +
    }
 +
    }
 +
    @media only screen
 +
    and (max-width : 1024px)
 +
    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
 +
    and (max-width : 1024px)
 +
    and (orientation : portrait) {
 +
    div#main_page_content{
 +
    margin-top:40px;
 +
    }
 +
    div#menuForComputer{
 +
    display:none;
 +
    width:0;
 +
    height:0;
 +
    }
 +
    #ui_article{
 +
    width:63%;
 +
    }
 +
    }
 +
    </style>
 +
  </head>
 +
 
 +
 
 +
  <body>
 +
   
 +
    <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;">
 +
      <div class="item">
 +
        <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png">
 +
      </div>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 +
      <div class="item">
 +
        <div class="header">Project</div>
 +
        <div class="menu">
 +
          <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>
 +
          <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/Demonstrate"> Demonstrate </a>
 +
          <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>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
        <div class="header">Parts</div>
 +
        <div class="menu">
 +
          <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>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
 +
      <div class="item">
 +
        <div class="header">Human Practices</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/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 class="item">
 +
        <div class="header">Awards</div>
 +
        <div class="menu">
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
 +
        </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  </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"> 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/Collaborations"> Collaborations </a>
 +
        </div>
 +
      </div>
 +
    </div>
 +
   
 +
   
 +
    <div class="pusher">
 +
      <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
 +
        <div class="ui fluid container">
 +
          <a class="item" id="sidebarMenuTrigger">Navigation<i class="right arrow icon"></i></a>
 +
          <div class="right item">A Prion's Life</div>
 +
        </div>
 +
      </div>
 +
      <div class="ui basic segment" id="main_page_content" style="margin-bottom:0;padding:0 0 20px 0;">
 +
        <div class="ui left attached rail" id="menuForComputer" style=" width:210px;">
 +
          <div class="ui inverted vertical sticky basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;">
 +
            <div class="item">
 +
              <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png">
 +
            </div>
 +
            <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 +
            <div class="item">
 +
              <div class="header">Project</div>
 +
              <div class="menu">
 +
                <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>
 +
                <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/Demonstrate"> Demonstrate </a>
 +
                <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>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
 +
              </div>
 +
            </div>
 +
            <div class="item">
 +
              <div class="header">Parts</div>
 +
              <div class="menu">
 +
                <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>
 +
            <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
 +
            <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
 +
            <div class="item">
 +
              <div class="header">Human Practices</div>
 +
              <div class="menu">
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/HP/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 class="item">
 +
              <div class="header">Awards</div>
 +
              <div class="menu">
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
 +
              </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  </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"> 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/Collaborations"> Collaborations </a>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
       
 +
        <!--Page content starts here-->
 +
        <div class="ui basic segment">
 +
          <div class="ui basic segment" style="padding-top: 20px; font-size:xx-large;">
 +
            <h1 class="ui center aligned icon header">
 +
            <i class="circular hand peace icon"></i>
 +
            <div class="content">Basic Parts
 +
              <div class="sub header">Designed by joint hands</div>
 +
            </div>
 +
            </h1>
 +
          </div>
 +
          <div class="ui basic segment">
 +
            <h3 class="ui center aligned header">Leaders</h3>
 +
            <div class="ui six column grid">
 +
              <div class="column"></div>
 +
              <div class="column"></div>
 +
              <div class="column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/b/b2/T--USTC--KaiyueMa.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description">Kaiyue Ma</div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description">Yin Wu</div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="column"></div>
 +
              <div class="column"></div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
 +
         
 +
         
 +
        </div>
 +
        </div><!--End of ui basic segment id="main_page_content"-->
 +
       
 +
        <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9);">
 +
          <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 src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/Demonstrate_right_menu_js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript">
 +
        </script>
 +
        <script>
 +
        $(document).ready(function(){
 +
        $('.ui.sticky.basic.menu').sticky({
 +
        context: '#main_page_content'
 +
        });
 +
        $("a.item#Description").mouseenter(function(){
 +
        $(".sticky.note.outline.icon").transition({
 +
        animation : 'fly right',
 +
        duration : '0.5s'
 +
        });
 +
        });
 +
        $("a.item#Description").mouseleave(function(){
 +
        $(".sticky.note.outline.icon").transition({
 +
        animation : 'fly right',
 +
        duration : '0.5s'
 +
        });
 +
        //$(this).css({"background-color":"inherit","color":"inherit"});
 +
        });
 +
        $container.find('img').css('max-width','100%');
 +
        createMenu();
 +
        });//End of $(document).ready(function())
 +
       
 +
        $(window).load(function(){
 +
        createWayPoints();
 +
        $("div.pusher").prependTo("body");
 +
        $("div.sidebar").prependTo("body");
 +
        $("div#sideMenu").prependTo("div.pusher");
 +
        $("#ui_article").find("span").css("border-style","none");
 +
        });
 +
        $("#sidebarMenuTrigger").click(function(){
 +
        $(".ui.sidebar.menu")
 +
        .sidebar('setting', 'transition', 'overlay')
 +
        .sidebar('setting', 'mobileTransition', 'overlay')
 +
        .sidebar('toggle');
 +
        });
 +
        </script>
 +
      </body>
 +
    </html>

Revision as of 13:26, 16 October 2016

Modeling

Home
Project
Description Design Proof of Concept Demonstrate Results Notebook Spin-off
Parts
Basic Parts Composite Parts Part Collection
Safety Attributions
Human Practices
Silver Gold Integrated Practices Engagement
Awards
Model
Team
Members Sponsor About USTC Acknowledgements Gallery Collaborations

Basic Parts
Designed by joint hands

Leaders

Kaiyue Ma
Yin Wu

Contact us

e-mail
Facebook
Weibo

Sponsors

Designed by 2016 iGEM Team:USTC
Under CC License
Based on Semantic-UI