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

(Prototype team page)
 
Line 1: Line 1:
{{Hong_Kong_UCCKE}}
+
{{Hong_Kong_UCCKE/CSS/reset.css}} {{Hong_Kong_UCCKE/CSS/bootstrap.css}} {{Hong_Kong_UCCKE/CSS/style.css}} {{Hong_Kong_UCCKE/CSS/latofonts.css}} {{Hong_Kong_UCCKE/CSS/font-awesome.css}} {{Hong_Kong_UCCKE/CSS/jcarousel.responsive.css}} {{Hong_Kong_UCCKE/CSS/bootstrap.toc.css}}
 
<html>
 
<html>
  
 +
<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" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<div class="wholehead">
  
<div class="column full_size" >
+
</html>
 
+
{{Hong_Kong_UCCKE/crazyheader}}
<p>Here you can describe the results of your project and your future plans. </p>
+
<html>
 +
<div class="header" id="header">
 +
    <div class="container">
  
<h5>What should this page contain?</h5>
+
        <div class="row">
<ul>
+
            <div class="col-sm-12 page_header-text">
<li> Clearly and objectively describe the results of your work.</li>
+
                <div>
<li> Future plans for the project </li>
+
                    <h1 data-toc-skip>UCCKE / Results</h1>
<li> Considerations for replicating the experiments </li>
+
                    <p>offendit malis arbitror appellat o arbitror nisi nam quamquam illustriora do se appellat praetermissum.</p>
</ul>
+
                </div>
 +
            </div>
 +
            <div class="col-sm-12" style="text-align:center;">
 +
                <a href="#normalsec" class="no-text-dec">
 +
                    <i class="fa fa-angle-down header-down" aria-hidden="true" style="font-size:40px; margin-bottom:10px;"></i>
 +
                </a>
 +
            </div>
 +
        </div>
  
 +
    </div>
 
</div>
 
</div>
 +
</div>
 +
<div class="normalsec" id="normalsec">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-sm-9 col-xs-12">
  
<div class="column half_size" >
+
                <h2>Assay</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>
  
<h5> Project Achievements </h5>
+
            <div class="col-sm-9 col-xs-12">
  
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
                <h2>Structural Variations</h2>
  
<ul>
+
                <p style="text-align:left !important; font-size: 15px !important;">
<li>A list of linked bullet points of the successful results during your project</li>
+
                    There are three structural variations of our logo.
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
                </p>
</ul>
+
<style>
 +
.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/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 <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 <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"></div>
  
</div>
 
  
 +
<div class="col-sm-9 col-xs-12">
  
<div class="column half_size" >
+
                <h2>Color Variations</h2>
  
<h5>Inspiration</h5>
+
                <p style="text-align:left !important; font-size: 15px !important;">
<p>See how other teams presented their results.</p>
+
                    There are two color variations of our logo.
<ul>
+
                </p>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
<style>
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
.logovar {
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
padding:15px;
</ul>
+
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 class="col-sm-4 col-xs-12"></div>
  
</div>
+
            <div class="col-sm-9 col-xs-12">
  
 +
                <h2>Our Colors</h2>
  
 +
                <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 class="col-sm-4 col-xs-12"></div>
 +
 +
            <div class="col-sm-9 col-xs-12">
 +
 +
                <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;">
 +
               
 +
            </div>
 +
            <div class="col-sm-4 col-xs-12"></div>
 +
 +
           
 +
 +
 +
            <style>
 +
                nav[data-toggle='toc'] .nav .active .nav {
 +
                    display: none;
 +
                }
 +
               
 +
                #toc {
 +
                    background-color: initial;
 +
                    border: none;
 +
                }
 +
            </style>
 +
            <nav id="toc"></nav>
 +
            <script>
 +
                $(function () {
 +
                    var navSelector = '#toc';
 +
                    var $myNav = $(navSelector);
 +
                    Toc.init($myNav);
 +
                    $('body').scrollspy({
 +
                        target: navSelector
 +
                    });
 +
                });
 +
            </script>
 +
            <script>
 +
                var fixmeTop = $('.normalsec').offset().top;
 +
                $(window).scroll(function () {
 +
                    if (window.innerWidth < 768) {
 +
                        $('#toc').css({
 +
                            position: 'relative'
 +
                            , display: 'none'
 +
                        });
 +
                    } else {
 +
                        var scrollTop = $(".normalsec").offset().top - $(window).scrollTop();
 +
                        var currentScroll = $(window).scrollTop();
 +
                        if (currentScroll >= fixmeTop) {
 +
                            $('#toc').css({
 +
                                position: 'relative'
 +
                                , top: scrollTop * -1
 +
                            });
 +
                        } else {
 +
                            $('#toc').css({
 +
                                position: 'static'
 +
                            });
 +
                        }
 +
                    }
 +
                });
 +
            </script>
 +
        </div>
 +
    </div>
 +
</div>
  
 
</html>
 
</html>
 +
{{Hong_Kong_UCCKE/heyfooter}}
 +
{{Hong_Kong_UCCKE/illbeback}}

Revision as of 14:04, 17 September 2016

Assay

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