Difference between revisions of "Team:NTHU Taiwan/Basic Part"

 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:NTHU_Taiwan/MenuBar}}
 
<html>
 
<html>
  
Line 6: Line 7:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;overflow-x: hidden;}
 
body {background-color:#f6f6e3;}
 
body {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
 
.igem_2017_menu_wrapper {
 
border-bottom: 3px solid #c2dac0;
 
background-color:#f6f6e3;
 
font-family:'Open Sans', sans-serif;
 
overflow: hidden;
 
}
 
 
.igem_2017_menu_wrapper a { 
 
float: left;
 
font-size: 1.2em;
 
color: #6c5070;
 
text-align: center;
 
padding: 25px 20px;
 
text-decoration: none;
 
}
 
 
.munu_img img{
 
position: fixed;
 
height: 9%;
 
}
 
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
display: none;
 
}
 
 
.submenu_wrapper {
 
float: left;
 
  overflow: hidden;
 
}
 
 
.submenu_wrapper .menu_button {
 
letter-spacing: 1px;
 
text-transform: uppercase;
 
font-size: 1.2em;
 
border: none;
 
outline: none;
 
color: #6c5070;
 
padding: 25px 20px;
 
background-color: inherit;
 
}
 
 
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 
color: #DF6A6A;
 
}
 
 
.submenu_button {
 
display: none;
 
position: absolute;
 
background-color: rgba(246, 246, 227, 0.7);
 
min-width: 160px;
 
z-index: 1;
 
}
 
 
.submenu_button a {
 
float: none;
 
color: #6c5070;
 
padding: 8px 16px;
 
text-decoration: none;
 
display: block;
 
text-align: left;
 
}
 
 
.submenu_button a:hover {
 
font-size: 1.3em;
 
 
}
 
 
.submenu_wrapper:hover .submenu_button {
 
display: block;
 
}
 
 
/*menu_wrapper left space*/
 
.igem_2017_menu_wrapper .menu_right_margin {
 
margin-left: 160px;
 
}
 
 
/*menu_wrapper right space*/
 
.igem_2017_menu_wrapper .menu_bottom_padding {
 
width: 100%;
 
height: 30px;
 
float:left;
 
}
 
 
/* styling for the menu button when it is the current page */
 
.current_page {
 
color:#df6a6a !important;
 
}
 
 
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
.igem_2017_menu_wrapper #display_menu_control {
 
display:none;
 
text-align:center;
 
}
 
 
 
  
Line 117: Line 20:
 
display:block;
 
display:block;
 
float:left;
 
float:left;
font-family:'Open Sans', sans-serif;
+
font-family:'Helvetica', sans-serif;
 
background-color: #F6F6E3;
 
background-color: #F6F6E3;
 
}
 
}
Line 136: Line 39:
  
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
padding: 40px 0px 15px 0px;  
+
font-family: Helvetica;
 +
padding: 50px 0px 15px 0px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #2C2C2C;
 
color: #2C2C2C;
Line 143: Line 47:
 
}
 
}
  
#pdf {
+
 
 +
.igem_2017_content_wrapper .content {
 
width: 950px;
 
width: 950px;
height: 1200px;
 
 
margin: 2em auto;
 
margin: 2em auto;
padding-top: 20px;
 
 
}
 
}
  
#pdf object {
+
.igem_2017_content_wrapper .content p{
display: block;
+
font-family: Helvetica;
border: solid 2px #2c2c2c;
+
color: #2C2C2C;
 +
font-size: 1.4em;
 +
line-height: 1.3em;
 +
padding: 0px 0px;
 +
text-align: justify;
 +
text-justify:inter-ideograph;
 
}
 
}
  
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
  
/* IF THE SCREEN IS LESS THAN 1200PX */
+
.igem_2017_content_wrapper .content img{
@media only screen and (max-width: 1200px) {
+
margin: auto;
 +
display: block;
 +
float: center;
 +
padding: 20px 0px 30px 0px;
 +
}
  
#content {width:100%; }
+
.column .full_size {
.igem_2017_menu_wrapper {width:100%; right:0;}
+
width: 100%;
.highlight {padding:10px 0px;}
+
padding-top: 50px;
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
#menu_content { display:block;}
+
.menu_button.direct_to_page {padding-left: 17px;}
+
+
 
}
 
}
  
