Team:ITB Indonesia/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
 
<html>
<html>
 +
<head>
 +
<title></title>
 +
<style>
 +
body{
 +
background-image: url(https://static.igem.org/mediawiki/2014/4/47/Itb-bg.jpg);
 +
background-repeat: repeat;
 +
}#logo-igem{width:160px;height:100px;position:absolute;right:28px;top:33px;background-color:orange;cursor:pointer;opacity:0.01}
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
 
-
 
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:ITB_Indonesia/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
 
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
 
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
#top-section{width:1010px;height:47px;background-color:#FFFFFF;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#menubar{top:10px;padding-left:25px;padding-right:25px;}
-
<a href="https://2014.igem.org/Team:ITB_Indonesia"style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar ul li a{background-color:#FFFFFF;color:black;}
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Team"style="color:#000000"> Team </a> </td>
+
#menubar a:hover{text-decoration:underline;}
 +
#menubar.left-menu.noprint{background-color:#FFFFFF;}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar ul li:nth-child(1){background-color:#FFFFFF;color:black;}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ITB_Indonesia"style="color:#000000"> Official Team Profile </a></td>
+
#menubar ul li:nth-child(2){background-color:#FFFFFF;color:black;}
 +
#menubar ul li:nth-child(3){background-color:#FFFFFF;color:black;}
 +
#menubar ul li:nth-child(4){background-color:#FFFFFF;color:black;}
 +
#menubar ul li:nth-child(5){background-color:#FFFFFF;color:black;}
 +
#menubar ul li:nth-child(6){background-color:#FFFFFF;color:black;}
 +
#menubar ul li:nth-child(7){visibility:hidden;}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#p-logo img{display:none;}
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Project"style="color:#000000"> Project</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#search-controls{display:none;}
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Parts"style="color:#000000"> Parts</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.firstHeading{display:none;}
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Modeling"style="color:#000000"> Modeling</a></td>
+
#content{width:1000px;}
 +
#footer-box{display:none;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#putih{
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Notebook"style="color:#000000"> Notebook</a></td>
+
width: 1000px;
 +
margin: 0 auto;
 +
background-color: #FFFFFF;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#center{
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Safety"style=" color:#000000"> Safety </a></td>
+
width: 960px;
 +
margin: 0 auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:ITB_Indonesia/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
/*****    Start Header    *****/
 +
#logo{
 +
width: 960px;
 +
height: 100px;
 +
background-image: url(https://static.igem.org/mediawiki/2014/3/3e/Itb-logo.jpg);
 +
/*background-color: #FFFFAA;*/
 +
/*position: absolute;
 +
top: 0;*/
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
#header{
-
</tr>
+
/*margin-top: 10px;*/
-
</table>
+
width: 960px;
 +
height: 200px;
 +
background-image: url(https://static.igem.org/mediawiki/2014/5/56/Itb-judul.jpg);
 +
}
 +
/*****    End Header    *****/
-
<!--end navigation menu -->
 
-
</tr>
 
-
</tr>
 
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
/*****    Start Nav    *****/
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
#blockNav{
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
width: 960px;
 +
height: 48px;
 +
background-color: #38AF89;
 +
}
-
<tr><td > <h3> Team Information</h3></td>
+
ul {
-
<td ></td >
+
  text-align: left;
-
<td > <h3> Upload pictures of your team!</h3></td>
+
  display: inline;
-
</tr>
+
  margin: 0;
 +
  padding: 15px 4px 17px 0;
 +
  list-style: none;
 +
  /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
 +
}
 +
ul li {
 +
  font: bold 12px/18px sans-serif;
 +
  /*font-family: source-code-pro, sans-serif;*/
 +
  color: #FFFFFF;
 +
  display: inline-block;
 +
  margin-right: -4px;
 +
  position: relative;
 +
  padding: 15px 20px;
 +
  background: #38AF89;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
  -ms-transition: all 0.2s;
 +
  -o-transition: all 0.2s;
 +
  transition: all 0.2s;
 +
}
 +
ul li:hover {
 +
  background: #2E9876;
 +
  color: #FFFFFF;
 +
}
 +
ul li ul {
 +
  padding: 0;
 +
  position: absolute;
 +
  top: 48px;
 +
  left: 0;
 +
  width: 180px;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  display: none;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  -webkit-transiton: opacity 0.2s;
 +
  -moz-transition: opacity 0.2s;
 +
  -ms-transition: opacity 0.2s;
 +
  -o-transition: opacity 0.2s;
 +
  -transition: opacity 0.2s;
 +
}
 +
ul li ul li{
 +
  background: #2E9876;
 +
  display: block;
 +
  color: #FFFFFF;
 +
  text-shadow: 0 -1px 0 #000;
 +
  z-index: 1;
 +
}
 +
ul li ul li:hover { background: #4CB795; }
 +
ul li:hover ul {
 +
  display: block;
 +
  opacity: 1;
 +
  visibility: visible;
 +
}
-
<tr>
+
a:link {
-
<td width="45%"  valign="top">
+
    text-decoration: none;
-
<p>
+
    color: #FFFFFF;
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
}
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
+
a:visited {
 +
    text-decoration: none;
 +
    color: #FFFFFF;
 +
}
 +
/*****    End Nav    *****/
 +
/*****    Start Content    *****/
 +
iframe{
 +
margin: 30px 0 30px 200px;
 +
}
-
</td>
+
#line{
-
<td></td>
+
width: 960px;
-
<td width="45%"  valign="top">
+
height: 1px;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
background-color: #BCBCB3;
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
}
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
/*****    End Content    *****/
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
 +
/*****    Start Sponsor    *****/
 +
#sponsor{
 +
width: 960px;
 +
height: 200px;
 +
background-image: url(https://static.igem.org/mediawiki/2014/3/36/Itb-sponsor.jpg);
 +
}
 +
/*****    End Sponsor    *****/
-
</tr>
+
ul.enlarge{
 +
list-style-type:none; /*remove the bullet point*/
 +
margin-left:0;
 +
}
 +
ul.enlarge li{
 +
display:inline-block; /*places the images in a line*/
 +
position: relative;
 +
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
 +
/*margin:10px 40px 0 20px;*/
 +
}
 +
ul.enlarge img{
 +
background-color:#eae9d4;
 +
padding: 6px;
 +
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 +
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 +
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
border-radius: 4px;
 +
}
 +
ul.enlarge span{
 +
position:absolute;
 +
left: -9999px;
 +
background-color:#eae9d4;
 +
padding: 10px;
 +
font-family: 'Droid Sans', sans-serif;
 +
font-size:.9em;
 +
text-align: center;
 +
color: #495a62;
 +
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
 +
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
 +
box-shadow: 0 0 20px rgba(0,0,0, .75);
 +
-webkit-border-radius: 8px;
 +
-moz-border-radius: 8px;
 +
border-radius:8px;
 +
}
 +
ul.enlarge li:hover{
 +
z-index: 50;
 +
cursor:pointer;
 +
}
 +
ul.enlarge span img{
 +
padding:2px;
 +
background:#ccc;
 +
}
 +
ul.enlarge li:hover span{
 +
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 +
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
 +
}
 +
ul.enlarge li:hover:nth-child(2) span{
 +
left: -100px;
 +
}
 +
ul.enlarge li:hover:nth-child(3) span{
 +
left: -200px;
 +
}
 +
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
 +
ul.enlarge img, ul.enlarge span{
 +
behavior: url(pie/PIE.htc);
 +
}
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
</style>
-
<td ></td >
+
<script src="//use.edgefonts.net/source-code-pro.js"></script>
-
<td > </td>
+
</head>
-
</tr>
+
<body>
 +
<div id="putih"> <div id="logo-igem" onclick="window.location.href='https://2014.igem.org/'"></div>
 +
<div id="center">
 +
<div id="logo"></div>
 +
<div id="header"></div>
-
<tr>
+
<div id="blockNav">
-
<td width="45%" valign="top">  
+
<ul>
-
<p>What should this page contain?</p>
+
<li><a href="https://2014.igem.org/Team:ITB_Indonesia">HOME</a></li>
-
<ul>
+
<li>TEAM
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<ul>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
<li><a href="https://igem.org/Team.cgi?id=1387" >OFFICIAL TEAM PROFILE</a></li>
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Team">TEAM MEMBER</a></li>
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
</ul>
-
</ul>
+
</li>
 +
<li>PROJECT
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Project">OVERVIEW</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/DegMod">DEGRADATION MODULE</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/ConMod">CONVERTION MODULE</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/RepMod">REPORTER MODULE</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/SelfMod">SELF REGULATORY MODULE</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/FutureSystem">FUTURE SYSTEM</a></li>
 +
    </ul>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Modeling">MODELING</a></li>
 +
<li>WETLAB
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/protocol">PROTOCOL</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Parts">PARTS</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Attributions">ATTRIBUTIONS</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Safety">SAFETY</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Data">DATA</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/ProteinModel">PROTEIN MODEL</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Achievement">ACHIEVEMENT</a></li>
 +
</ul>
 +
</li>
 +
<li>NOTEBOOK
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/nb-wetlab">WETLAB</a></li>
 +
</ul>
 +
</li>
 +
<li>HUMAN PRACTICE
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Unpas">INTRO SYNBIO TO UNPAS</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/SynBio">SYNBIO CLASS</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/SynbiGreen">SYNBIGREEN SURVEY</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Medsos">SOCIAL MEDIA</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/OnMedia">MEDIA</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Biosafety">BIOSAFETY SEMINAR</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/MeetUp">INDONESIA TEAMS MEET UP</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/Kids">FUN WITH KIDS</a></li>
 +
<li><a href="https://2014.igem.org/Team:ITB_Indonesia/UPI">SHARING SYNBIO IN UPI</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
-
</td>
+
<br>
 +
<h1>Introduction of Synthetic Biology to Pasundan University, Bandung</h1>
 +
<p>Synthetic Biology is a new topic that only few people know about this. Therefore, team ITB_Indonesia has a vision to introduce synthetic biology. That vision was implemented in socialization of synthetic biology to university around Bandung.</p>
 +
<p>Team ITB_Indonesia had an opportunity from the Dean of Biology Faculty of Pasundan University to introduce Synthetic Biology and iGEM in the event "Biology Education Expo (BEE)" on 3th May 2014. In this presentation, team ITB_Indonesia discussed about synthetic biology generally and introduced iGEM competition to UNPAS students. Other than that, team ITB_Indonesia also presented an overview about team project that will be brought to iGEM competition in Boston. The participants were very enthusiast in this presentation session. They had a lot of questions and looked very interested in synthetic biology. Team ITB_Indonesia had a commitment to accompany Pasundan University to get more information about synthetic biology.</p>
 +
<br>
-
<td></td>
 
-
<td width="45%"  valign="top"> </td>
 
-
</tr>
+
<ul class="enlarge">
 +
<li><img src="https://static.igem.org/mediawiki/2014/e/ef/Unpas-1.jpg" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/e/ef/Unpas-1.jpg"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/6/6a/Unpas-2.jpg" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/6/6a/Unpas-2.jpg"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/e/e7/Unpas-3.jpg" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/e/e7/Unpas-3.jpg"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/c/c4/Unpas-4.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/c/c4/Unpas-4.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/7/73/Unpas-5.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/7/73/Unpas-5.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/7/70/Unpas-6.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/7/70/Unpas-6.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/1/1a/Unpas-7.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/1/1a/Unpas-7.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/9/9e/Unpas-8.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/9/9e/Unpas-8.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/c/c0/Unpas-9.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/c/c0/Unpas-9.JPG"/></span></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/7/79/Unpas-10.JPG" width="138px" height="92px"/><span><img src="https://static.igem.org/mediawiki/2014/7/79/Unpas-10.JPG"/></span></li>
 +
</ul>
 +
<br>
 +
<br>
-
</table>
+
<div id="sponsor"></div>
 +
</div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 12:38, 16 October 2014


Introduction of Synthetic Biology to Pasundan University, Bandung

Synthetic Biology is a new topic that only few people know about this. Therefore, team ITB_Indonesia has a vision to introduce synthetic biology. That vision was implemented in socialization of synthetic biology to university around Bandung.

Team ITB_Indonesia had an opportunity from the Dean of Biology Faculty of Pasundan University to introduce Synthetic Biology and iGEM in the event "Biology Education Expo (BEE)" on 3th May 2014. In this presentation, team ITB_Indonesia discussed about synthetic biology generally and introduced iGEM competition to UNPAS students. Other than that, team ITB_Indonesia also presented an overview about team project that will be brought to iGEM competition in Boston. The participants were very enthusiast in this presentation session. They had a lot of questions and looked very interested in synthetic biology. Team ITB_Indonesia had a commitment to accompany Pasundan University to get more information about synthetic biology.




Retrieved from "http://2014.igem.org/Team:ITB_Indonesia/Team"