|
|
(10 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
| |
- | </script>
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | $("ul.first > li").hover(function(){
| |
- | $(this).find("ul").stop().fadeToggle(10);
| |
- | });
| |
- | });
| |
- | </script>
| |
- | <script>
| |
- | $(document).ready(function(){
| |
| | | |
- | // hide #back-top first
| |
- | $("#back-top").hide();
| |
- |
| |
- | // fade in #back-top
| |
- | $(function () {
| |
- | $(window).scroll(function () {
| |
- | if ($(this).scrollTop() > 100) {
| |
- | $('#back-top').fadeIn();
| |
- | } else {
| |
- | $('#back-top').fadeOut();
| |
- | }
| |
- | });
| |
- |
| |
- | // scroll body to 0px on click
| |
- | $('#back-top a').click(function () {
| |
- | $('body,html').animate({
| |
- | scrollTop: 0
| |
- | }, 800);
| |
- | return false;
| |
- | });
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- | <script>
| |
- | $(document).ready(function()
| |
- | {
| |
- | $('#menubar').mouseover(function(){
| |
- | $('#menubar').stop().animate({top:"0px"},500);
| |
- | });
| |
- | $('#menubar').mouseleave(function(){
| |
- | $('#menubar').stop().animate({top:"-20px"},500);
| |
- | });
| |
- | $('#menubar.right-menu').mouseover(function(){
| |
- | $('#menubar.right-menu').stop().animate({top:"0px"},500);
| |
- | });
| |
- | $('#menubar.right-menu').mouseleave(function(){
| |
- | $('#menubar.right-menu').stop().animate({top:"-20px"},500);
| |
- | });
| |
- | });
| |
- | </script>
| |
- | <style type="text/css">
| |
- | body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;font: x-small sans-serif;}
| |
- | #menubar
| |
- | {background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
| |
- | #menubar ul li a
| |
- | { color:#8D1919;}
| |
- | #menubar.right-menu
| |
- | {background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
| |
- | .right-menu li a
| |
- | {color:#8D1919;background-color:#EEECEC;}
| |
- | #p-logo
| |
- | {visibility:hidden;}
| |
- | .firstHeading
| |
- | {visibility:hidden;}
| |
- | #globalWrapper
| |
- | {position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;height:3500px;}
| |
- | #content
| |
- | {width: 1000px;border:none;background-color:#ffffff;height:3400px;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
| |
- | #top-section
| |
- | {height:2px;border:none;background-color:#494042;}
| |
- | #catlinks
| |
- | {display:none;}
| |
- | #footer-box
| |
- | {display:none}
| |
- | #kepala
| |
- | {position:absolute;top:15px;background-color:#F0A5BE;}
| |
- | #cover
| |
- | {position:absolute;top:0px;height:168px;width:100%;background:#494042;z-index:-1;}
| |
- | body, div, dl, dt, dd, ul, ol, li, h1, h4, h6, pre, form, fieldset, p, blockquote, th, td {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | font-size: 14px;
| |
- | }
| |
- | * {
| |
- | -webkit-box-sizing: border-box;
| |
- | -moz-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | }
| |
- | div.menu
| |
- | {
| |
- | width:100%;
| |
- | }
| |
- | .row {
| |
- | width: 940px;
| |
- | max-width: 100%;
| |
- | min-width: 768px;
| |
- | margin: 0 auto;
| |
- |
| |
- | }
| |
- | .row:after {
| |
- | clear: both;
| |
- | }
| |
- | .row:before, .row:after {
| |
- | content: "";
| |
- | display: table;
| |
- | }
| |
- | .menu ul,li
| |
- | {
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | width:100%;
| |
- | }
| |
- | ul.first>li
| |
- | {
| |
- | float:left;
| |
- | width:16.667%;
| |
- | }
| |
- | ul.first>li>a:link,ul.first>li>a:visited
| |
- | {
| |
- | display:block;
| |
- | font-weight:bold;
| |
- | color:#494042;
| |
- | background-color:#35bb91;
| |
- | text-align:center;
| |
- | padding:3%;
| |
- | text-decoration:none;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- | ul.first>li>a:hover,ul.first>li>a:active
| |
- | {
| |
- | background-color:#e32e51;
| |
- | }
| |
- |
| |
- | ul.first>li>ul
| |
- | {
| |
- | display:none;
| |
- | width:100%;
| |
- | }
| |
- |
| |
- | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
| |
- | {
| |
- | display:block;
| |
- | font-weight:bold;
| |
- | color:#494042;
| |
- | background-color:#8ff5d5;
| |
- | text-align:center;
| |
- | padding:3%;
| |
- | text-decoration:none;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
| |
- | {
| |
- | background-color:#f87790;
| |
- | }
| |
- | .menu
| |
- | {
| |
- | position:absolute;
| |
- | left:0px;
| |
- | top:141px;
| |
- | width:100%;
| |
- | }
| |
- | #back-top {
| |
- | position: fixed;
| |
- | top: 10%;
| |
- | right: 2%;
| |
- | }
| |
- | #back-top a {
| |
- | width: 108px;
| |
- | display: block;
| |
- | text-align: center;
| |
- | font: 11px/100% Arial, Helvetica, sans-serif;
| |
- | text-transform: uppercase;
| |
- | text-decoration: none;
| |
- | color: #bbb;
| |
- | /* background color transition */
| |
- | -webkit-transition: 1s;
| |
- | -moz-transition: 1s;
| |
- | transition: 1s;
| |
- | }
| |
- | #back-top a:hover {
| |
- | color: #ffffff;
| |
- | }
| |
- |
| |
- | #back-top span {
| |
- | width: 65px;
| |
- | height: 60px;
| |
- | display: block;
| |
- | margin-bottom: 7px;
| |
- | background: #ddd url(up-arrow.png) no-repeat center center;
| |
- | /* rounded corners */
| |
- | -webkit-border-radius: 15px;
| |
- | -moz-border-radius: 15px;
| |
- | border-radius: 15px;
| |
- | /* background color transition */
| |
- | -webkit-transition: 1s;
| |
- | -moz-transition: 1s;
| |
- | transition: 1s;
| |
- | }
| |
- | #back-top a:hover span {
| |
- | background-color: #777;margin-top:10px;
| |
- | }
| |
- |
| |
- | ul.side-nav, ul.side-nav1 {
| |
- | display: block;
| |
- | list-style: none;
| |
- | margin: 0;
| |
- | padding: 17px 0;font-family:"Trebuchet MS", Helvetica, sans-serif;
| |
- | }
| |
- | ul.side-nav h6 {
| |
- | margin: 47px 0px 0px;
| |
- | }
| |
- | ul.side-nav1 h6 {
| |
- | margin: 0px 0px 0px;
| |
- | }
| |
- | ul.side-nav li.divider, ul.side-nav1 li.divider {
| |
- | border-top: 1px solid #ddd;
| |
- | }
| |
- |
| |
- | .two, .row .two {
| |
- | width: 16.66667%;
| |
- | top:160px;
| |
- | }
| |
- | ul, ol {
| |
- | font-size: 14px;
| |
- | line-height: 1.6;
| |
- | }
| |
- | [class*="column"] + [class*="column"]:last-child {
| |
- | float: right;
| |
- | }
| |
- | .ten, .row .ten {
| |
- | width: 83.33333%;
| |
- | top:192px;
| |
- | z-index:-2;
| |
- | }
| |
- | .column, .columns {
| |
- | float: left;
| |
- | min-height: 1px;
| |
- | padding: 0 15px;
| |
- | position: relative;
| |
- | }
| |
- | .twelve, .row .twelve {
| |
- | width: 100%;
| |
- | }
| |
- | h1, h2, h4, h5, h6 {
| |
- | font-family:"Trebuchet MS", Helvetica, sans-serif;
| |
- | font-weight: normal;
| |
- | color: #000;
| |
- | border-bottom: none;
| |
- |
| |
- |
| |
- | h3{font-size:18px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
| |
- | h5{margin-left:15px;}
| |
- |
| |
- | }
| |
- | div.team-bios-container div.row {
| |
- | padding: 0px 0px 10px;
| |
- | border-bottom: 1px solid #ddd;
| |
- | }
| |
- | .row .row {
| |
- | width: auto;
| |
- | max-width: none;
| |
- | min-width: 0;
| |
- | margin: 0 -15px;
| |
- | }
| |
- | media="screen, projection"
| |
- | #bodyContent h1, #bodyContent h2 {
| |
- | margin-bottom: .6em;
| |
- | }
| |
- | h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
| |
- | text-align: center;
| |
- | }
| |
- | h2 {
| |
- | font-size: 37px;
| |
- | }
| |
- | .nine, .row .nine {
| |
- | width: 100%;font-family:"Trebuchet MS", Helvetica, sans-serif;
| |
- | }
| |
- | [class*="column"] + [class*="column"]:last-child {
| |
- | float: right;
| |
- | }
| |
- | .three, .row .three {
| |
- | width: 25%;
| |
- | }
| |
- | #construct{margin-left:30px;}
| |
- | ul li ul, ul li ol {
| |
- | margin-left: 20px;
| |
- | margin-bottom: 0;}
| |
- | </style>
| |
- |
| |
- | <body>
| |
- | <p id="back-top" style=""display:none;>
| |
- | <a href="#top"><span><img src="http://515alive.com/theme/img/up-arrow.png" style="width:90%;"><br><br>BACK TO TOP</span></a>
| |
- | </p>
| |
- | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></a>
| |
- | <div id="cover"></div>
| |
- | <div class="menu">
| |
- | <ul class="first">
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li>
| |
- |
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | </ul>
| |
- |
| |
- | </div>
| |
- | <div class="row">
| |
- | <div class="two columns">
| |
- | <ul class="side-nav">
| |
- | <li>
| |
- | <h6>FA Quantification & Cell Viability</h6>
| |
- | </li>
| |
- | <li class="divider"></li>
| |
- | <li>
| |
- | <a href=#1>Cell Line</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href=#2>Cell Culture</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href=#3>Cell Viability</a>
| |
- |
| |
- | </li>
| |
- | <li>
| |
- | <a href=#4>Fatty Acid Quantification</a>
| |
- |
| |
- | </li>
| |
- |
| |
- | </ul>
| |
- | <ul class="side-nav1">
| |
- | <li>
| |
- | <h6>Modules</h6>
| |
- | </li>
| |
- | <li class="divider"></li>
| |
- | <li>
| |
- | FA Quantification & Cell Viability
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module2">FA Sensing Mechanism</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module3">Protein Trafficking</a>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module4">Glyoxylate Shunt</a>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <div class="ten columns team-bios-container">
| |
- | <div class="row" id="ugd-members">
| |
- | <div class="twelve columns">
| |
- | <br>
| |
- | <h2 class="centered">Fatty Acid Quantification and Cell Viability</h2>
| |
- | </div>
| |
- | </div>
| |
- | <div class="row">
| |
- | <div class="nine columns"><p id="1"></p>
| |
- | <h3>Cell Line</h3>
| |
- | For our project we made use of two mammalian cell lines: HepG2 human hepatoma cells, and HEK293FT human embryonic kidney cells. HepG2 cells were used for characterizing inducible promoters and the glyoxylate systems. To take advantage of their higher transfection efficiency, the characterizations of mitochondria leader sequence and constitutive promoter were conducted using HEK293FT cells.
| |
- | <br>
| |
- | </div>
| |
- | </div>
| |
- | <div class="row">
| |
- | <div class="nine columns"><p id="2"></p>
| |
- | <h3>Cell Culture</h3>
| |
- | HepG2 and HEK293FT cells were grown in DMEM supplemented with 10% heat-inactivated FBS, 50 μg/mL penicillin and 50 μg/mL streptomycin. The cells were incubated at 37℃ in a humidified atmosphere containing 5% CO2. Cells were transfected in petri dishes and multi-well plates with Lipofectamine 2000 (Invitrogen; Carlsbard, CA) transfection reagent according to the manufacturer’s protocols. GFP signals were observed under fluorescent microscope or under confocal microscope, if necessary.
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |