Difference between revisions of "Team:LN-Shiyan-China/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{LN-Shiyan-China}}
+
 
 
<html>
 
<html>
 +
<head>
 +
<title>LN-shiyan-China</title>
 +
<style type="text/css">
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
#p-logo {
 +
    background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png);
 +
    background-repeat: no-repeat;
 +
}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin-top: -3px;
 +
    padding: 0px;
 +
}
  
 +
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
}
 +
 +
/* CSS Document */
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
#content{
 +
    width:100%;
 +
    height:100%;
 +
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
}
  
−
<div class="column full_size">
+
body{
 +
    width:100%;
 +
    height:100%;
 +
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
      background-color:#FFF;
 +
}
 +
img{
 +
border:none;
 +
}
 +
ul ,li{
 +
list-style:none;
 +
        margin: 0px 0px 0px 0px;
 +
       
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
html ,body{
 +
height:100%;
 +
}
 +
.top{
 +
background:#d3cac7 url(https://static.igem.org/mediawiki/2015/a/a6/Home_bg.jpg) no-repeat top center;
 +
width:100%;
 +
padding-top:43px;
 +
height:630px;
 +
}
 +
.nav_bar{
 +
background:#000;
 +
opacity:0.9;
 +
height:80px;
 +
line-height:74px;
 +
position:relative;
 +
}
 +
.nav{
 +
width:1050px;
 +
margin:0px auto;
 +
position:relative;
 +
height:80px;
 +
        line-height:3.5;
 +
}
 +
.nav li{
 +
float:left;
 +
display:block;
 +
width:150px;
 +
text-align:center;
 +
position:relative;
 +
}
 +
.nav li a{
 +
color:#fff;
 +
font-size:16px;
 +
display:block;
 +
}
 +
.nav li a:hover{
 +
color:#C99091;
 +
}
  
−
<p> Document the dates you worked on your project.</p>
+
.sub{display:none;position:absolute;left:0px;top:80px;z-index:1;border:1px solid #666;border-top:0; background:#fff;}
 +
.sub li{text-align:center;margin-bottom:-1px; display:block;width:148px; }
 +
.sub li a{display:block; border-bottom:2px solid #666;padding:8px 0;height:28px;line-height:28px;color:#fff;}
 +
.sub li a:hover{color:#000000;}
 +
.logo{
 +
width:150px;
 +
margin:0px auto 0px;
 +
text-align:center;
 +
position:relative;
 +
top:-20px;
 +
height:122px;
 +
}
 +
.n1{
 +
border-bottom:6px solid #2980b9;
 +
}
 +
.n2{
 +
border-bottom:6px solid #27ae60;
 +
}
 +
.n3{
 +
border-bottom:6px solid #f39c12;
 +
 +
}
 +
.n4{
 +
border-bottom:6px solid #be382a;
  
−
</div>
+
}
 +
.n5{
 +
border-bottom:6px solid #8e44ad;
 +
}
 +
.n6{
 +
border-bottom:6px solid #0498f9;
 +
}
 +
.tc{
 +
width:900px;
 +
margin:0px auto;
 +
margin-top:-40px;
 +
}
 +
.wel{
 +
width:1000px;
 +
margin:0px auto;
 +
padding:75px 20px;
 +
}
 +
h1{
 +
font-size:70px;
 +
        line-height:1;
 +
text-align:center;
 +
margin-bottom:30px;
 +
        border-bottom:0px solid #AAA;
 +
}
 +
.wel p{
 +
font-size:16px;
 +
line-height:40px;
 +
}
 +
.wel img{
 +
float:right;}
 +
.team{
 +
background:#009b5b;
 +
padding:75px 20px;
 +
}
 +
.team h1{
 +
color:#fff;
 +
margin-bottom:50px;
 +
}
 +
.team ul{
 +
width:1040px;
 +
margin:0px auto;
 +
}
 +
.team ul li{
 +
float:left;
 +
background:#ffffff;
 +
width:235px;
 +
height:184px;
 +
font-size:14px;
 +
line-height:28px;
 +
}
 +
.team ul li.bar{
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  float:left;
 +
  width: 0;
 +
  height: 0;
 +
  top:85px;
 +
  position:relative;
 +
  vertical-align: middle;
 +
  border-right: 10px solid transparent ;
 +
  border-left: 10px solid #009b5b ;
 +
  border-top: 10px solid transparent ;
 +
  border-bottom: 10px solid transparent ;
  
−
<div class="column half_size">
+
}
−
<h5>What should this page have?</h5>
+
li.bar p{
−
<ul>
+
float:right;
−
<li>Chronological notes of what your team is doing.</li>
+
margin:-10px 10px 0px;
−
<li> Brief descriptions of daily important events.</li>
+
word-break:break-all;
−
<li>Pictures of your progress. </li>
+
}
−
<li>Mention who participated in what task.</li>
+
.bar2 .caret {
−
</ul>
+
  display: inline-block;
 +
  float:right;
 +
  width: 0;
 +
  height: 0;
 +
  top:85px;
 +
  position:relative;
 +
  vertical-align: middle;
 +
  border-left: 10px solid transparent ;
 +
  border-right: 10px solid #009b5b ;
 +
  border-top: 10px solid transparent ;
 +
  border-bottom: 10px solid transparent ;
  
−
</div>
+
}
 +
li.bar2 p{
 +
float:left;
 +
margin:-10px 10px 0px;
 +
word-break:break-all;
 +
}
 +
.content{
 +
width:980px;
 +
margin:0px auto;
 +
padding:20px 10px;
 +
}
 +
.content h1{
 +
font-size:24px;
 +
}
 +
.content img{
 +
float:left;
 +
margin:10px;
 +
}
 +
.t1{
 +
font-size:18px;
 +
word-break:break-all;
 +
}
 +
.footer{
 +
margin:40px auto ;
 +
text-align:center;
 +
}
  
−
<div class="column half_size">
 
−
<h5>Inspiration</h5>
 
−
<p>You can see what others teams have done to organize their notes:</p>
 
−
 
−
<ul>
 
−
<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>
 
−
<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>
 
  
 +
</style>
 +
<link href="http://www.dftvip.com/templa/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="http://www.dftvip.com/templa/js/jquery-1.11.0.min.js"></script>
 +
<!-- Custom Theme files -->
 +
<link href="http://www.dftvip.com/templa/css/style.css" rel="stylesheet" type="text/css" media="all"/>
 +
<!-- Custom Theme files -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Donate Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<!--Google Fonts-->
 +
<link href='//fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
 +
<link href='//fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<!--google fonts-->
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<div class="banner1">
 +
<div class="header">
 +
  <div class="container">
 +
    <div class="header-main">
 +
  <div class="logo">
 +
    <h1><a href="index.html">LN-shiyan-China</a></h1>
 +
  </div>
 +
 
 +
    <div class="clearfix"> </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="top-nav">
 +
    <span class="menu"> <img src="http://www.dftvip.com/templa/images/icon.png" alt=""></span>
 +
<ul class="res">
 +
<li><a class="active" href="index.html"><i class="glyphicon glyphicon-home"> </i>Home</a></li>
 +
<li><a href="team.html"><i class="glyphicon glyphicon-user"> </i>Team</a></li>
 +
<li><a href="project.html"><i class="glyphicon glyphicon-list-alt"> </i>Project</a></li>
 +
<li><a href="Parts.html"><i class="glyphicon glyphicon-picture"> </i>Parts</a></li>
 +
<li><a href="Safety.html"><i class="glyphicon glyphicon-envelope"> </i>Safety</a></li>
 +
<li><a href="Attributions.html"><i class="glyphicon glyphicon-a"> </i>Attributions</a></li>
 +
<li><a href="HumanPractices.html"><i class="glyphicon glyphicon-b"> </i>HumanPractices</a></li>
 +
<li><a href="Notebook.html"><i class="glyphicon glyphicon-c"> </i>Notebook</a></li>
 +
</ul>
 +
<!-- script-for-menu -->
 +
<script>
 +
  $( "span.menu" ).click(function() {
 +
$( "ul.res" ).slideToggle( 300, function() {
 +
// Animation complete.
 +
  });
 +
});
 +
</script>
 +
<!-- /script-for-menu -->
 +
</div>
 +
</div>
 +
<!--banner end here-->
 +
<!--blog start here-->
 +
<div class="blog">
 +
<div class="container">
 +
<div class="blog-main">
 +
<div class="blog-top">
 +
<h3>Notebook</h3>
 +
</div>
 +
<div class="col-md-8 blog-left">
 +
  <div class="blog-grid">
 +
  <div class="grid-left">    
 +
      <h3>2015</h3>
 +
      <p>Nov</p>
 +
  </div>
 +
  <div class="grid-right">
 +
  <h3>November, 2015</h3>
 +
    <p>It was the first time we heard about iGEM and became interested in it. We wanted to involved into this competition to test our ability and challenge our limits. </p>   
 +
  </div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="blog-section">
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>2015</h3>
 +
      <p>Dec</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>December, 2015</h3>
 +
    <p>We sought advice from International Teenage Competition and Communication Center (ITCCC), where Dr. Mao Yong suggested us that we should establish a team and find a suitable lab or build a high school lab by ourselves. </p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
  <div class="blog-section">
 +
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>2016</h3>
 +
      <p>Jan</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>January, 2016</h3>
 +
    <p>We discussed with our teacher about building a competition team for iGEM. Although strongly supported by Zhang Shuang, teacher of international department of Liaoning Province Shiyan High School, we can’t build a lab in our high school. Therefore, we need to find a lab outside. </p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="blog-section">
 +
 
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>2016</h3>
 +
      <p>Feb</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>February, 2016</h3>
 +
    <p>It took so much money to build a lab by ourselves and our school doesn’t have the resource to do so either. So we turned to life science department of Liaoning University for help in February. Professor Wang Qiuyu learned what we wanted, how we loved biology, math and modeling and our wishes to get opportunities to put the theory of synthetic biology into practice. He support our idea and approved that we work together with his team to study synthetic biology. </p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="blog-section">
 +
 
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>2016</h3>
 +
      <p>Mar</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>March, 2016</h3>
 +
    <p>We used Weibo, QQ and posters to recruit members into our team. Finally we have a team of nine. We divided up work based on individual’s specialty. Some liked biology, some loved math, and also some preferred software. Together, we are IGEM team shiyan_SY_China. </p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
 
 +
</div>
 +
 +
  </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
</div>
 +
<!--blog end here-->
 +
<!--footer start here-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-main">
 +
<div class="col-md-4 ftr-grid">
 +
<h3>Navigation</h3>
 +
<ul>
 +
<li><a href="index.html">Home</a></li>
 +
<li><a href="about.html">About</a></li>
 +
<li><a href="shortcodes.html">Short Codes</a></li>
 +
<li><a href="blog.html">Blog</a></li>
 +
<li><a href="contact.html">Contact</a></li>
 +
</ul>
 +
</div>
 +
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--footer end here-->
 +
<!--copy rights start here-->
 +
 +
<!--copy right end here-->
 +
</body>
 
</html>
 
</html>

Revision as of 10:21, 18 October 2016

LN-shiyan-China

Notebook

2015

Nov

November, 2015

It was the first time we heard about iGEM and became interested in it. We wanted to involved into this competition to test our ability and challenge our limits.

2015

Dec

December, 2015

We sought advice from International Teenage Competition and Communication Center (ITCCC), where Dr. Mao Yong suggested us that we should establish a team and find a suitable lab or build a high school lab by ourselves.

2016

Jan

January, 2016

We discussed with our teacher about building a competition team for iGEM. Although strongly supported by Zhang Shuang, teacher of international department of Liaoning Province Shiyan High School, we can’t build a lab in our high school. Therefore, we need to find a lab outside.

2016

Feb

February, 2016

It took so much money to build a lab by ourselves and our school doesn’t have the resource to do so either. So we turned to life science department of Liaoning University for help in February. Professor Wang Qiuyu learned what we wanted, how we loved biology, math and modeling and our wishes to get opportunities to put the theory of synthetic biology into practice. He support our idea and approved that we work together with his team to study synthetic biology.

2016

Mar

March, 2016

We used Weibo, QQ and posters to recruit members into our team. Finally we have a team of nine. We divided up work based on individual’s specialty. Some liked biology, some loved math, and also some preferred software. Together, we are IGEM team shiyan_SY_China.

Navigation