Difference between revisions of "Team:Fudan-CHINA/Results"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<style>
 +
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
 +
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px;  margin:0px; }
 +
#top_menu_14{position: fixed;top:0;}
  
−
<div class="column full_size">
+
#mw-content-text>p{padding: 0; margin: 0;width: 100%;background-color: white;}
−
<h1>Results</h1>
+
a, button, input, textarea {
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
−
</div>
+
    -moz-transition: all .5s ease;
 +
    -webkit-transition: all .5s ease;
 +
    transition: all .5s ease;
 +
}
 +
</style>
  
  
−
<div class="column third_size" >
 
  
−
<h3>What should this page contain?</h3>
+
−
<ul>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&amp;action=raw&amp;ctype=text/javascript">
−
<li> Clearly and objectively describe the results of your work.</li>
+
//jQuery
−
<li> Future plans for the project. </li>
+
</script>
−
<li> Considerations for replicating the experiments. </li>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryUi&amp;action=raw&amp;ctype=text/javascript">
−
</ul>
+
//jQueryUi
−
</div>
+
</script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&amp;action=raw&amp;ctype=text/javascript">
 +
//jQuery_AnimateColors
 +
</script>
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/font_awesome&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
 +
  
 +
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<!--get fonts----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<style>
 +
@font-face
 +
{
 +
  font-family:_Quicksand;
 +
src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Fudan-CHINA--Quicksand.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_LucidaCalligraphy;/*for fullname of STEP*/
 +
src: url('https://static.igem.org/mediawiki/2018/a/a8/T--Fudan-CHINA--LucidaCalligraphy.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_CalistoMT;
 +
src: url('https://static.igem.org/mediawiki/2018/b/be/T--Fudan-CHINA--CalistoMT.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_Algerian;
 +
src: url('https://static.igem.org/mediawiki/2018/5/56/T--Fudan-CHINA--Algerian.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_ZELDA;/*for team name*/
 +
src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'),
 +
  url('https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--ZELDA.eot');
 +
}
 +
@font-face
 +
{
 +
  font-family:_Butler;
 +
src: url('https://static.igem.org/mediawiki/2018/e/e1/T--Fudan-CHINA--Butler.ttf'),
 +
  url('https://static.igem.org/mediawiki/2018/c/c9/T--Fudan-CHINA--Butler.eot');/*IE 9+*/
 +
}
 +
@font-face
 +
{
 +
  font-family:_Allura;
 +
src: url('https://static.igem.org/mediawiki/2018/6/69/T--Fudan-CHINA--Allura-Regular.otf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_VerlagBook;
 +
src: url('https://static.igem.org/mediawiki/2018/f/fe/T--Fudan-CHINA--VerlagBook.otf');
 +
}
 +
 +
 +
</style>
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
</p><p>
 +
 +
 +
 +
 +
 +
<!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
  
−
<div class="column two_thirds_size" >
+
 
−
<h3>Describe what your results mean </h3>
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
−
<ul>
+
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
<div id="firstDiv">
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
<img src="https://static.igem.org/mediawiki/2018/8/8c/T--Fudan-CHINA--Model_1.jpg" />
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
<div class="fiName">Project Design</div>
−
</ul>
+
<div class="pSentence">
 +
"The essence of mathematics lies in its freedom."
 +
</div>
 
</div>
 
</div>
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div class="mainWords">
 +
  
−
<div class="clear extra_space"></div>
+
<div class="mainContents">
 +
To develop and optimise our STEP system to achieve the goal of efficient tumour marker recognition, we set out to test the whole system in human cell lines, and at the same time combine computational design and wet lab experiment to optimise existing receptors.
 +
<br><br>
  
 +
We successfully proved that the STEP receptors can appropriately locate across the cell membrane, and that they are able to bind to activate the downstream receptor when target ligand is added.
  
  
−
<div class="column two_thirds_size" >
+
−
<h3> Project Achievements </h3>
+
</div>
−
 
+
</div>
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
  
−
<ul>
+
−
<li>A list of linked bullet points of the successful results during your project</li>
+
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
</ul>
+
  
 +
 +
<!--TEMPLATE:contact-->
 +
 +
<div id="contactUs">
 +
<img width="8%">
 +
<div class="cuCol" id="cuCol1" style="width: 17%;">
 +
<h1 class="cuH1"><i class="fa fa-link"></i>&#160;&#160;Useful Links</h1>
 +
<hr width="50%">
 +
<br/>
 +
        <div class="cuContent">
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&#160;iGEM Main Page</a>
 +
<br/>
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&#160;iGEM Special Pages</a>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol2" style="width: 17%;">
 +
<h1 class="cuH1"><i class="fa fa-envelope-o"></i>&#160;&#160;Email</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
<a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i>&#160;igem@fudan.edu.cn</a>
 +
<br/>
 +
<a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i>&#160;kfjin16@fudan.edu.cn</a>
 +
 +
<br/>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol3" style="width: 30%;">
 +
<h1 class="cuH1"><i class="fa fa-paper-plane"></i>&#160;&#160;Address</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
G604, School of Life Sciences, Fudan University<br/>
 +
2005 Songhu Road, Yangpu, Shanghai, China
 +
</div>
 +
</div>
 +
<img id="cuTeamImg" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--teamBadgeWhite.png"/>
 
</div>
 
</div>
 +
 +
<style>
 +
#contactUs{
 +
width: 100%;
 +
background: rgba(25,25,25,1);
 +
overflow: hidden;
 +
margin: 0;
 +
padding:1.5% 0 3% 0;
 +
text-align: left;
 +
position: relative;
 +
z-index: 100;
 +
}
 +
.cuCol{
 +
      display: inline-block;
 +
position: relative;
 +
left:20px;
 +
opacity: 0;
 +
color: rgba(168,168,168,1.00);
 +
text-align: left;
 +
vertical-align: top;
 +
}
 +
h1.cuH1{
 +
color: white;
 +
font-size: 1.4vw;
 +
font-style: normal;
 +
}
 +
.cuContent{
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
font-size: 1.25vw;
 +
line-height: 1.6vw;
 +
}
 +
#contactUs a{
 +
color: rgba(168,168,168,1.00);
 +
text-decoration: none;
 +
}
 +
#contactUs a:hover{
 +
text-decoration: none;
 +
color:rgba(0,189,234,1);
 +
}
 +
#contactUs a:visited{
 +
text-decoration: none;
 +
}
 +
