Team:UESTC-China/HPtest.html

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-
<title>UESTC-China</title>
+
<title>UESTC-China</title>
-
 
+
-
 
+
-
 
+
-
 
+
<style>
<style>
Line 302: Line 298:
position: fixed;
position: fixed;
top: 80%;
top: 80%;
-
margin-left: 1205px;
+
margin-left: 1105px;
cursor: pointer;
cursor: pointer;
}
}
Line 370: Line 366:
/*rocket-to-top end*/
/*rocket-to-top end*/
-
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
 
-
  /* Font Definitions */
+
#all{
-
@font-face
+
position:absolute;
-
{font-family:宋体;
+
top:302px;
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
height:3560px;
-
mso-font-charset:80;
+
width:1252px;
-
mso-generic-font-family:auto;
+
}
-
mso-font-pitch:variable;
+
 
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
@font-face {
-
@font-face
+
font-family: Microsoft Yahei;
-
{font-family:宋体;
+
font-weight: normal;
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
font-style: normal;
-
mso-font-charset:80;
+
} /* Made with http://icomoon.io/ */
-
mso-generic-font-family:auto;
+
 
-
mso-font-pitch:variable;
+
.cbp_tmtimeline {
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
margin: 30px 0 0 0;
-
@font-face
+
padding: 0;
-
{font-family:"\@宋体";
+
list-style: none;
-
panose-1:2 1 6 0 3 1 1 1 1 1;
+
position: relative;
-
mso-font-charset:80;
+
}  
-
mso-generic-font-family:auto;
+
 
-
mso-font-pitch:variable;
+
/* The line */
-
mso-font-signature:3 680460288 22 0 262145 0;}
+
.cbp_tmtimeline:before {
-
@font-face
+
content: '';
-
{font-family:Calibri;
+
position: absolute;
-
panose-1:2 15 5 2 2 2 4 3 2 4;
+
top: 0;
-
mso-font-charset:0;
+
bottom: 0;
-
mso-generic-font-family:auto;
+
width: 10px;
-
mso-font-pitch:variable;
+
background: #98CB00;
-
mso-font-signature:-520092929 1073786111 9 0 415 0;}
+
left: 20%;
-
@font-face
+
margin-left: -10px;
-
{font-family:"Heiti SC Light";
+
}
-
panose-1:2 0 0 0 0 0 0 0 0 0;
+
 
-
mso-font-charset:80;
+
.cbp_tmtimeline > li {
-
mso-generic-font-family:auto;
+
position: relative;
-
mso-font-pitch:variable;
+
}
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
+
 
-
@font-face
+
/* The date/time */
-
{font-family:"\@Heiti SC Light";
+
.cbp_tmtimeline > li .cbp_tmtime {
-
panose-1:2 0 0 0 0 0 0 0 0 0;
+
display: block;
-
mso-font-charset:80;
+
width: 25%;
-
mso-generic-font-family:auto;
+
padding-right: 100px;
-
mso-font-pitch:variable;
+
position: absolute;
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
+
}
-
/* Style Definitions */
+
 
-
p.MsoNormal, li.MsoNormal, div.MsoNormal
+
.cbp_tmtimeline > li .cbp_tmtime span {
-
{mso-style-unhide:no;
+
display: block;
-
mso-style-qformat:yes;
+
text-align: right;
-
mso-style-parent:"";
+
}
-
margin:0cm;
+
 
-
margin-bottom:.0001pt;
+
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
-
text-align:justify;
+
font-size: 0.9em;
-
text-justify:inter-ideograph;
+
color: #00CC99 ;
-
mso-pagination:none;
+
}
-
font-size:10.5pt;
+
 
-
mso-bidi-font-size:11.0pt;
+
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
-
font-family:Calibri;
+
font-size: 2.9em;
-
mso-ascii-font-family:Calibri;
+
color: #00CC99;
-
mso-ascii-theme-font:minor-latin;
+
}
-
mso-fareast-font-family:宋体;
+
 
-
mso-fareast-theme-font:minor-fareast;
+
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
-
mso-hansi-font-family:Calibri;
+
color: #00CC66;
-
mso-hansi-theme-font:minor-latin;
+
}
-
mso-bidi-font-family:"Times New Roman";
+
 
-
mso-bidi-theme-font:minor-bidi;
+
/* Right content */
-
mso-font-kerning:1.0pt;}
+
.cbp_tmtimeline > li .cbp_tmlabel {
-
p.MsoHeader, li.MsoHeader, div.MsoHeader
+
margin: 0 0 15px 25%;
-
{mso-style-priority:99;
+
background:#7DD917;
-
mso-style-link:页眉字符;
+
color: #fff;
-
margin:0cm;
+
padding: 2em;
-
margin-bottom:.0001pt;
+
font-size: 1.2em;
-
text-align:center;
+
font-weight: 300;
-
mso-pagination:none;
+
line-height: 1.4;
-
tab-stops:center 207.65pt right 415.3pt;
+
position: relative;
-
layout-grid-mode:char;
+
border-radius: 5px;
-
border:none;
+
}
-
mso-border-bottom-alt:solid windowtext .75pt;
+
 
-
padding:0cm;
+
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
-
mso-padding-alt:0cm 0cm 1.0pt 0cm;
+
background: #00CC99;
-
font-size:9.0pt;
+
}
-
font-family:Calibri;
+
 
