Difference between revisions of "Team:Hong Kong UCCKE/Logo"

 
(43 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
−
<style>
+
<link rel="stylesheet" href="https://2016.igem.org/Team:Hong_Kong_UCCKE/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&amp;ctype=text/css" type="text/css" />
−
    h2 {
+
−
        padding-top: 50px;
+
−
        margin-top: -30px;
+
−
    }
+
−
</style>
+
−
 
+
−
<link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&amp;ctype=text/css" type="text/css" />
+
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<div class="wholehead">
 
<div class="wholehead">
Line 23: Line 16:
 
                 <div>
 
                 <div>
 
                     <h1 data-toc-skip>UCCKE / Logo</h1>
 
                     <h1 data-toc-skip>UCCKE / Logo</h1>
−
                     <p>offendit malis arbitror appellat o arbitror nisi nam quamquam illustriora do se appellat praetermissum.</p>
+
                     <p>In this page, you can know about how our logo is made and how do we use it.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 41: Line 34:
 
             <div class="col-sm-9 col-xs-12">
 
             <div class="col-sm-9 col-xs-12">
  
−
                 <h2>Our Logo</h2>
+
                 <h2>How our logo is made</h2>
 +
               
 +
<video controls style="z-index:999; margin-bottom:20px; width:100%; max-width:600px; height: auto;" autoplay loop>
 +
  <source src="https://static.igem.org/mediawiki/2016/c/c1/T--Hong_Kong_UCCKE--logomade.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
 +
Your browser does not support the video tag.
 +
</video>
 +
 
 +
            </div>
 +
            <div class="col-sm-4 col-xs-12">
 +
                <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/bootstraptoc?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
            </div>
 +
 
 +
            <div class="col-sm-9 col-xs-12">
 +
 
 +
                <h2>Structural Variations</h2>
 +
 
 
                 <p style="text-align:left !important; font-size: 15px !important;">
 
                 <p style="text-align:left !important; font-size: 15px !important;">
−
                     There are three variations of our logo.
+
                     There are three structural variations of our logo.
 
                 </p>
 
                 </p>
 
<style>
 
<style>
Line 55: Line 63:
 
}
 
}
 
</style>
 
</style>
−
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/3/3e/T--Hong_Kong_UCCKE--logoa1.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 1</p></div>
+
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/3/3e/T--Hong_Kong_UCCKE--logoa1.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 1 <a href="https://static.igem.org/mediawiki/2016/3/3e/T--Hong_Kong_UCCKE--logoa1.jpg" download><i class="fa fa-download" aria-hidden="true"></i></a></p></div>
−
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/9/9d/T--Hong_Kong_UCCKE--logoa2.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 2</p></div>
+
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/9/9d/T--Hong_Kong_UCCKE--logoa2.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 2 <a href="https://static.igem.org/mediawiki/2016/9/9d/T--Hong_Kong_UCCKE--logoa2.jpg" download><i class="fa fa-download" aria-hidden="true"></i></a></p></div>
−
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--Hong_Kong_UCCKE--logoa3.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 3</p></div>
+
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--Hong_Kong_UCCKE--logoa3.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 3 <a href="https://static.igem.org/mediawiki/2016/c/cf/T--Hong_Kong_UCCKE--logoa3.jpg" download><i class="fa fa-download" aria-hidden="true"></i></a></p></div>
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12">
+
−
                <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/bootstraptoc?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
 
             </div>
 
             </div>
 +
            <div class="col-sm-4 col-xs-12"></div>
  
−
            <div class="col-sm-9 col-xs-12">
 
  
−
                <h2>Safe Organisms</h2>
+
<div class="col-sm-9 col-xs-12">
  
−
                 <p style="text-align:left !important;">We use two kinds of organisms, Escherichia coli and Caenorhabditis elegans in our experiments. E.coli is categorized as a Risk Group 1 organism <sup><a style="margin-top:-30px; padding-top:30px;" href="#ref1b" id="ref1a">[1]</a></sup> while C.elegans is on the whitelist. According to the official iGEM description, “Risk Group 1 organisms do not cause disease in healthy adult humans.” and organisms on the whitelist “do not cause any threat to the environment”. To make sure that everything is safe enough to use, we have always been talking to our lab technician, Mr. Ho xx, about the proper usage, storage and disposal methods.</p>
