Difference between revisions of "Team:Hong Kong HKU/Human Practices"

(Update information)
(Modified layouts)
Line 28: Line 28:
 
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
 
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
 
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
 
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
 +
.panel-body{background-color:rgba(255, 255, 255, 0) !important;}
 +
.panel-heading{background-color:rgba(255, 255, 255, 0.7)  !important;}
 +
.panel-group{background-color:rgba(255, 255, 255, 0)  !important;}
 +
.panel-transparent{background-color:rgba(255, 255, 255, 0) !important;}
 +
.nav-pills>li.active>a{background-color:rgba(50, 200, 50, 0.6) !important;}
 
</style>
 
</style>
 
<head>
 
<head>
Line 45: Line 50:
 
           <li class="active"><a data-toggle="pill" href="#IntegratedHumanPractices">Integrated Human Practices</a></li>
 
           <li class="active"><a data-toggle="pill" href="#IntegratedHumanPractices">Integrated Human Practices</a></li>
 
           <li><a data-toggle="pill" href="#Outreach">Outreach</a></li>
 
           <li><a data-toggle="pill" href="#Outreach">Outreach</a></li>
           <li><a data-toggle="pill" href="https://2016.igem.org/Team:Hong_Kong_HKU/Collaborations">Collaborations</a></li>
+
           <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Collaborations">Collaborations</a></li>
 
       </ul>
 
       </ul>
 
         <div class="tab-content">
 
         <div class="tab-content">
Line 60: Line 65:
 
           </div>
 
           </div>
 
           <div id="Outreach" class="tab-pane fade">
 
           <div id="Outreach" class="tab-pane fade">
             <h3>Outreach</h3><hr>
+
             <h3>Outreach</h3><hr><br>
            <h4>The 49th Joint School Science Exhibition</h4>
+
             <div class="panel-group" id="OutreachContent" role="tablist" aria-multiselectable="true">
            <p align="left"><br>The Joint School Science Exhibition is a local secondary school based science competition in Hong Kong,
+
               <div class="panel panel-transparent">
             held by the Joint School Science Exhibition Preparation Committee (J.S.S.E.P.C.).
+
                 <div class="panel-heading" role="tab">
            Each of the secondary school teams, or project holders (PH), gets to work on a project based on an annual theme.<br>
+
                  <h4 class="panel-title"><a data-toggle="collapse" data-parent="#OutreachContent" href="#JSSE"><h4>The 49th Joint School Science Exhibition</h4></a></h4>
            This year, project holders gather and present their innovativations to the public with the main theme ‘Connection’.
+
            For details, please visit the official website of the <a align="left" href="http://www.jsse.org.hk/">JSSE</a> and individual teams.<br>
+
            Our team, The HKU iGEM Team 2016 was delighted to participate in the exhibition as a local University Delegate (UD),
+
            in which we were given opportunities to present our project ideas to the public.
+
            We also had the chance to educate the public about the basics of synthetic biology, which includes fundamental genetics, biomedical concepts and analytical techniques through posters and self-made models.
+
            Below are the photos taken throughout the exhibition period (Aug)
+
            </p>
+
            <div id="PhotoCarousel" class="carousel slide" data-ride="carousel">
+
               <ol class="carousel-indicators">
+
                 <li data-target="#PhotoCarousel" data-slide-to="0" class="active"></li>
+
                <li data-target="#PhotoCarousel" data-slide-to="1"></li>
+
                <li data-target="#PhotoCarousel" data-slide-to="2"></li>
+
                <li data-target="#PhotoCarousel" data-slide-to="3"></li>
+
              </ol>
+
              <div class="carousel-inner" role="listbox">
+
                <div class="item active"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b3/T--Hong_Kong_HKU--HKUiGEM%40JSSE01.jpg" alt="First slide image" class="center-block" >
+
 
                 </div>
 
                 </div>
                 <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/5/55/T--Hong_Kong_HKU--HKUiGEM%40JSSE02.jpg" alt="Second slide image" class="center-block">