#contactUs a:active{
 +
text-decoration: none;
 +
}
 +
#contactUs br{
 +
line-height: 1vw;
 +
}
 +
#cuTeamImg{
 +
position: absolute;
 +
top:1vw;
 +
right:4vw;
 +
width: 10vw;
 +
opacity: 0.2;
 +
}
 +
</style>
 +
<script>
 +
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 +
slideInLeft($("#cuCol2"),$("#contactUs"),150);
 +
slideInLeft($("#cuCol3"),$("#contactUs"),300);
 +
$(window).scroll(function(){
 +
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 +
slideInLeft($("#cuCol2"),$("#contactUs"),150);
 +
slideInLeft($("#cuCol3"),$("#contactUs"),300);
 +
});
 +
</script>
  
 +
<style>
 +
.leftNav{
 +
position: absolute;
 +
top:30vw;
 +
left: 2vw;
 +
list-style: none;
 +
z-index: 3;
 +
}
 +
.leftNav .leftNavA2{
 +
position: relative;
 +
}
 +
.leftNav .leftNavA2:before {
 +
    content: "";
 +
  display: inline-block;
 +
width: 5px;
 +
height: 5px;
 +
  background-color: rgba(55,55,62,0.7);
 +
    border-radius: 50%;
 +
position: absolute;
 +
left: 0.3vw;
 +
top:50%;
 +
margin: 0;
 +
padding: 0;
 +
transform: translateY(-50%);
 +
}
 +
.leftNavUl2{
 +
list-style: none;
 +
}
 +
.leftNavA{
 +
display: block;
 +
font-size: 1.3vw;
 +
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 +
padding: 0.5vw 1.5vw;
 +
color: #ffa400;
 +
text-decoration: none;
 +
}
 +
.leftNavLi2{
 +
width: 16vw;
 +
margin:0.5vw  0;
 +
line-height: 17px;
 +
}
 +
.leftNavA:visited{
 +
text-decoration: none;
 +
color: #ffa400;
 +
}
 +
.leftNavA:focus{
 +
text-decoration: none;
 +
color: #ffa400;
 +
}
 +
.leftNavA:hover,.leftNavA:active{
 +
text-decoration: none;
 +
color: #734a00;
 +
}
 +
 +
.leftNavA2{
 +
display: block;
 +
font-size: 1.1vw;
 +
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
padding: 0.1vw 1.5vw;
 +
color:rgba(168,168,168,1);
 +
text-decoration: none;
 +
}
 +
.leftNavA2:visited{
 +
text-decoration: none;
 +
color:rgba(168,168,168,1);
 +
}
 +
.leftNavA2:focus{
 +
text-decoration: none;
 +
color:rgba(168,168,168,1);
 +
}
 +
.leftNavA2:hover,.leftNavA2:active{
 +
text-decoration: none;
 +
color: rgba(35,35,35,1);
 +
}
 +
.menu-active,.menu-active:focus{
 +
text-decoration: none;
 +
color: rgba(35,35,35,1);
 +
text-decoration: none;
 +
}
 +
</style>
 +
<script>
 +
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
$(window).resize(function(){
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
var leftNavFromTop=0.3*winWidth-$(window).scrollTop();
 +
if (leftNavFromTop<0.1*winWidth){
 +
$(".leftNav").css({"position":"fixed","top":0.1*winWidth});
 +
}
 +
else{
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
}
 +
});
 +
 +
$(window).scroll(function(){
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
var leftNavFromTop=0.3*winWidth-$(window).scrollTop();
 +
if (leftNavFromTop<0.1*winWidth){
 +
$(".leftNav").css({"position":"fixed","top":0.1*winWidth});
 +
}
 +
else{
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
}
 +
});
 +