+
                 <h2>Color Variations</h2>
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12"></div>
+
  
−
            <div class="col-sm-9 col-xs-12">
+
                <p style="text-align:left !important; font-size: 15px !important;">
−
 
+
                    There are two color variations of our logo.
−
                 <h2>Safe Project Design</h2>
+
                 </p>
−
 
+
<style>
−
                <p style="text-align:left !important;">Safety is always our first priority when carrying out the program. Although the only species we use is E.coli and C.elegans, which are only organisms which do not cause harm to human when used properly, we believe that there is still a danger when our bacteria is released into the public environment, especially to children and elderlies. Therefore, we make sure that no bacteria or organism carrying our modified genes will be released out of the laboratory. To achieve this, the bacteria will always remain inside the laboratory; we always bring worms into the laboratory but not our bacteria outside the laboratory into the public environment. While doing any experiment with e.coli, we ensure the bacteria do not expose to the environment by setting up a sterile space using a Bunsen burner and working in the heated area. Also to keep the bacteria away from the open environment, we seal every used petri dishes with parafilm before long term storage.</p>
+
.logovar {
 +
padding:15px;
 +
text-align:center;
 +
}
 +
.logovar p {
 +
margin-top:7px;
 +
text-align:center !important;
 +
}
 +
</style>
 +
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/e/e0/T--Hong_Kong_UCCKE--logob1.jpg" style="width:100%; max-width:400px; height:auto;"><br><p>Variation 1 <a href="https://static.igem.org/mediawiki/2016/e/e0/T--Hong_Kong_UCCKE--logob1.jpg" download><i class="fa fa-download" aria-hidden="true"></i></a></p></div>
 +
<div class="logovar col-sm-4 col-xs-12"><img src="https://static.igem.org/mediawiki/2016/c/c7/T--Hong_Kong_UCCKE--logob2.jpg" style="width:100%; max-width:400px; height:auto; border:#ddd 1px solid;"><br><p>Variation 2 <a href="https://static.igem.org/mediawiki/2016/c/c7/T--Hong_Kong_UCCKE--logob2.jpg" download><i class="fa fa-download" aria-hidden="true"></i></a></p></div>
 +
<div class="logovar col-sm-4 col-xs-12" style="text-align:left; font-size:15px;"><div style="height:14px; width:14px; background-color:#fff; border:#ddd 1px solid; display: inline-block; margin-right:7px;"></div>#FFFFFF<br><div style="height:14px; width:14px; background-color:#5379d0; border:#ddd 1px solid; display: inline-block; margin-right:7px;"></div>#5379d0</div>
 
             </div>
 
             </div>
 
             <div class="col-sm-4 col-xs-12"></div>
 
             <div class="col-sm-4 col-xs-12"></div>
Line 81: Line 95:
 
             <div class="col-sm-9 col-xs-12">
 
             <div class="col-sm-9 col-xs-12">
  
−
                 <h2>Safe Lab Work</h2>
+
                 <h2>Our Colors</h2>
  
−
                 <p style="text-align:left !important;">Besides of ensuring a safe project design, we also believe that safe lab practices are important, so we emphasize safety through maintaining a high level of personal hygiene. We wear lab coats and gloves while doing any experiment and wash our hands with soap before leaving the laboratory. To prevent any bacteria being left on the bench after experiments, we always use alcohol to wipe the bench thoroughly before we leave. (While doing any experiment with e.coli, we ensure the bacteria do not expose to the environment by setting up a sterile space using a Bunsen burner and working in the heated area. Also to keep the bacteria away from the open environment, we seal every used petri dishes with parafilm before long term storage.) We received safety training when joining the team, topics include risk assessment, general precautions, fire precautions, handling chemical spills, disposal of chemical wastes and experiments on biotechnology. Details of the training can be found in <a href="http://cd1.edb.hkedcity.net/cd/science/laboratory/safety/SafetyHandbook2013_English.pdf">here</a>. which we follow to the letter.</p>