/* IF THE SCREEN IS LESS THAN 800PX */
+
/* class for a half width column */
@media only screen and (max-width: 800px) {
+
.column .half_size {
 +
width: 50%;
 +
float: left;
 +
}
  
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
#pdf {
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
width: 950px;
.column.half_size  {width:100%; }
+
height: 1200px;
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
margin: 2em auto;
.highlight {padding:15px 5px;}
+
padding-top: 20px;
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
}
#menu_content { display:none;}
+
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
#pdf object {
.menu_bottom_padding {display:none;}
+
display: block;
.menu_button.direct_to_page { padding-left: 36px; }
+
border: solid 2px #2c2c2c;
 
}
 
}
 
 
</style>
 
</style>
  
Line 194: Line 103:
 
</head>
 
</head>
  
<!-- <div class="munu_img">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTHU_Taiwan--HOME--logo.png">
 
</a>
 
</div> -->
 
 
<div class="igem_2017_menu_wrapper" >
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<div class="menu_button" id="display_menu_control">
 
MENU 
 
</div>
 
 
 
<div id="menu_content">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<div class="menu_button menu_right_margin">
 
HOME
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">TEAM</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
 
<div id="Team_page">
 
Team
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Attributions">
 
<div  id="Attributions_page">
 
Attributions
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
 
<div  id="Collaborations_page">
 
Collaborations
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PROJECT</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Description">
 
<div id="Description_page">
 
Description
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Design">
 
<div  id="Design_page">
 
Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Contribution">
 
<div  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Results">
 
<div  id="Results_page">
 
Results
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Demonstrate">
 
<div  id="Demonstrate_page">
 
Demonstrate
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">WET LAB</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Experiments">
 
<div  id="Experiments_page">
 
Experiments
 
</div>
 
</a>
 
<a href="#">
 
<div  id="Protocol_page">
 
Protocol
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Notebook">
 
<div  id="Notebook_page">
 
Notebook
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/InterLab">
 
<div  id="InterLab_page">
 
InterLab
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PARTS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Basic_Part">
 
<div  id="Basic_Part_page">
 
Basic Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Composite_Part">
 
<div  id="Composite_Part_page">
 
Composite Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Part_Collection">
 
<div  id="Part_Collection_page">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 
<div class="menu_button">
 
SAFETY
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">HUMAN PRACTICES</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Silver">
 
<div id="Silver_page">
 
Silver HP
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 
<div  id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Engagement">
 
<div  id="Engagement_page">
 
Public Engagement
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">AWARDS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Applied_Design">
 
<div id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
 
<div  id="Entrepreneurship_page">
 
Integrated Human Practices
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Hardware">
 
<div  id="Hardware_page">
 
Hardware
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Software">
 
<div  id="Software_page">
 
Software
 
</div>
 
</a>
 
<a href="#">
 
<div>
 
Criteria
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 
<div class="menu_button">
 
JUDGING FORM
 
</div>
 
</a>
 
 
</div>
 
 
</div>
 
  
  
Line 396: Line 108:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
<img width="25%" src="https://static.igem.org/mediawiki/2017/e/e2/T--NTHU_Taiwan--Notebook--Top.png">
 
 
<div style="text-align: center">
 
<div style="text-align: center">
 
<h1 style="color:#DF6A6A">Basic Part
 
<h1 style="color:#DF6A6A">Basic Part
Line 403: Line 114:
 
<hr width="20%" />
 
<hr width="20%" />
 
</div>
 
</div>
<p align="center">
+
<div class="content">
<font size="4">
+
 
 +
 
 +
<center>
 +
<p>
 
We designed and constructed many basic parts for establishment of our functional composite parts.
 
We designed and constructed many basic parts for establishment of our functional composite parts.
</font>
 
 
</p>
 
</p>
 
<div class="column full_size">
 
 
<img width="100%" src="https://static.igem.org/mediawiki/2017/0/0f/T--NTHU_Taiwan--Parts--BasicPart.png">
 
</div>
 
  
 
</div>
 
  
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
+
<table style="border:3px #cccccc solid;" cellpadding="10" border='1';"font-size:18px";"font-family:Comic Sans MS">
 
+
 <tr>
<script>
+
 <td style="background-color:#99c2ff">Biobrick</td>
 
+
 <td style="background-color:#99c2ff">Type</td>
// This is the jquery part of your template. 
+
  <td style="background-color:#99c2ff">Name</td>
// Try not modify any of this code too much since it makes your menu work.
+
  <td style="background-color:#99c2ff">Description</td>
 
+
  <td style="background-color:#99c2ff">Designer</td>