$(".leftNav a").click(function () {
 +
$('html, body').animate({
 +
scrollTop: $($.attr(this, 'href')).offset().top
 +
}, 500);
 +
return false;
 +
});
 +
 +
 +
    $(window).scroll(function(){
 +
var currentScroll=$(this).scrollTop();
 +
var $currentSection;
 +
var firstHeight=$("#firstDiv").height();
 +
$('.leftNavA2').each(function(){
 +
var hePoint=$($(this).attr("href"));
 +
var divPosition=hePoint.offset().top;
 +
if (divPosition-1<currentScroll){
 +
$currentSection=$(this);
 +
}
 +
if (currentScroll>firstHeight){
 +
                $('.leftNavA2').removeClass('menu-active');
 +
                $currentSection.addClass('menu-active');
 +
}
 +
})
 +
});
  
 +
</script>
 +
 +
 +
<style>
 +
#firstDiv{
 +
width: 100%;
 +
height: 22vw;
 +
overflow: hidden;
 +
position: relative;
 +
z-index: 5;
 +
}
 +
#firstDiv img{
 +
filter: brightness(0.6);
 +
position: relative;
 +
width: 101%;
 +
top:50%;
 +
left:50%;
 +
transform: translateX(-50%) translateY(-53%);
 +
}
 +
    .fiName{
 +
color: white;
 +
font-family:Allura,_Allura;
 +
font-size: 5vw;
 +
font-weight: 600;
 +
position: absolute;
 +
top:15vw;
 +
right: 12vw;
 +
}
 +
.pSentence{
 +
color: white;
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
font-size: 1.2vw;
 +
font-weight: 400;
 +
position: absolute;
 +
top:18vw;
 +
right: 12vw;
 +
text-align: right;
 +
}
 +
</style>
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
 +
<style>
 +
.theAnchor{
 +
position: absolute;
 +
top:-25vh;
 +
}
 +
.mainWords{
 +
margin-left: 15vw;
 +
margin-top: 136px;
 +
margin-bottom: 85px;
 +
margin-right: 15vw;
 +
background-color: white;
 +
}
 +
a.contentLink,.contentLink:hover,.contentLink:focus,.contentLink:active,.contentLink:visited{
 +
text-decoration: none;
 +
}
 +
a.contentLink{
 +
font-weight: 900;
 +
font-family: "Quicksand Medium",_Quicksand;
 +
color:rgba(130,166,245,1);
 +
}
 +
a.contentLink:hover{
 +
color:royalblue;
 +
}
 +
 +
.mainTitle1{
 +
margin:100px 0;
 +
font-family:"Verlag Book",_VerlagBook,Arial,Helvetica;
 +
font-size: 40px;
 +
text-transform:uppercase;
 +
color:rgba(29,176,186,1);
 +
position: relative;
 +
}
 +
.mainTitle1:before{
 +
content: "";
 +
width: 340px;
 +
height: 3.4px;
 +
background:rgba(29,176,186,1);
 +
display: inline-block;
 +
position: absolute;
 +
top:54px;
 +
}
 +
.mainTitle2{
 +
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 +
font-size: 34px;
 +
color: rgba(73,90,128,1);
 +
margin: 10px 0 25px 0;
 +
position: relative;
 +
}
 +
.mainTitle3{
 +
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 +
font-size: 25px;
 +
color: black;
 +
margin-bottom: -15px;
 +
margin-top: 70px;
 +
}
 +
.mainContents{
 +
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
 +
font-size: 21px;
 +
line-height: 28px;
 +
color: rgba(1,5,15,1.00);
 +
text-align:justify;
 +
margin-bottom: 85px;
 +
}
 +
.centerImg{
 +
width:50%;
 +
transform: translateX(-50%);
 +
position: relative;
 +
left:50%;
 +
}
 +
.mainContents span.bf{
 +
font-weight: 900;
 +
}
 +
.imgState{
 +
text-align: center;
 +
margin: 2vw 0;
 +
}
 +
.imgState>img{
 +
width: 40%;
 +
margin: 0 30px;
 +
}
 +
.figureNum{
 +
font-weight: 600;
 +
font-size:15px;
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
}
 +
.legend{
 +
font-size:15px;
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
}
 +
.imgState>div{
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
font-size: 17px;
 +
margin: 20px 0;
 +
}
 +
.duanjian{
 +
margin: 5px 0;
 +
display: inline-block;
 +
}
 +
</style>
 +
 +
  
  

Revision as of 18:18, 17 October 2018

Project Design
"The essence of mathematics lies in its freedom."
To develop and optimise our STEP system to achieve the goal of efficient tumour marker recognition, we set out to test the whole system in human cell lines, and at the same time combine computational design and wet lab experiment to optimise existing receptors.

We successfully proved that the STEP receptors can appropriately locate across the cell membrane, and that they are able to bind to activate the downstream receptor when target ligand is added.

  Address


G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China