+
                 <style>
 +
.logocolordiv {
 +
height:100px;
 +
font-size:15px;
 +
text-align:left;
 +
padding-top:5px;
 +
padding-left:8px;
 +
}
 +
</style>
 +
<div class="logovar col-sm-3 col-xs-6"><div class="logocolordiv" style="background-color:#5379d0; color: #fff;">
 +
#5379D0
 +
</div></div>
 +
<div class="logovar col-sm-3 col-xs-6"><div class="logocolordiv" style="background-color:#415fa2; color: #fff;">
 +
#415FA2
 +
</div></div>
 +
<div class="logovar col-sm-3 col-xs-6"><div class="logocolordiv" style="background-color:#ffffff; border:1px #ddd solid;">
 +
#FFFFFF
 +
</div></div>
 +
<div class="logovar col-sm-3 col-xs-6"><div class="logocolordiv" style="background-color:#767676; color: #fff;">
 +
#767676
 +
</div></div>
 
             </div>
 
             </div>
 
             <div class="col-sm-4 col-xs-12"></div>
 
             <div class="col-sm-4 col-xs-12"></div>
Line 89: Line 123:
 
             <div class="col-sm-9 col-xs-12">
 
             <div class="col-sm-9 col-xs-12">
  
−
                 <h2>Safe Shipment</h2>
+
                 <h2>Size of our Logo</h2>
−
 
+
<img src="https://static.igem.org/mediawiki/2016/5/58/T--Hong_Kong_UCCKE--logoc.jpg" style="width:100%; max-width:600px; height:auto;">
−
                <p style="text-align:left !important;">some text here</p>
+
               
 
             </div>
 
             </div>
 
             <div class="col-sm-4 col-xs-12"></div>
 
             <div class="col-sm-4 col-xs-12"></div>
  
−
             <div class="col-sm-9 col-xs-12">
+
              
−
 
+
−
                <h2>Other Safety Concerns</h2>
+
−
 
+
−
                <p style="text-align:left !important;">Some steps of our experiments require the use of UV light, whereupon exposure to UV radiation may result in sunburn, pigmentation of skin and slight discomfort. To ensure our safety, we make sure that any parts of our body won’t be directly exposed to UV radiation; we will place a UV filter board between us and the source of UV radiation so that it will be blocked from us.</p>
+
−
 
+
−
                <p id="ref1b"><a href="#ref1a">[1]</a>: f uyfu fu yu fuyfi iu fiy fiu fi fu</p>
+
−
 
+
−
 
+
−
                <!--
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<br><br><br><br><br><br><br><br><br>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
 
+
−
 
+
−
<p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
−
 
+
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
<h5>Safe Project Design</h5>
+
−
 
+
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
−
 
+
−
<ul>
+
−
<li>Choosing a non-pathogenic chassis</li>
+
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Safe Lab Work</h5>
+
−
 
+
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Safe Shipment</h5>
+
−
 
+
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
−
</div>
+
−
-->
+
−
            </div>
+
−
            <div class="col-sm-4 col-xs-12"></div>
+
  
  
Line 204: Line 181:
 
</div>
 
</div>
  
 +
 +
<div class="container">
 +
</html>
 +
{{Hong_Kong_UCCKE/tourbefore|Logo|Logo|Web_Design|Web_Design}}
 +
<html>
 +
</div>
 
</html>
 
</html>
 
{{Hong_Kong_UCCKE/heyfooter}}
 
{{Hong_Kong_UCCKE/heyfooter}}
 
{{Hong_Kong_UCCKE/illbeback}}
 
{{Hong_Kong_UCCKE/illbeback}}

Latest revision as of 12:44, 17 October 2016

How our logo is made

Structural Variations

There are three structural variations of our logo.


Variation 1


Variation 2


Variation 3

Color Variations

There are two color variations of our logo.


Variation 1


Variation 2

#FFFFFF
#5379d0

Our Colors

#5379D0
#415FA2
#FFFFFF
#767676

Size of our Logo