+
                 <div id="JSSE" class="panel-collapse collapse in">
 +
                  <div class="panel-body">
 +
                  <p class="text-justify" align="left"><font size="3">The Joint School Science Exhibition is a local secondary school based science competition in Hong Kong,
 +
                    held by the Joint School Science Exhibition Preparation Committee (J.S.S.E.P.C.).
 +
                    Each of the secondary school teams, or project holders (PH), gets to work on a project based on an annual theme.<br>
 +
                    This year, project holders gather and present their innovativations to the public with the main theme ‘Connection’.
 +
                    For details, please visit the official website of the <a align="left" href="http://www.jsse.org.hk/">JSSE</a> and individual teams.<br>
 +
                    Our team, The HKU iGEM Team 2016 was delighted to participate in the exhibition as a local University Delegate (UD),
 +
                    in which we were given opportunities to present our project ideas to the public.
 +
                    We also had the chance to educate the public about the basics of synthetic biology, which includes fundamental genetics, biomedical concepts and analytical techniques through posters and self-made models.
 +
                    Below are the photos taken throughout the exhibition period (Aug)
 +
                    </font></p>
 +
                    <div id="PhotoCarousel" class="carousel slide" data-ride="carousel">
 +
                      <ol class="carousel-indicators">
 +
                        <li data-target="#PhotoCarousel" data-slide-to="0" class="active"></li>
 +
                        <li data-target="#PhotoCarousel" data-slide-to="1"></li>
 +
                        <li data-target="#PhotoCarousel" data-slide-to="2"></li>
 +
                        <li data-target="#PhotoCarousel" data-slide-to="3"></li>
 +
                      </ol>
 +
                      <div class="carousel-inner" role="listbox">
 +
                        <div class="item active"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b3/T--Hong_Kong_HKU--HKUiGEM%40JSSE01.jpg" alt="First slide image" class="center-block" >
 +
                        </div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/5/55/T--Hong_Kong_HKU--HKUiGEM%40JSSE02.jpg" alt="Second slide image" class="center-block">
 +
                        </div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/f/f5/T--Hong_Kong_HKU--HKUiGEM%40JSSE03.jpg" alt="Third slide image" class="center-block">
 +
                        </div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/bc/T--Hong_Kong_HKU--HKUiGEM%40JSSE04.jpg" alt="Third slide image" class="center-block">
 +
                        </div>
 +
                      </div>
 +
                      <a class="left carousel-control" href="#PhotoCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#PhotoCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
 +
                    <p align="left">
 +
                    We distributed introductory booklets to the visitors and DNA double helix folding sheets to the children to enhance our interactivity as well as to expand our target audience.<br>
 +
                    The booklet is of a bilingual version (in English and Chinese) with contents relating to the iGEM competition, Synthetic Biology with its application, and course, our project.
 +
                    The online version of the booklet can be found <a align="left" href="https://static.igem.org/mediawiki/2016/e/ee/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePDF.pdf">here</a>.
 +
                    </p>
 +
                    <div id="BrochureCarousel" class="carousel slide" data-ride="carousel">
 +
                      <ol class="carousel-indicators">
 +
                        <li data-target="#BrochureCarousel" data-slide-to="0" class="active"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="1"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="2"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="3"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="4"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="5"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="6"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="7"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="8"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="9"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="10"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="11"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="12"></li>
 +
                        <li data-target="#BrochureCarousel" data-slide-to="13"></li>
 +
                      </ol>
 +
                      <div class="carousel-inner" role="listbox">
 +
                        <div class="item active"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/c/c9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochureCover.jpg" alt="" class="center-block" >
 +
                          <div class="carousel-caption"><h3>Cover</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/3/37/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage01.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 01</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/d/db/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage02.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 02</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/2/28/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage03.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 03</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage04.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 04</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage05.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 05</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/0/0d/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage06.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 06</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/a/a9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage07.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 07</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/9/91/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage08.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 08</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/9/9d/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage09.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 09</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/6/65/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage10.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 10</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/f/ff/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage11.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 11</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/2/21/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage12.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Page 12</h3></div></div>
 +
                        <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b2/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochureClosing.jpg" alt="" class="center-block">
 +
                          <div class="carousel-caption"><h3>Back Cover</h3></div></div>
 +
                      <a class="left carousel-control" href="#BrochureCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#BrochureCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
 +
                  </div>
 
                 </div>
 
                 </div>
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/f/f5/T--Hong_Kong_HKU--HKUiGEM%40JSSE03.jpg" alt="Third slide image" class="center-block">
+
              </div>
 +
              <div class="panel panel-transparent">
 +
                <div class="panel-heading">
 +
                  <h4 class="panel-title"><a data-toggle="collapse" data-parent="#OutreachContent" href="#"><h3></h3></a></h4>
 
                 </div>
 
                 </div>
                 <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/bc/T--Hong_Kong_HKU--HKUiGEM%40JSSE04.jpg" alt="Third slide image" class="center-block">