$(document).ready(function() {
+
  <td style="background-color:#99c2ff">Length</td>
 
+
 </tr>
$("#HQ_page").attr('id','');
+
 <tr>
 
+
  <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354000">K2354000</a></td>
// call the functions that control the menu
+
 <td style="background-color:#ffe680">Basic</td>
menu_functionality();
+
  <td style="background-color:#ffe680">HRP</td>
hide_show_menu();
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 
+
  <td style="background-color:#ffe680">927</td>
 
+
 </tr>
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
 <tr>
function menu_functionality() {
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354001">K2354001</a></td>
 
+
 <td style="background-color:#ffe680">Basic</td>
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
  <td style="background-color:#ffe680">Laccase BP</td>
$(".menu_button").click(function(){
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
// add or remove the class "open" , this class holds the "-"  
+
  <td style="background-color:#ffe680">1572</td>
$(this).children().toggleClass("open");
+
 </tr>
// show or hide the submenu
+
 <tr>
$(this).next('.submenu_wrapper').fadeToggle(400);
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354002">K2354002</a></td>
});
+
 <td style="background-color:#ffe680">Basic</td>
 
+
  <td style="background-color:#ffe680">Laccase SC</td>
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
$("#display_menu_control").click(function(){
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
$('#menu_content').fadeToggle(400);
+
  <td style="background-color:#ffe680">1539</td>
});
+
 </tr>
 
+
 <tr>
// call the current page highlight function
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354003">K2354003</a></td>
highlight_current_page();
+
 <td style="background-color:#ffe680">Basic</td>
}
+
  <td style="background-color:#ffe680">Laccase TC</td>
 
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
// call the highlight current page function to show it on the menu with a different background color
+
  <td style="background-color:#ffe680">1593</td>
function highlight_current_page() {
+
 </tr>
 
+
 <tr>
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354004">K2354004</a></td>
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
 <td style="background-color:#ffe680">Basic</td>
 
+
  <td style="background-color:#ffe680">Laccase TV</td>
// now that the current_page class has been added to a menu item, make the submenu fade in
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
// change the +/- symbol of the corresponding menu button
+
  <td style="background-color:#ffe680">1557</td>
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
 </tr>
+
 <tr>
}
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354005">K2354005</a></td></td>
 
+
 <td style="background-color:#ffe680">Basic</td>
 
+
  <td style="background-color:#ffe680">monobody TV</td>
 
+
  <td style="background-color:#ffe680">Bind to ER alpha when ER alpha is bind with EDCs</td>
// allow button on the black menu bar to show/hide the side menu
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
function hide_show_menu() {
+
  <td style="background-color:#ffe680">435</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354006">K2354006</a></td></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">MNP TV</td>
 +
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">1095</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354007">K2354007</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">ER-alpha TV</td>
 +
  <td style="background-color:#ffe680">Bind to EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">759</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354008">K2354008</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">monobody</td>
 +
  <td style="background-color:#ffe680">Bind to ER alpha when ER alpha is bind with EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">288</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354009">K2354009</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">ER-alpha HS</td>
 +
  <td style="background-color:#ffe680">Bind to EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">897</td>
 +
 </tr>
 +
</table>
 
 
// in case you preview mode is selected, the menu is hidden for better visibility
+
</center>
if (window.location.href.indexOf("submit") >= 0) {
+
$(".igem_2017_menu_wrapper").hide();
+
}
+
  
// if the black menu bar has been loaded
 
  if (document.getElementById('bars_item')) {
 
  
// when the "bars_item" has been clicked
 
$("#bars_item").click(function() {
 
$("#sideMenu").hide();
 
  
// show/hide the menu wrapper
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
});
 
  }
 
  
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
else {
 
    setTimeout(hide_show_menu, 15);
 
}
 
}
 
  
  
});
+
</div>
 
+
</div>
 
+
</script>
+
  
 
</html>
 
</html>

Latest revision as of 16:09, 1 November 2017

Basic Part


We designed and constructed many basic parts for establishment of our functional composite parts.

                                                                                     
BiobrickType Name Description Designer Length
K2354000Basic HRP Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 927
K2354001Basic Laccase BP Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1572
K2354002Basic Laccase SC Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1539
K2354003Basic Laccase TC Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1593
K2354004Basic Laccase TV Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1557
K2354005Basic monobody TV Bind to ER alpha when ER alpha is bind with EDCs Chan, Wei-Jen 435
K2354006Basic MNP TV Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1095
K2354007Basic ER-alpha TV Bind to EDCs Chan, Wei-Jen 759
K2354008Basic monobody Bind to ER alpha when ER alpha is bind with EDCs Chan, Wei-Jen 288
K2354009Basic ER-alpha HS Bind to EDCs Chan, Wei-Jen 897