Difference between revisions of "Team:CityU HK"

(Prototype team page)
 
 
(181 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{CityU_HK}}
+
{{:Team:CityU_HK/Template/Meun}}  
−
<html>
+
<html>
−
<h2> Welcome to iGEM 2015! </h2>
+
  <head>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  
−
<h4>Before you start: </h4>
+
          <link href="https://2015.igem.org/Team:CityU_HK/Template/parallax_css?action=raw&ctype=text/css"rel="stylesheet">
−
<p> Please read the following pages:</p>
+
  <script src="https://2015.igem.org/Team:CityU_HK/Template/parallax_js?action=raw&ctype=text/javascript"></script>
−
<ul>
+
  <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'>
−
<li> <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
  <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
          <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
−
</ul>
+
  
−
<div class="highlightBox">
+
−
<h4> Styling your wiki </h4>
+
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" />
−
</div>
+
<link rel="stylesheet" type="text/css" href="files/main_style.css?1440597364" title="wsite-theme-css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:CityU_HK/weebly_css?action=raw&ctype=text/css"/>
  
−
<h4> Editing your wiki </h4>
 
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:CityU_HK&action=edit"> Click here to edit this page! </a></p>
 
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
 
  
  
−
<h4>Templates </h4>
+
<script>
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
 
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
+
<!----- JQUERY FOR SLIDING NAVIGATION --->  
 +
$(document).ready(function() {
 +
  $('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;
  
 +
<!----- JQUERY CLICK FUNCTION REMOVE AND ADD CLASS "ACTIVE" + SCROLL TO THE #DIV---> 
 +
        $(this).click(function() {
 +
            $("#nav li a").removeClass("active");
 +
            $(this).addClass('active');
 +
          $('html, body').animate({scrollTop: targetOffset}, 1000);
 +
          return false;
 +
        });
 +
      }
 +
    }
 +
  });
  
−
<h4>Tips</h4>
+
});
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
  
  
−
<h4>Inspiration</h4>
+
</script>
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
  
−
<h4> Uploading pictures and files </h4>
 
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
 
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
</head>  
 +
 +
<body>  
  
 +
<!----- SLIDES START ---> 
 +
<div id="slide1">
 +
<div class="content">
 +
</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.
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
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/>
 +
  <a href="https://2015.igem.org/Team:CityU_HK/Description" style="color:#ffb90f;"><b>More...</b></a> </p>  <br/><br/>
 +
</div>  
 +
</div>  
 +
    </div>
 +
 +
 +
<div id="slide3">
 +
<div class="content">
 +
                  <div class="quotes_container">
 +
                      <h4 class="header_white"> <i class="fa fa-flask fa-1x"></i><b>EXPERIMENTS</b></h4>
 +
      <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">
 +
                                            <p style="margin:150px auto;">Learn more</p>
 +
                              </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>
 
</html>
 +
{{:Team:CityU_HK/Template/css}}
 +
{{: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.