Difference between revisions of "Team:CityU HK"

 
(137 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{:Team:CityU_HK/Template/Meun}}
+
{{:Team:CityU_HK/Template/Meun}}  
 
<html>
 
<html>
−
<head>
+
  <head>
−
<title>iGEM2015 wiki - Home</title>
+
−
 
+
−
 
+
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 +
 
 +
          <link href="https://2015.igem.org/Team:CityU_HK/Template/parallax_css?action=raw&ctype=text/css"rel="stylesheet">
 +
  <script  src="https://2015.igem.org/Team:CityU_HK/Template/parallax_js?action=raw&ctype=text/javascript"></script>
 +
  <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'>
 +
  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
 +
          <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
  
 
 
−
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
+
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" />
 
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" />
 
<link rel="stylesheet" type="text/css" href="files/main_style.css?1440597364" title="wsite-theme-css" />
 
<link rel="stylesheet" type="text/css" href="files/main_style.css?1440597364" title="wsite-theme-css" />
−
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:CityU_HK/weebly_css?action=raw&ctype=text/css"/>
−
<link href='http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
+
  
−
<style type='text/css'>
 
−
.wsite-elements.wsite-not-footer div.paragraph, .wsite-elements.wsite-not-footer p, .wsite-elements.wsite-not-footer .product-block .product-title, .wsite-elements.wsite-not-footer .product-description, .wsite-elements.wsite-not-footer .wsite-form-field label, .wsite-elements.wsite-not-footer .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
 
−
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
 
−
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
 
−
.wsite-elements.wsite-not-footer h2, .wsite-elements.wsite-not-footer .product-long .product-title, .wsite-elements.wsite-not-footer .product-large .product-title, .wsite-elements.wsite-not-footer .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
 
−
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
 
−
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
 
−
#wsite-title {}
 
−
.wsite-menu-default a {}
 
−
.wsite-menu a {}
 
−
.wsite-image div, .wsite-caption {}
 
−
.galleryCaptionInnerText {}
 
−
.fancybox-title {}
 
−
.wslide-caption-text {}
 
−
.wsite-phone {}
 
−
.wsite-headline {}
 
−
.wsite-headline-paragraph {color:orange;font-weight:bold;}
 
−
.wsite-button-inner {background:orange;}
 
−
.wsite-not-footer blockquote {}
 
−
.wsite-footer blockquote {}
 
−
.blog-header h2 a {}
 
−
#wsite-content h2.wsite-product-title {}
 
−
.wsite-product .wsite-product-price a {}
 
−
</style>
 
−
<style>
 