-
mso-ascii-font-family:Calibri;
+
.cbp_tmtimeline > li .cbp_tmlabel h2 {  
-
mso-ascii-theme-font:minor-latin;
+
margin-top: 0px;
-
mso-fareast-font-family:宋体;
+
padding: 0 0 10px 0;
-
mso-fareast-theme-font:minor-fareast;
+
border-bottom: 1px solid rgba(255,255,255,0.4);
-
mso-hansi-font-family:Calibri;
+
}
-
mso-hansi-theme-font:minor-latin;
+
 
-
mso-bidi-font-family:"Times New Roman";
+
/* The triangle */
-
mso-bidi-theme-font:minor-bidi;
+
.cbp_tmtimeline > li .cbp_tmlabel:after {
-
mso-font-kerning:1.0pt;}
+
right: 100%;
-
p.MsoFooter, li.MsoFooter, div.MsoFooter
+
border: solid transparent;
-
{mso-style-priority:99;
+
content: " ";
-
mso-style-link:页脚字符;
+
height: 0;
-
margin:0cm;
+
width: 0;
-
margin-bottom:.0001pt;
+
position: absolute;
-
mso-pagination:none;
+
pointer-events: none;
-
tab-stops:center 207.65pt right 415.3pt;
+
border-right-color: #3594cb;
-
layout-grid-mode:char;
+
border-width: 10px;
-
font-size:9.0pt;
+
top: 10px;
-
font-family:Calibri;
+
}
-
mso-ascii-font-family:Calibri;
+
 
-
mso-ascii-theme-font:minor-latin;
+
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
-
mso-fareast-font-family:宋体;
+
border-right-color:#7DD917;
-
mso-fareast-theme-font:minor-fareast;
+
}
-
mso-hansi-font-family:Calibri;
+
 
-
mso-hansi-theme-font:minor-latin;
+
/* The icons */
-
mso-bidi-font-family:"Times New Roman";
+
.cbp_tmtimeline > li .cbp_tmicon {
-
mso-bidi-theme-font:minor-bidi;
+
width: 40px;
-
mso-font-kerning:1.0pt;}
+
height: 40px;
-
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
+
font-family: Microsoft Yahei;
-
{mso-style-noshow:yes;
+
speak: none;
-
mso-style-priority:99;
+
font-style: normal;
-
mso-style-link:批注框文本字符;
+
font-weight: normal;
-
margin:0cm;
+
font-variant: normal;
-
margin-bottom:.0001pt;
+
text-transform: none;
-
text-align:justify;
+
font-size: 1.4em;
-
text-justify:inter-ideograph;
+
line-height: 40px;
-
mso-pagination:none;
+
-webkit-font-smoothing: antialiased;
-
font-size:9.0pt;
+
position: absolute;
-
font-family:"Heiti SC Light";
+
color: #fff;
-
mso-hansi-font-family:Calibri;
+
background: #98CB00;
-
mso-hansi-theme-font:minor-latin;
+
border-radius: 50%;
-
mso-bidi-font-family:"Times New Roman";
+
box-shadow: 0 0 0 8px #B2EC05 ;
-
mso-bidi-theme-font:minor-bidi;
+
text-align: center;
-
mso-font-kerning:1.0pt;}
+
left: 20%;
-
span.a
+
top: 0;
-
{mso-style-name:页眉字符;
+
margin: 0 0 0 -25px;
-
mso-style-priority:99;
+
}
-
mso-style-unhide:no;
+
 
