Difference between revisions of "Team:USTC/Attributions"

Line 1: Line 1:
−
{{USTC}}
 
 
<html>
 
<html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 +
    <title>Modeling</title>
 +
    <!--<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">
 +
    <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;
 +
    }
 +
    #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>
 +
   
 +
   
 +
    div#main_page_content{
 +
    margin-top:40px;
 +
    }
 +
   
 +
    #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;">
 +
       
 +
       
 +
        <!--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 checked calendar icon"></i>
 +
            <div class="content">Attributions
 +
              <div class="sub header">Gratitude for work and help</div>
 +
            </div>
 +
            </h1>
 +
          </div>
 +
         
 +
        </div>
  
−
 
+
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
−
 
+
          <div class="ui orange ribbon label header">Basic Parts</div>
−
 
+
         
−
 
+
        </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="column full_size">
+
            <div class="ui three wide column">
−
 
+
            </div>
−
 
+
            <div class="ui five wide column">
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
+
              <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);">
−
</div>
+
                <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>
−
<div class="clear"></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="column half_size">
+
                  <div class="content" style="color:rgba(255, 255, 255, 0.9);">Facebook</div>
−
<h5> Why is this page needed? </h5>
+
                </a>
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
                <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&amp;wvr=6&amp;mod=message&amp;need_filter=1">
−
<p>
+
                  <i class="weibo icon" style="color:rgba(255, 255, 255, 0.9);"></i>
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
                  <div class="content" style="color:rgba(255, 255, 255, 0.9);">Weibo</div>
−
</div>
+
                </a>
−
 
+
              </div>
−
 
+
            </div>
−
<div class="column half_size">
+
            <div class="ui two wide column">
−
<h5> What should this page have?</h5>
+
            </div>
−
 
+
            <div class="ui five wide column">
−
<ul>
+
              <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Sponsors</h3>
−
<li>General Support</li>
+
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/c/cc/T--USTC--DeutscheBank.png">
−
<li>Project support and advice</li>
+
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/1/18/T--USTC--USTCXiaohui.png">
−
<li>Fundraising help and advice</li>
+
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/4/45/T--USTC--USTCJiaowuchu.png">
−
<li>Lab support</li>
+
            </div>
−
<li>Difficult technique support</li>
+
           
−
<li>Project advisor support</li>
+
          </div>
−
<li>Wiki support</li>
+
          <div class="ui divider"></div>
−
<li>Presentation coaching</li>
+
          <div class="center aligned container">
−
<li>Human Practices support</li>
+
            <img class="ui centered tiny image" src="https://static.igem.org/mediawiki/2016/6/6b/T--USTC--MascotLogo.png">
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
            <div class="ui list">
−
</ul>
+
              <div class="item">Designed by 2016 iGEM Team:USTC<br>Under CC License<br>Based on Semantic-UI</div>
−
</div>
+
            </div>
−
 
+
          </div>
−
 
+
         
−
<div class="clear"></div>
+
        </div>
−
 
+
        </div><!--end of pusher-->
−
<div class="column half_size">
+
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
−
 
+
        <script type="text/javascript">
−
<div class="highlight">
+
        </script>
−
<h5> Can we base our project on a previous one? </h5>
+
        <script>
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
        $(document).ready(function(){
−
</div>
+
        $('.ui.sticky.basic.menu').sticky({
−
</div>
+
        context: '#main_page_content'
−
 
+
        });
−
 
+
        $("a.item#Description").mouseenter(function(){
−
<div class="column half_size">
+
        $(".sticky.note.outline.icon").transition({
−
 
+
        animation : 'fly right',
−
<h5>Inspiration</h5>
+
        duration : '0.5s'
−
<p>Take a look at what other teams have done:</p>
+
        });
−
<ul>
+
        });
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
        $("a.item#Description").mouseleave(function(){
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
        $(".sticky.note.outline.icon").transition({
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
        animation : 'fly right',
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
        duration : '0.5s'
−
</ul>
+
        });
−
 
+
        //$(this).css({"background-color":"inherit","color":"inherit"});
−
</div>
+
        });
−
 
+
        $container.find('img').css('max-width','100%');
−
<div class="clear"></div>
+
        createMenu();
−
 
+
        });//End of $(document).ready(function())
−
<div class="column half_size">
+
       
−
 
+
        $(window).load(function(){
−
<h5>Team training and Project start</h5>
+
        createWayPoints();
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
        $("div.pusher").prependTo("body");
−
<ul>
+
        $("div.sidebar").prependTo("body");
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
        $("div#sideMenu").prependTo("div.pusher");
−
<li>When did you start this course?</li>
+
        $("#ui_article").find("span").css("border-style","none");
−
<li>Are the syllabus and course materials freely available online?</li>
+
        });
−
<li>When did you start your brainstorming?</li>
+
        $("#sidebarMenuTrigger").click(function(){
−
<li>When did you start in the lab?</li>
+
        $(".ui.sidebar.menu")
−
<li>When did you start working on  your project?</li>
+
        .sidebar('setting', 'transition', 'overlay')
−
 
+
        .sidebar('setting', 'mobileTransition', 'overlay')
−
</ul>
+
        .sidebar('toggle');
−
 
+
        });
−
</div>
+
        </script>
−
 
+
      </body>
−
 
+
    </html>
−
 
+
−
 
+
−
</div>
+
−
</html>
+

Revision as of 18:15, 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

Attributions
Gratitude for work and help

Basic Parts

Contact us

e-mail
Facebook
Weibo

Sponsors

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