−
.wsite-background {background-image: url('https://static.igem.org/mediawiki/2015/a/ac/2015CityU_HK_homepic.jpeg') !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
 
−
body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
 
−
</style>
 
−
<script><!--
 
−
var STATIC_BASE = '//cdn1.editmysite.com/';
 
−
var STYLE_PREFIX = 'wsite';
 
−
//-->
 
−
</script>
 
−
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
 
  
−
<script src="http://cdn2.editmysite.com/js/site/main.js?buildTime=1234"></script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/en/ftl.js?buildTime=1234"></script><script>_W.relinquish && _W.relinquish()</script>
 
−
<script> _W.themeOptions = [];</script><script type="text/javascript"><!--
 
−
var IS_ARCHIVE = 1;
 
−
 
−
(function(jQuery){
 
−
function initFlyouts(){
 
−
initPublishedFlyoutMenus(
 
−
[{"id":"125179881719007230","title":"Home","url":"index.html","target":""},{"id":"117564151509922601","title":"Team","url":"team.html","target":""},{"id":"392475496104510282","title":"Project","url":"project.html","target":""},{"id":"719611068520302903","title":"Characterisation","url":"characterisation.html","target":""},{"id":"375771293147075277","title":"Attributions","url":"attributions.html","target":""},{"id":"290391284397012185","title":"Collaboration","url":"collaboration.html","target":""},{"id":"595526209520916103","title":"Human Practices","url":"human-practices.html","target":""}],
 
−
"125179881719007230",
 
−
"<li class=\"wsite-menu-item-wrap\"><a href=\"#\"class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
 
−
'active',
 
−
false,
 
−
{"navigation\/flyout\/list":"{{!\n\tNOTES:\n\t- \"wsite-menu-wrap\" required on submenu wrapper\n\t- \"wsite-menu\" required on submenu element\n}}\n\n<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"{{!\n\tNOTES:\n\t- an id and \"wsite-menu-subitem-wrap\" class are required on the item wrap\n\t- a \"wsite-menu-subitem\" class is required on the item link\n}}\n\n<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a href=\"{{url}}\"\n\t\t{{#target}}target=\"{{target}}\"{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
 
−
{}
 
−
)
 
−
}
 
−
if (jQuery) {
 
−
jQuery(document).ready(function() { jQuery(initFlyouts); });
 
−
}else{
 
−
if (Prototype.Browser.IE) window.onload = initFlyouts;
 
−
else document.observe('dom:loaded', initFlyouts);
 
−
}
 
−
})(window._W && _W.jQuery)
 
−
//-->
 
−
</script>
 
−
 
−
</head>
 
−
<body class="landing-page wsite-theme-light  wsite-page-index"><input type="checkbox" id="navTrigger" />
 
  
−
<div class="wrapper">
+
<script>
−
  <div class="paris-header">
+
 
−
      <div class="container">
+
<!----- JQUERY FOR SLIDING NAVIGATION --->  
−
      <label for="navTrigger" class="nav-trigger hamburger"><span></span></label>
+
$(document).ready(function() {
−
      <div class="logo"><span class="wsite-logo">
+
  $('a[href*=#]').each(function() {
 +
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 +
    && location.hostname == this.hostname
 +
    && this.hash.replace(/#/,'') ) {
 +
      var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
 +
      var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
 +
      if ($target) {
 +
        var targetOffset = $target.offset().top;
  
−
<a href="">
+
<!----- JQUERY CLICK FUNCTION REMOVE AND ADD CLASS "ACTIVE" + SCROLL TO THE #DIV--->  
−
<img src="uploads/5/7/0/0/57008745/1440564635.png" />
+
        $(this).click(function() {
−
</a>
+
            $("#nav li a").removeClass("active");
 +
            $(this).addClass('active');
 +
          $('html, body').animate({scrollTop: targetOffset}, 1000);
 +
          return false;
 +
        });
 +
      }
 +
    }
 +
  });
  
−
</span></div>
+
});
  
−
      </div><!-- end .container -->
 
−
  </div><!-- end .header --> 
 
−
       
 
−
<div class="banner-wrap wsite-background wsite-custom-background">
 
−
<div class="container">
 
−
<div class="banner">
 
−
<h2><span class="wsite-text wsite-headline">
 
−
                                        </span></h2>
 
−
<p><font size="6"><span class="wsite-text wsite-headline-paragraph"><a style="color:#FFFFFF;"><a style="background-color:#87CEEB">
 
−
                                        Are you lactose intolerant?
 
−
                                        </span></p></font>
 
−
<div class="button-wrap"><div style="text-align:left;"><div style="height: 0px; overflow: hidden;"></div>
 
−
                                            <a class="wsite-button wsite-button-large wsite-button-highlight" href="#abstract" >
 
−
                                            <span class="wsite-button-inner">Abstract</span>
 
−
</a>
 
−
<div style="height: 0px; overflow: hidden;"></div></div></div>
 
−
<span id="contentArrow"><span></span></span>
 
−
</div>
 
−
</div>
 
−
</div>
 
  
−
<div class="main-wrap">
+
</script>
−
              <div class="container">
+
−
<div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'>
+
−
                              <div class="paragraph" style="text-align:center;"><span style=""><font size="4">For most people, indulging in sweet food like ice-cream, cheesecake and chocolate is as natural as breathing. However, the same kind of food could remind some people of the discomfort and annoyance brought on by lactose intolerance. Should they avoid all these delicacies altogether or resort to taking lactase pills every time after eating food containing lactose? Here, we offer you a new choice. &nbsp;</font></span><br /></div>
+
  
−
<div id="abstract">
 
−
<h2  class="wsite-content-title" style="text-align:center;"><span style="font-style: normal;">Abstract</span></h2>
 
−
</div>
 
  
−
<div class="paragraph" style="text-align:left;"><font size="4">Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or dairy products. Normally, lactase in the small intestine will break down lactose into glucose and galactose for absorption. For people with lactose intolerance, their body produces little or no lactase. Undigested lactose will therefore enter the colon where bacteria may ferment the lactose to produce lactic acid and gases as by-products. These by-products are the culprits of the symptoms.</font><br /><font size="4"><br />There is evidence suggesting that dairy consumption is associated with lower risk of hypertension and higher rate of bone mineralization. To help people with lactose intolerance to enjoy the diverse health benefits from dairy consumption, &nbsp;our iGEM Team (CityU_HK) has set a goal to tackle this problem.&nbsp;</font><br /></div>
+
</head>  
 +
 +
<body>  
  
−
<div style="text-align:left;"><div style="height:10px;overflow:hidden"></div>
+
<!----- SLIDES START --->  
−
<span class="wsite-social wsite-social-default"></span>
+
<div id="slide1">
−
<div style="height:10px;overflow:hidden"></div></div></div>
+
<div class="content">
−
</div>
+
</div>  
−
  </div><!-- end container -->
+
        </div>  
−
  </div>
+
−
</div>
+
  
 +
<div id="slide2">
 +
<div class="content" >
 +
            <div class="quotes_container" style="width:80%;">
 +
                    <h4 class="header_black" ><b><center>*Abstract*<center></b></h4>
 +
                    <p class="p-grey">Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or dairy products. Normally, lactase in the small intestine will break down lactose into glucose and galactose for absorption. For people with lactose intolerance, their bodies produce little or no lactase. Undigested lactose will therefore enter the colon where bacteria may ferment the lactose to produce lactic acid and gases as by-products. These by-products are the culprits of the symptoms.
  
−
<script type="text/javascript" src="files/theme/plugins.js"></script>
+
There is evidence suggesting that dairy consumption is associated with lower risk of hypertension and higher rate of bone mineralization. To help people with lactose intolerance to enjoy the diverse health benefits from dairy consumption,  our iGEM Team (CityU_HK) has set a goal to tackle this problem. <br/><br/>
−
<script type="text/javascript" src="files/theme/custom.js"></script>
+
  <a href="https://2015.igem.org/Team:CityU_HK/Description" style="color:#ffb90f;"><b>More...</b></a> </p>  <br/><br/>
−
<!--// Smooth scroll for in page links-->  
+
</div>
−
    <script>
+
</div>
−
      $(document).ready(function() {
+
    </div>  
−
      $('.wsite-button').click(function() {
+
−
        $('html,body').animate({
+
−
          scrollTop:$($.attr(this,'href')).offset().top},500);
+
<div id="slide3">
−
            return false;
+
<div class="content">
−
        });
+
                  <div class="quotes_container">
−
      });
+
                      <h4 class="header_white"> <i class="fa fa-flask fa-1x"></i><b>EXPERIMENTS</b></h4>
−
  </script>
+
      <p class="p-white">Let's see the design of our experiments and how we conducted our experiments.</p> <br><br>
−
+
                      <div class="module-container">
−
+
                              <a href="https://2015.igem.org/Team:CityU_HK/Experiments#lysis"><span class="trumbnail" id="lacZY">
−
</body>
+
                                            <p style="margin:150px auto;">Learn more</p>
−
</html>
+
                              </span></a>
 +
                              <a href="https://2015.igem.org/Team:CityU_HK/Experiments#laczy"><span class="trumbnail" id="lysis">
 +
                                            <p style="margin:150px auto;">Learn more</p>
 +
                                </span></a>
 +
                      </div>
 +
          </div>
 +
                </div>
 +
        </div>
 +
 +
 +
<div id="slide4">
 +
<div class="content">
 +
              <div class="circle-container">
 +
                    <a href="https://2015.igem.org/Team:CityU_HK/Team"><span class="circle" id="student"style="align: right;"></span></a>
 +
                    <h4 class="header_white" style="top:-50px;"><b><center><font size="7">"We are LAC BREAKERS!"</font></center></b></h4>
 +
    <p class="p-white">“We are a diverse team of CityU undergraduates, working hard to create a better world.” </p><br/>
 +
                    <p class="p-white">We have talents from Applied Biology and Bioengineering fields. Our team is passionate in finding new ways to tackle daily life problems.</p>
 +
                <br/><br/>
 +
                    <i class="fa fa-arrow-circle-right fa-3x"></i><b><a href="https://2015.igem.org/Team:CityU_HK/Team" style="color:#fff;font-size:1.5em;">LET'S MEET OUR TEAM!</a></b>
 +
</div>
 +
</div>  
 +
    </div>  
 +
  
 +
  <div id="slide5">
 +
<div class="content">
 +
  <div class="quotes_container">
 +
                      <h4 class="header_white"style="word-spacing:30px;"><b><center><font size="7">HUMAN  PRACTICES</font><center></b></h4>
 +
      <p class="p-white" >We made synthetic biology approachable and apprehensible.  </p>
 +
                      <p class="p-white" >We held exhibition and visits to high schools. </p>
 +
                      <p class="p-white" > We engaged the community in the game of synthetic biology. </p><br/><br/>
 +
                      <a href="https://2015.igem.org/Team:CityU_HK/Practices"><font color="#000000" size="6"><center><button id="practice-btn">Learn more</font></button></center></a>
 +
    </div>
 +
</div>
 +
  </div>
  
 +
 +
<!----- SLIDES END --->
 +
</div>
 +
</body>
 +
 +
</html>
 
{{:Team:CityU_HK/Template/css}}
 
{{:Team:CityU_HK/Template/css}}
 
{{:Team:CityU_HK/Template/Footer}}
 
{{:Team:CityU_HK/Template/Footer}}

Latest revision as of 17:05, 18 September 2015

*Abstract*

Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or dairy products. Normally, lactase in the small intestine will break down lactose into glucose and galactose for absorption. For people with lactose intolerance, their bodies produce little or no lactase. Undigested lactose will therefore enter the colon where bacteria may ferment the lactose to produce lactic acid and gases as by-products. These by-products are the culprits of the symptoms. There is evidence suggesting that dairy consumption is associated with lower risk of hypertension and higher rate of bone mineralization. To help people with lactose intolerance to enjoy the diverse health benefits from dairy consumption, our iGEM Team (CityU_HK) has set a goal to tackle this problem.

More...



EXPERIMENTS

Let's see the design of our experiments and how we conducted our experiments.



Learn more

Learn more

"We are LAC BREAKERS!"

“We are a diverse team of CityU undergraduates, working hard to create a better world.”


We have talents from Applied Biology and Bioengineering fields. Our team is passionate in finding new ways to tackle daily life problems.



LET'S MEET OUR TEAM!

HUMAN PRACTICES

We made synthetic biology approachable and apprehensible.

We held exhibition and visits to high schools.

We engaged the community in the game of synthetic biology.