Difference between revisions of "Team:USTC/Notebook"

(Prototype team page)
 
 
(24 intermediate revisions by the same user not shown)
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> Document the dates you worked on your project.</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">
−
</div>
+
    <style>
−
 
+
    /********************Dealing with default Mediawiki setting*******************/
−
<div class="column half_size">
+
    #top_title {
−
<h5>What should this page have?</h5>
+
    display:none;
−
<ul>
+
    position:absolute;
−
<li>Chronological notes of what your team is doing.</li>
+
    }
−
<li> Brief descriptions of daily important events.</li>
+
    #content {
−
<li>Pictures of your progress. </li>
+
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
<li>Mention who participated in what task.</li>
+
    }
−
</ul>
+
    #globalWrapper{
−
 
+
    }
−
</div>
+
    body {
−
 
+
    }
−
<div class="column half_size">
+
    #bodyContent {
−
<h5>Inspiration</h5>
+
    }
−
<p>You can see what others teams have done to organize their notes:</p>
+
    div#top_menu_14{
−
 
+
    height:21px;
−
<ul>  
+
    border-bottom-color:#383838;
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    }
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
    div#top_menu_under{
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
   
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
    }
−
</ul>
+
    div#globalWrapper{
−
 
+
    padding-bottom: 0;
−
</div>
+
    }
−
</html>
+
    #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;
 +
    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"> 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 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"> 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>
 +
       
 +
        <!--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 calendar icon"></i>
 +
            <div class="content">Notebook
 +
              <div class="sub header">Together we stand</div>
 +
            </div>
 +
            </h1>
 +
          </div>
 +
          <div class="ui basic segment">
 +
            <h3 class="ui center aligned header">Performers</h3>
 +
            <div class="ui grid">
 +
              <div class="ui two wide column"></div>
 +
              <div class="ui twelve wide column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/b/b3/T--USTC--TeamPhoto.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description"><div class="center aligned container">Everybody!!!</div></div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="ui two wide column"></div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
 +
         
 +
         
 +
          <div class="ui blue ribbon label header"> May</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/5_1"> May 1st-16th </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/5_17"> May 17th-31st </a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
          <div class="ui teal ribbon label header"> June</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/6_6"> June 1st-15th  </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/6_16"> June 16th-30th </a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
          <div class="ui violet ribbon label header"> July</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_7"> July 1st-14th </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_15"> July 15th-22nd </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_23"> July 23rd-31st </a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
          <div class="ui orange ribbon label header"> August</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_1"> August 1st-4th </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_5"> August 5th-8th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_9"> August 9th-11th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_12"> August 12th-13th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_14"> August 14th-15th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_16"> August 16th-19th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_20"> August 20th-23rd</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_24"> August 24th-27th</a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_28"> August 28th-31st</a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
          <div class="ui brown ribbon label header"> September</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/9_1"> September 1st-23rd </a>
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/9_24"> September 24th-30th </a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
          <div class="ui red ribbon label header"> October</div>
 +
          <p></p>
 +
          <div class="ui fluid selection dropdown">
 +
            <i class="dropdown icon"></i>
 +
            <div class="default text">Select time </div>
 +
            <div class="menu">
 +
              <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/10_1">October 1st-31st  </a>
 +
            </div>
 +
          </div>
 +
          <p></p>
 +
        </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/Notebook_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'
 +
        });
 +
        $('.ui.dropdown')
 +
        .dropdown()
 +
        ;
 +
        $("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>

Latest revision as of 17:46, 19 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

Notebook
Together we stand

Performers

Everybody!!!
May

Select time
May 1st-16th May 17th-31st

June

Select time
June 1st-15th June 16th-30th

July

Select time
July 1st-14th July 15th-22nd July 23rd-31st

August

Select time
August 1st-4th August 5th-8th August 9th-11th August 12th-13th August 14th-15th August 16th-19th August 20th-23rd August 24th-27th August 28th-31st

September

Select time
September 1st-23rd September 24th-30th

October

Select time
October 1st-31st

Contact us

e-mail
Facebook
Weibo

Sponsors

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