-
mso-style-locked:yes;
+
.cbp_tmicon-phone:before {
-
mso-style-link:页眉;
+
content: "\e000";
-
mso-ansi-font-size:9.0pt;
+
}
-
mso-bidi-font-size:9.0pt;}
+
 
-
span.a0
+
.cbp_tmicon-screen:before {
-
{mso-style-name:页脚字符;
+
content: "\e001";
-
mso-style-priority:99;
+
}
-
mso-style-unhide:no;
+
 
-
mso-style-locked:yes;
+
.cbp_tmicon-mail:before {
-
mso-style-link:页脚;
+
content: "\e002";
-
mso-ansi-font-size:9.0pt;
+
}
-
mso-bidi-font-size:9.0pt;}
+
 
-
span.a1
+
.cbp_tmicon-earth:before {
-
{mso-style-name:批注框文本字符;
+
content: "\e003";
-
mso-style-noshow:yes;
+
}
-
mso-style-priority:99;
+
 
-
mso-style-unhide:no;
+
/* Example Media Queries */
-
mso-style-locked:yes;
+
@media screen and (max-width: 65.375em) {
-
mso-style-link:批注框文本;
+
 
-
mso-ansi-font-size:9.0pt;
+
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
-
mso-bidi-font-size:9.0pt;
+
font-size: 1.5em;
-
font-family:"Heiti SC Light";
+
-
mso-ascii-font-family:"Heiti SC Light";
+
-
mso-fareast-font-family:"Heiti SC Light";}
+
-
span.SpellE
+
-
{mso-style-name:"";
+
-
mso-spl-e:yes;}
+
-
span.GramE
+
-
{mso-style-name:"";
+
-
mso-gram-e:yes;}
+
-
.MsoChpDefault
+
-
{mso-style-type:export-only;
+
-
mso-default-props:yes;
+
-
font-size:10.5pt;
+
-
mso-ansi-font-size:10.5pt;
+
-
mso-bidi-font-size:11.0pt;
+
-
font-family:Calibri;
+
-
mso-bidi-font-family:"Times New Roman";
+
-
mso-bidi-theme-font:minor-bidi;}
+
-
/* Page Definitions */
+
-
@page
+
-
{mso-page-border-surround-header:no;
+
-
mso-page-border-surround-footer:no;
+
-
mso-footnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fs;
+
-
mso-footnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fcs;
+
-
mso-endnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") es;
+
-
mso-endnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") ecs;}
+
-
@page WordSection1
+
-
{size:841.95pt 42.0cm;
+
-
mso-header-margin:42.55pt;
+
-
mso-footer-margin:49.6pt;
+
-
mso-paper-source:0;
+
-
layout-grid:15.6pt;
+
}
}
-
div.WordSection1
 
-
{page:WordSection1;}
 
-
.STYLE3 {
 
-
font-size: 14pt;
 
-
font-weight: bold;
 
-
font-family: "Times New Roman", Times, serif;
 
}
}
-
.STYLE4 {font-weight: bold}
 
-
#overview-word {margin-left:130px;
 
-
margin-right:130px;
 
-
position:absolute;}
 