+
                 <div id="" class="panel-collapse collapse">
 +
                  <div class="panel-body">
 +
                    <p class="text-justify" align="left"><font size="3">
 +
                    </font></p>
 +
                  </div>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
              <a class="left carousel-control" href="#PhotoCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#PhotoCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
+
             </div>
             <p align="left">
+
        </div>
            We distributed introductory booklets to the visitors and DNA double helix folding sheets to the children to enhance our interactivity as well as to expand our target audience.<br>
+
            The booklet is of a bilingual version (in English and Chinese) with contents relating to the iGEM competition, Synthetic Biology with its application, and course, our project.
+
            The online version of the booklet can be found <a align="left" href="">here</a>.
+
            </p>
+
            <div id="BrochureCarousel" class="carousel slide" data-ride="carousel">
+
              <ol class="carousel-indicators">
+
                <li data-target="#BrochureCarousel" data-slide-to="0" class="active"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="1"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="2"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="3"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="4"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="5"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="6"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="7"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="8"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="9"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="10"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="11"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="12"></li>
+
                <li data-target="#BrochureCarousel" data-slide-to="13"></li>
+
              </ol>
+
              <div class="carousel-inner" role="listbox">
+
                <div class="item active"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/c/c9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochureCover.jpg" alt="" class="center-block" >
+
                  <div class="carousel-caption"><h3>Cover</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/3/37/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage01.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 01</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/d/db/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage02.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 02</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/2/28/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage03.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 03</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage04.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 04</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage05.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 05</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/0/0d/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage06.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 06</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/a/a9/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage07.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 07</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/9/91/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage08.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 08</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/9/9d/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage09.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 09</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/6/65/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage10.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 10</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/f/ff/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage11.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 11</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/2/21/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochurePage12.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Page 12</h3></div></div>
+
                <div class="item"><img width="600px" height="auto" src="https://static.igem.org/mediawiki/2016/b/b2/T--Hong_Kong_HKU--HKUiGEM%40JSSE-BrochureClosing.jpg" alt="" class="center-block">
+
                  <div class="carousel-caption"><h3>Back Cover</h3></div></div>
+
              <a class="left carousel-control" href="#BrochureCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#BrochureCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
+
          </div>
+
 
       </div>
 
       </div>
     </div>
+
     </div>  
   
+
 
     <!-- footer -->
 
     <!-- footer -->
 
     <footer class="text-center">
 
     <footer class="text-center">

Revision as of 09:20, 10 October 2016

Human Practices

Integrated Human Practices


We conducted an interview with Professor Danny Chan upon biosafety in September, 2016. Professor Chan is the Assistant Dean (Research Postgraduate Studies) of the Li Ka Shing Faculty of Medicine, the University of Hong Kong.
The interview focused mainly on the biological research laboratory safety, related regulations and research ethics. After the filming of the interview, the representatives had a conversation upon E. coli, which we are using as part of our project. He suggested us doing a risk assessment against the strain that we are using. Therefore, here we present the risk assessment of the mentioned strain, relating to our project.
Epilogue by Prof. Chan:
“Well, I hope you love your project. Get HKU a Gold Medal and something special this year”.
And this is what we are striving for.

Outreach



The Joint School Science Exhibition is a local secondary school based science competition in Hong Kong, held by the Joint School Science Exhibition Preparation Committee (J.S.S.E.P.C.). Each of the secondary school teams, or project holders (PH), gets to work on a project based on an annual theme.
This year, project holders gather and present their innovativations to the public with the main theme ‘Connection’. For details, please visit the official website of the JSSE and individual teams.
Our team, The HKU iGEM Team 2016 was delighted to participate in the exhibition as a local University Delegate (UD), in which we were given opportunities to present our project ideas to the public. We also had the chance to educate the public about the basics of synthetic biology, which includes fundamental genetics, biomedical concepts and analytical techniques through posters and self-made models. Below are the photos taken throughout the exhibition period (Aug)

We distributed introductory booklets to the visitors and DNA double helix folding sheets to the children to enhance our interactivity as well as to expand our target audience.
The booklet is of a bilingual version (in English and Chinese) with contents relating to the iGEM competition, Synthetic Biology with its application, and course, our project. The online version of the booklet can be found here.