Difference between revisions of "Team:FAFU-CHINA/Meeting"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html lang="zh">
+
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
<meta http-equiv=Content-Type  content="text/html; charset=gb2312" >
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
<title>Modeling</title>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<style type="text/css">
−
<title>侧边栏</title>
+
.firstHeading
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
+
{
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/normalize?action=raw&amp;ctype=text/css" />
+
  display:none;
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/default?action=raw&amp;ctype=text/css" />
+
}
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=text/css" />
+
−
<!--[if IE]>
+
−
        <script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/guge/js/html5shiv.min?action=raw&amp;ctype=text/javascript"></script>
+
−
<![endif]-->
+
−
</head>
+
−
<body>
+
−
<div class="com">
+
−
<div class="com__content">
+
−
<section class="com__section com__section--text">
+
−
        <div style="background-color:rgba(255,255,255,0.2);">
+
−
  <br>
+
−
             
+
  
−
<div id="Meeting"></div>
+
div#div1{
−
<center><div>Meeting</div></center>
+
    position:fixed;
−
<hr style="height:1px;border:none;border-top:1px solid #555555;" /> 
+
    top:0;
 +
    left:0;
 +
    bottom:0;
 +
    right:0;
 +
    z-index:-1;
 +
    overflow:auto;
 +
}
 +
div#div1 > img {
 +
    height:100%;
 +
    width:100%;
 +
    border:0;
 +
}       
  
−
<div>The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.</div>
+
div#cbg{
−
<div>The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.</div>
+
    top:5%;
−
<br>
+
    left:25%;
−
  <br>
+
    width: 50%;
−
  <br>
+
    position:relative;
 +
    background-color:rgba(255,255,255,0.4);
 +
}
  
−
<img src='https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_MT3.jpg'>&nbsp;&nbsp;&nbsp;&nbsp;
+
div#headline{
−
<img src='https://static.igem.org/mediawiki/2015/f/f9/FAFU-CHINA_MT2.jpg'>&nbsp;&nbsp;&nbsp;&nbsp;
+
    text-align: center;
−
<img src="https://static.igem.org/mediawiki/2015/f/fc/FAFU-CHINA_MT1.jpg">
+
    font-weight: bold;
 +
    font-size: 4vmin;
 +
}
  
 +
div#sub{
 +
    left:0;
 +
    right:0;
 +
    z-index:-1;
 +
}
  
 +
div#sub > p{
 +
    left:5%;
 +
    right:5%;
 +
    width:90%;
 +
    position:relative;
 +
    text-align: left;
 +
    font-size: 2vmin;
 +
}
  
−
  <br>
+
div#sub > p > img{
−
  <br>
+
    width:32.2%;
−
  <br>  <br>
+
    position:relative;
−
  <br>
+
}
−
  <br>
+
−
+
  
 +
div#sub > p > span{
 +
    width:5%;
 +
    position:relative;
 +
}
  
 +
</style>
 +
</head>
 +
<body>
 +
<div id="div1"><img src="https://static.igem.org/mediawiki/2015/f/f9/Fafu_bg22.jpg"/></div>
 +
<div id="div1"><div id="cbg">
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<div id="headline">Meeting</div>
 +
<br>
 +
<br>
  
−
        </div>
+
<div id="sub"><p><span style="display:-moz-inline-box; display:inline-block; width:25px;"></span>The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.</p></div>
−
</section>
+
<div id="sub"><p><span style="display:-moz-inline-box; display:inline-block; width:25px;"></span>The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.</p></div><br>
−
<section class="com__section com__section--text com__section--text-img">
+
−
<div class="com__section-half">
+
  
−
</div>
+
<div id="sub"><p>
−
<div class="com__section-half">
+
    <img src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_MT3.jpg"/><span></span>
 +
    <img src="https://static.igem.org/mediawiki/2015/f/f9/FAFU-CHINA_MT2.jpg"/><span></span>
 +
    <img src="https://static.igem.org/mediawiki/2015/f/fc/FAFU-CHINA_MT1.jpg"/>
 +
</p></div>
  
−
</div>
+
 
−
</section>
+
<br>
−
<section class="com__section com__section--text centered">
+
<br>
−
<h1 class="animate scaleIn">A5源码</h1>
+
<br>
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
<br>
−
</section>
+
 
−
<section class="com__section com__section--text">
+
<div id="div1">
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
<div style="height:100%; width:100%;"></div>
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</section>
+
−
<section class="com__section com__section--text com__section--text-img">
+
−
<div class="com__section-half">
+
−
<h1 class="animate slideInLeft">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</div>
+
−
<div class="com__section-half">
+
−
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
+
−
</div>
+
−
</section>
+
−
<section class="com__section com__section--text centered">
+
−
<h1 class="animate scaleIn">Communication Design</h1>
+
−
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
+
−
</section>
+
−
<section class="com__section com__section--text">
+
−
<h1 class="animate slideInLeft ">Communication Design</h1>
+
−
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
+
−
</section>
+
 