-
.middle { height:444px; width:1214px; background-color: #1bbc9b;}
+
@media screen and (max-width: 47.2em) {
-
.head { height:60px; width:1200px; float:left; margin-top:15px;}
+
.cbp_tmtimeline:before {
-
.content { height:380px; width:1214px; background-color: #99FF99; margin-top:30px;}
+
display: none;
-
.headword { font-size:25px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
+
}
-
#head0 {height:60px; width:1200px;margin-top:15px;}
+
 
-
#content0 { height:423px; width:1214px; background-color: #99FF99; top:100px; position:absolute;}
+
.cbp_tmtimeline > li .cbp_tmtime {
-
#headword0 { font-size:45px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
+
width: 100%;
-
#text0 { height:332px;
+
position: relative;
-
width:473px;
+
padding: 0 0 20px 0;
-
margin-top:40px;
+
}
-
margin-left:350px;
+
 
-
position:absolute;
+
.cbp_tmtimeline > li .cbp_tmtime span {
-
color: #666666;
+
text-align: left;
-
left: 353px;
+
}
-
top: 1px;
+
 
-
font-family:helveticalmd,Microsoft Yahei;
+
.cbp_tmtimeline > li .cbp_tmlabel {
 +
margin: 0 0 30px 0;
 +
padding: 1em;
 +
font-weight: 400;
 +
font-size: 95%;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmlabel:after {
 +
right: auto;
 +
left: 20px;
 +
border-right-color: transparent;
 +
border-bottom-color: #3594cb;
 +
top: -20px;
 +
}
 +
 
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
 +
border-right-color: transparent;
 +
border-bottom-color: #98CB00;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmicon {
 +
position: relative;
 +
float: right;
 +
left: auto;
 +
margin: -55px 5px 0 0px;
 +
}
}
}
-
.picture1 {
+
/*css in component*/
-
margin-top:35px;
+
@font-face {
-
margin-left:600px;
+
font-family: Microsoft Yahei;
-
position:absolute;
+
font-weight: normal;
 +
font-style: normal;
 +
} /* Made with http://icomoon.io/ */
 +
 
 +
.cbp_tmtimeline {
 +
margin: 30px 0 0 0;
 +
padding: 0;
 +
list-style: none;
 +
position: relative;
 +
}
 +
 
 +
/* The line */
 +
.cbp_tmtimeline:before {
 +
content: '';
 +
position: absolute;
 +
top: 0;
 +
bottom: 0;
 +
width: 10px;
 +
background: #98CB00;
 +
left: 20%;
 +
margin-left: -10px;
}
}
-
.picture2 {
+
 
-
margin-top:35px;
+
.cbp_tmtimeline > li {
-
margin-left:30px;
+
position: relative;
-
position:absolute;
+
-
height: 320px;
+
}
}
-
#middle0 {
+
 
-
position:absolute;
+
/* The date/time */
-
height:500px;
+
.cbp_tmtimeline > li .cbp_tmtime {
-
width:1214px;
+
display: block;
-
background-color: #1bbc9b;
+
width: 25%;
-
left: 0px;
+
padding-right: 100px;
-
top: 0px;
+
position: absolute;
}
}
-
#middle1 {
+
.cbp_tmtimeline > li .cbp_tmtime span {
-
top:522px;
+
display: block;
-
position:absolute;
+
text-align: right;
-
left:0px;
+
}
 +
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
 +
font-size: 0.9em;
 +
color: #00CC99 ;
}
}
-
#middle2 {
+
 
-
top:987px;
+
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
 +
font-size: 2.9em;
 +
color: #00CC99;
 +
}
 +
 
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
 +
color: #00CC66;
 +
}
 +
 
 +
/* Right content */
 +
.cbp_tmtimeline > li .cbp_tmlabel {
 +
margin: 0 0 15px 25%;
 +
background:#7DD917;
 +
color: #fff;
 +
padding: 2em;
 +
font-size: 1.2em;
 +
font-weight: 300;
 +
line-height: 1.4;
 +
position: relative;
 +
border-radius: 5px;
 +
}
 +
 
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
 +
background: #00CC99;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmlabel h2 {
 +
margin-top: 0px;
 +
padding: 0 0 10px 0;
 +
border-bottom: 1px solid rgba(255,255,255,0.4);
 +
}
 +
 
 +
/* The triangle */
 +
.cbp_tmtimeline > li .cbp_tmlabel:after {
 +
right: 100%;
 +
border: solid transparent;
 +
content: " ";
 +
height: 0;
 +
width: 0;
position: absolute;
position: absolute;
-
left: 0px;
+
pointer-events: none;
 +
border-right-color: #7DD917;
 +
border-width: 10px;
 +
top: 10px;
 +
}
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
 +
border-right-color: #00CC99;
}
}
-
#middle3 {
 
-
top:1448px;
 
-
 
-
position:absolute;
 
-
left:0px;
 
 +
/* The icons */
 +
.cbp_tmtimeline > li .cbp_tmicon {
 +
width: 40px;
 +
height: 40px;
 +
font-family:  Microsoft Yahei;
 +
speak: none;
 +
font-style: normal;
 +
font-weight: normal;
 +
font-variant: normal;
 +
text-transform: none;
 +
font-size: 1.4em;
 +
line-height: 40px;
 +
-webkit-font-smoothing: antialiased;
 +
position: absolute;
 +
color: #fff;
 +
background: #98CB00;
 +
border-radius: 50%;
 +
box-shadow: 0 0 0 8px #B2EC05 ;
 +
text-align: center;
 +
left: 20%;
 +
top: 0;
 +
margin: 0 0 0 -25px;
}
}
-
#middle4 {
 
-
top:1909px;
 
-
position:absolute;
 
-
left:0px;
 
 +
.cbp_tmicon-phone:before {
 +
content: "\e000";
}
}
-
.text1 {
+
.cbp_tmicon-screen:before {
-
height:380px;
+
content: "\e001";
-
width:300px;
+
-
margin-left:40px;
+
-
color: #666666;
+
-
position:absolute;
+
-
margin-top:40px;
+
-
left: 77px;
+
-
top: 89px;
+
-
font-family:helveticalmd,Microsoft Yahei;
+
}
}
-
.text2 {
+
 
-
height:380px;
+
.cbp_tmicon-mail:before {
-
width:300px;
+
content: "\e002";
-
margin-top:30px;
+
}
-
margin-left:600px;
+
 
-
position:absolute;
+
.cbp_tmicon-earth:before {
-
color: #666666;
+
content: "\e003";
-
left: 126px;
+
}
-
top: 106px;
+
 
-
font-family:helveticalmd,Microsoft Yahei;
+
/* Example Media Queries */
 +
@media screen and (max-width: 65.375em) {
 +
 
 +
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
 +
font-size: 1.5em;
 +
}
 +
}
 +
 
 +