</div>
 
</div>
−
<nav class="com__nav">
 
−
<ul class="com__nav-list">
 
−
<li class="com__nav-item">
 
−
<h1>外内容1</h1>
 
−
<a href="" class="com__nav-link">
 
−
<h1>里内容1</h1>
 
−
<span class="blue-line animate scaleInLeft delay-2"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
<span class="white-line animate scaleInLeft delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容2</h1>
 
−
<a href="" class="com__nav-link flex-row">
 
−
<h1>里内容2</h1>
 
−
<div class="com__section-half">
 
−
<span class="blue-line animate scaleInLeft delay-3"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
</div>
 
−
<div class="com__section-half">
 
−
<span class="white-circle animate slideInRight delay-5"></span>
 
−
</div>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容3</h1>
 
−
<a href="" class="com__nav-link centered">
 
−
<h1>里内容3</h1>
 
−
<span class="blue-line animate scaleIn delay-3"></span>
 
−
<span class="white-circle animate scaleIn delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容4</h1>
 
−
<a href="" class="com__nav-link">
 
−
<h1>里内容4</h1>
 
−
<span class="blue-line animate scaleInLeft delay-2"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
<span class="white-line animate scaleInLeft delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容5</h1>
 
−
<a href="" class="com__nav-link flex-row">
 
−
<h1>里内容5</h1>
 
−
<div class="com__section-half">
 
−
<span class="blue-line animate scaleInLeft delay-3"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
</div>
 
−
<div class="com__section-half">
 
−
<span class="white-circle animate slideInRight delay-5"></span>
 
−
</div>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容6</h1>
 
−
<a href="" class="com__nav-link centered">
 
−
<h1>里内容6</h1>
 
−
<span class="blue-line animate scaleIn delay-3"></span>
 
−
<span class="white-circle animate scaleIn delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容7</h1>
 
−
<a href="" class="com__nav-link">
 
−
<h1>里内容7</h1>
 
−
<span class="blue-line animate scaleInLeft delay-2"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
<span class="white-line animate scaleInLeft delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容8</h1>
 
−
<a href="" class="com__nav-link">
 
−
<h1>里内容8</h1>
 
−
<span class="blue-line animate scaleInLeft delay-2"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
<span class="white-line animate scaleInLeft delay-5"></span>
 
−
</a>
 
−
</li>
 
−
<li class="com__nav-item">
 
−
<h1>外内容9</h1>
 
−
<a href="" class="com__nav-link">
 
−
<h1>里内容9</h1>
 
−
<span class="blue-line animate scaleInLeft delay-2"></span>
 
−
<span class="white-line animate scaleInLeft delay-4"></span>
 
−
<span class="white-line animate scaleInLeft delay-5"></span>
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
 
</div>
 
</div>
−
<style>
+
<br>
−
.com__section--text
+
</div>
−
{
+
−
  height:auto;
+
−
  overflow:auto;
+
−
}
+
−
.com
+
−
{
+
−
  background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
+
−
  background-size:100%;
+
−
  overflow-y:auto;
+
−
}
+
−
.com__content
+
−
{
+
−
  background-image:none;
+
−
}
+
−
table
+
−
{
+
−
  background-color:rgba(0,0,0,0);
+
−
}
+
−
</style>
+
−
<script src="js/jquery-2.1.1.min.js" type="https://2015.igem.org/Template:FAFU_CHINA/guge/js/jquery-2-1-1-min?action=raw&amp;ctype=text/javascript"></script>
+
−
<script>
+
−
var link = $('.com__nav-link');
+
−
var linkParent = link.parent('li');
+
−
var section = $('.com__section');
+
−
var sectionContent = section.find('*');
+
−
var switchTab = function () {
+
−
var p = $(this).parent('li');
+
−
var i = p.index();
+
−
var s = section.eq(i);
+
−
var c = s.find('*');
+
−
section.removeClass('active');
+
−
sectionContent.removeAttr('style');
+
−
s.addClass('active');
+
−
c.css({
+
−
transform: 'none',
+
−
opacity: 1
+
−
});
+
−
linkParent.removeClass('active');
+
−
p.addClass('active');
+
−
return false;
+
−
};
+
−
link.on('click', switchTab);
+
−
function activeFirst() {
+
−
section.first().addClass('active');
+
−
section.first().find('*').css({
+
−
transform: 'none',
+
−
opacity: 1
+
−
});
+
−
linkParent.first().addClass('active');
+
−
}
+
−
activeFirst();
+
−
</script>
+
−
<style>
+
−
.firstHeading
+
−
{
+
−
  display:none;
+
−
}
+
−
</style>
+
 
</body>
 
</body>
−
</html>
 

Latest revision as of 21:03, 18 September 2015

Modeling





Meeting


The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.

The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.