@media screen and (max-width: 47.2em) {
 +
.cbp_tmtimeline:before {
 +
display: none;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmtime {
 +
width: 100%;
 +
position: relative;
 +
padding: 0 0 20px 0;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmtime span {
 +
text-align: left;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmlabel {
 +
margin: 0 0 30px 0;
 +
padding: 1em;
 +
font-weight: 400;
 +
font-size: 95%;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmlabel:after {
 +
right: auto;
 +
left: 20px;
 +
border-right-color: transparent;
 +
border-bottom-color: #3594cb;
 +
top: -20px;
 +
}
 +
 
 +
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
 +
border-right-color: transparent;
 +
border-bottom-color: #98CB00;
 +
}
 +
 
 +
.cbp_tmtimeline > li .cbp_tmicon {
 +
position: relative;
 +
float: right;
 +
left: auto;
 +
margin: -55px 5px 0 0px;
 +
}
 +
}
 +
 
 +
 
 +
/* General Blueprint Style */
 +
@font-face {
 +
font-family: Microsoft Yahei;
 +
font-weight: normal;
 +
font-style: normal;
 +
} /* Made with http://icomoon.io/ download by http://www.codefans.net*/
 +
 
 +
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 +
body, html { font-size: 100%; padding: 0; margin: 0;}
 +
 
 +
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
 +
.clearfix:before, .clearfix:after { content: " "; display: table; }
 +
.clearfix:after { clear: both; }
 +
 
 +
body {
 +
    font-family:  Microsoft Yahei, Calibri, Arial, sans-serif;
 +
    color: #47a3da;
 +
}
 +
 
 +
a {
 +
color: #f0f0f0;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
color: #000;
 +
}
 +
.container{
 +
background-color:#ffffff;
 +
width:1214;
 +
padding-top:20px;}
 +
.main{
 +
width: 95%;
 +
max-width: 69em;
 +
margin: 0 auto;
 +
padding: 0 1.875em 3.125em 1.875em;
 +
background-color: #ffffff;
}
}
-
-->
 
</style>
</style>
</head>
</head>
Line 713: Line 850:
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
</ul>
+
</ul>
-
</div>
+
  </div>
-
</div>
+
  </div>
<div class="top-menu-each">
<div class="top-menu-each">
<div class="arrow"></div>
<div class="arrow"></div>
Line 746: Line 883:
<div id="middle-photo">
<div id="middle-photo">
<div class="middle-photo-each">
<div class="middle-photo-each">
-
<div id="all">
 
-
<div id="middle0">
 
-
  <div id="head0" >
 
-
    <p align="center" id="headword0"><b>Overview</b></p>
 
-
    <div id="content0" >
 
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="556" height="319"  /> </div>
 
-
      <div id="text0">
 
-
        <p class=MsoNormal align=left style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><u><span lang=EN-US style='font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> <span class="STYLE4">
 
-
          <o:p></o:p>
 
-
          </span></span></u></p>
 
-
        <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> On April 29th, iGEM team <span class=SpellE>UESTC-<span class=GramE>China</span></span> went into the Seventh Middle School of ChengDu to disseminate iGEM competition and introduce the subject of our team to them, at the same time, we resolve the qualms the senior high school students have about the synthetic biology. Meantime, they ask questions actively and denote their interest in iGEM.</span></strong></p>
 
-
       </div>
+
<div id="all">
-
    </div>
+
<div class="container">
 +
  <div class="main">
 +
    <ul class="cbp_tmtimeline">
 +
       <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span></span><span>
 +
April 3</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>Team set up</h2>
 +
          <p>Our iGEM-China team was founded in April 3, on this special day we hold a meeting to record this important moment. The leadership of our school attend to this meeting, and denote that our school will spare no effort to support our iGEM project. At the first, we only have three members. Until now, we got nine members, two advisors and three instructors. Besides of them, we also get some help from the seniors.</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-11 12:04"><span></span><span>
 +
April 29</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>A lecture to the seventh middle school.</h2>
 +
          <p>On April the 29th , our team members went to the seventh middle school of Chengdu to disseminate iGEM and our project. The seventh middle school of Chengdu is the best high school in Chengdu city. Almost everybody in Sichuan province heard about it. We introduce iGEM to them, may get more fresh vitality to iGEM and the area of synthetic biology. This lecture had a perfect end. Students in the seventh middle school express high warmth in this international competition.</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-13 05:36"><span></span><span>
 +
June 16</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-mail"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>Knowledge quiz</h2>
 +
          <p>On June 16th , to advertise iGEM and our team to Chinese students we held a activity named knowledge quiz ,which took place in the center of students’ activity. And the students passed by can answer two of the questions and if them answered with the right answer then he can get a delicate gift which we bought as a incentive.</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span></span><span>
 +
August  </span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>Questionnaires</h2>
 +
          <p>In August , 2014, our team make a questionnaire to investigate people in every stratum and in every occupation to get the information how much does the people in different range know about iGEM or the pollution formaldehyde produce.
 +
The making of questionnaires is difficult, because you do not know the extent of how much people understand about synthetic biology. When distributing the questionnaires we do find this issue, people walking on the street rarely knows about biology, let alone synthetic biology. But we do hope they can hear about synthetic biology no matter how little they get.
 +
</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-16 21:30"><span></span><span>21:30</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-earth"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>成功构建载体</h2>
 +
          <p>Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-17 12:11"><span></span><span>12:11</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-screen"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>转化完成</h2>
 +
          <p>Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.</p>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <time class="cbp_tmtime" datetime="2013-04-18 09:56"><span></span><span>09:56</span></time>
 +
        <div class="cbp_tmicon cbp_tmicon-phone"></div>
 +
        <div class="cbp_tmlabel">
 +
          <h2>甲醛检测</h2>
 +
          <p>Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.</p>
 +
        </div>
 +
      </li>
 +
    </ul>
   </div>
   </div>
</div>
</div>
-
<div id="middle1" class="middle" >
 
-
  <div class="head" >
 
-
    <p align="center" class="headword"><b>teammate gives a speech.</b></p>
 
-
    <div class="content" >
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/5/50/Qz1.jpg" width="556" height="319" /> </div>
 
-
      <div class="text1">
 
-
        <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp; This is the picture our teammate ZhiQiang Yan who is giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. And our teammate is full of energy when giving the speech.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
</div>
</div>
-
<div id="middle2" class="middle" >
 
-
  <div class="head" >
 
-
    <p align="center" class="headword"><b>The situation in the lobby.</b></p>
 
-
    <div class="content" >
 
-
      <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/e/e5/Qz3.jpg" width="533" height="315"/></div>
 
-
      <div class="text2">
 
-
  <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;Students reposing on the seats are all concentrating on the screen and the speech. The number of students who attend our lecture nearly approach to a thousand. They also ask questions actively. You can see some people take notes. All the phenomena denote that they are interested in iGEM.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
</div>
 
-
<div id="middle3" class="middle" >
 
-
  <div class="head" >
 
-
    <p align="center" class="headword"><b>After the speech.</b></p>
 
-
    <div class="content" >
 
-
      <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/f/fe/Qz4.jpg" width="556" height="319" /> </div>
 
-
      <div class="text1">
 
-
      <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;students did not leave immediately. They surrounded our team leader to ask him more about iGEM and what we were going to do. They thought highly of iGEM as well as our project. They believed that there must be a great perspective in the future.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
</div>
 
-
<div id="middle4" class="middle" >
 
-
  <div class="head" >
 
-
    <p align="center" class="headword"><b>At the end of this lecture.</b></p>
 
-
    <div class="content" >
 
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/0/00/Qz5.jpg" width="534" height="317"  /> </div>
 
-
      <div class="text2">
 
-
  <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;In this picture our teammates took a group photo to mark the occasion. We wore our team costume as a symbol of our team. We can see the sweet smile on the senior high school students' faces. To summarize this activity into one sentence, it will be  'Let  iGEM  be part of our community'.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
            </div>
 
-
          </div>
 
-
        </div>
 
-
    </div>
 
-
  </div>
 
-
 
-
</div>
 
-
<div class="middle-photo-each">
 
-
<div class="middle-content" style="height: 0;"></div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
 
<div style="display: none;" id="rocket-to-top">
<div style="display: none;" id="rocket-to-top">
<div style="opacity:0;display: block;" class="level-2"></div>
<div style="opacity:0;display: block;" class="level-2"></div>

Revision as of 07:03, 31 August 2014

UESTC-China

  • Team set up

    Our iGEM-China team was founded in April 3, on this special day we hold a meeting to record this important moment. The leadership of our school attend to this meeting, and denote that our school will spare no effort to support our iGEM project. At the first, we only have three members. Until now, we got nine members, two advisors and three instructors. Besides of them, we also get some help from the seniors.

  • A lecture to the seventh middle school.

    On April the 29th , our team members went to the seventh middle school of Chengdu to disseminate iGEM and our project. The seventh middle school of Chengdu is the best high school in Chengdu city. Almost everybody in Sichuan province heard about it. We introduce iGEM to them, may get more fresh vitality to iGEM and the area of synthetic biology. This lecture had a perfect end. Students in the seventh middle school express high warmth in this international competition.

  • Knowledge quiz

    On June 16th , to advertise iGEM and our team to Chinese students we held a activity named knowledge quiz ,which took place in the center of students’ activity. And the students passed by can answer two of the questions and if them answered with the right answer then he can get a delicate gift which we bought as a incentive.

  • Questionnaires

    In August , 2014, our team make a questionnaire to investigate people in every stratum and in every occupation to get the information how much does the people in different range know about iGEM or the pollution formaldehyde produce. The making of questionnaires is difficult, because you do not know the extent of how much people understand about synthetic biology. When distributing the questionnaires we do find this issue, people walking on the street rarely knows about biology, let alone synthetic biology. But we do hope they can hear about synthetic biology no matter how little they get.

  • 成功构建载体

    Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.

  • 转化完成

    Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.

  • 甲醛检测

    Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.