Difference between revisions of "Team:NAIT Edmonton"

 
(145 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS3}}
+
{{NAIT_Edmonton/CSS6}}
 
<html>
 
<html>
  
Line 6: Line 6:
  
 
<title>Team NAIT 2015</title>
 
<title>Team NAIT 2015</title>
 +
 +
  
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/Flexslider?action=raw&amp;ctype=text/javascript"></script>
  
−
 
−
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
 
−
 
−
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
// grab the initial top offset of the navigation
 
−
  var stickyNavTop = $('.nav').offset().top;
 
−
 
 
−
  // our function that decides weather the navigation bar should have "fixed" css position or not.
 
−
  var stickyNav = function(){
 
−
    var scrollTop = $(window).scrollTop(); // our current vertical position from the top
 
−
       
 
−
    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
 
−
    // otherwise change it back to relative
 
−
    if (scrollTop > stickyNavTop) {
 
−
        $('.nav').addClass('sticky');
 
−
    } else {
 
−
        $('.nav').removeClass('sticky');
 
−
    }
 
−
};
 
−
 
−
stickyNav();
 
−
// and run it again every time you scroll
 
−
$(window).scroll(function() {
 
−
stickyNav();
 
−
});
 
−
});
 
−
</script>
 
−
 
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&amp;ctype=text/javascript"></script>
 
  
 
<script type="text/javascript" charset="utf-8">
 
<script type="text/javascript" charset="utf-8">
Line 48: Line 19:
 
   $(window).load(function() {
 
   $(window).load(function() {
 
     $('.flexslider').flexslider({
 
     $('.flexslider').flexslider({
−
           animation: "slide"
+
           animation: "fade"
 
     });
 
     });
 
   });
 
   });
Line 57: Line 28:
 
<body>
 
<body>
  
−
<div class="header">
+
<div class="header">
−
<center><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2015/c/c2/NAIT_Sample_Logo.png" height="75px"></a></center>  
+
<div class="header_c">
 +
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>  
 +
</div>
 
</div>
 
</div>
  
  
 
<div class="nav">
 
<div class="nav">
 +
 +
  
 
<div class="navigation">
 
<div class="navigation">
 
<ul>
 
<ul>
 +
 +
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img
 +
                src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li>
 +
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                     <ul>
 
                     <ul>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
−
                       <li><a href="https://igem.org/Team.cgi">official team profile</a>
+
                       <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 88: Line 68:
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 112: Line 91:
 
<div id="wrap2">
 
<div id="wrap2">
  
−
  <div class="slider">
 
  
 
<style type="text/css">
 
<style type="text/css">
−
.slider{width:100%; margin:0; clear:both; position:relative; top:-48px;}
+
.slider{width:100%; margin-left:-25px; clear:both; position:relative; top:3.5px;}
 
.flex-container a:active,
 
.flex-container a:active,
 
.flexslider a:active {outline: none;}
 
.flexslider a:active {outline: none;}
 
.slides,
 
.slides,
 
.flex-control-nav,
 
.flex-control-nav,
−
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  
+
.flex-direction-nav {margin:0; padding: 0; list-style: none;}  
−
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0;}
+
.flexslider {width: 102%; margin: 0; padding: 0 0 0 0;margin-left:0px;overflow:hidden;}
 
.flexslider .slides > li {display: none;}
 
.flexslider .slides > li {display: none;}
−
.flexslider .slides img {width:100%; height:auto; display: block;}
+
.flexslider .slides img {width:100%;display: block; }
 
.flex-pauseplay span {text-transform: capitalize;}
 
.flex-pauseplay span {text-transform: capitalize;}
 
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}  
 
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}  
Line 130: Line 108:
 
.no-js .slides > li:first-child {display: block;}
 
.no-js .slides > li:first-child {display: block;}
 
.flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
 
.flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
−
.flexslider .slides {zoom: 1;}
 
 
.flexslider .slides > li {position: relative;}
 
.flexslider .slides > li {position: relative;}
 
.flex-container {zoom: 1; position: relative;}
 
.flex-container {zoom: 1; position: relative;}
Line 151: Line 128:
 
a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}
 
a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}
 
</style>
 
</style>
 +
 +
  <div class="slider">
 +
  
 
<div class="flexslider">
 
<div class="flexslider">
 
    <ul class="slides">
 
    <ul class="slides">
−
    <li><a href=""><img src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Slide_Pedway.jpg" alt="" title="" border="0"/></a>
+
 
−
            <div class="flex-caption">
+
            <li><label class="btn" for="modal-2"><img src="https://static.igem.org/mediawiki/2015/0/03/NAIT_PlayBanner.jpg" alt="" title="" border="0"/></label>
−
                <h2></h2>
+
 
−
                    <p><strong><a href=""></a></strong></p>
+
 
−
                </div>
+
 
             </li>
 
             </li>
−
             <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/5/56/NAIT_Slide_1_Project.jpg"alt="" title="" border="0"/></a>
+
 
−
            <div class="flex-caption">
+
             <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/d/da/NAIT_GuidebookBanner.png" alt="" title="" border="0"/></a>
−
                <h2></h2>
+
 
−
                    <p></p>
+
−
                </div>
+
 
             </li>
 
             </li>
−
             <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/d/db/NAIT_Slide_2_Whiteboard.jpg" alt="" title="" border="0"/></a>
+
             <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling"><img src="https://static.igem.org/mediawiki/2015/1/13/NAIT_Banner_3D.jpg" alt="" title="" border="0"/></a>
 
             <div class="flex-caption">
 
             <div class="flex-caption">
 
                 <h2></h2>
 
                 <h2></h2>
−
                   
 
 
                     <p></p>
 
                     <p></p>
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
            <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling"><img src="https://static.igem.org/mediawiki/2015/5/57/NAIT_Slide_3_3D.jpg"alt="" title="" border="0"/></a>
+
    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios"><img src="https://static.igem.org/mediawiki/2015/b/b5/NAIT_BannerPedway.jpg" alt="" title="" border="0"/></a>
−
            <div class="flex-caption">
+
−
                <h2></h2>
+
−
                    <p></p>
+
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
Line 182: Line 155:
 
  </div>
 
  </div>
 
   </div>
 
   </div>
 +
 +
</div>
 +
 +
<input class="modal2-state" id="modal-1" type="checkbox" />
 +
<div class="modal2">
 +
  <label class="modal2__bg" for="modal-1"></label>
 +
  <div class="modal2__inner">
 +
 +
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
 +
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal2-state" id="modal-2" type="checkbox" />
 +
<div class="modal2">
 +
  <label class="modal2__bg" for="modal-2"></label>
 +
  <div class="modal2__inner">
 +
 +
  <center><object data="http://www.youtube.com/embed/2pP_L4befgw" width="1000" height="563"></object></center><br>
 +
 +
  </div>
 +
</div>
 +
 +
  
 
<div id="wrap5">
 
<div id="wrap5">
  
−
  <div class="section_one_three">
+
 
−
         <h2 class="centered_title">Achievements</h2>
+
<br><br><br>
 +
 
 +
 
 +
<div class="section_one_three">
 +
         <h2 class="centered_title">Completed <br> Achievements</h2>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" title=""><img src="https://static.igem.org/mediawiki/2015/5/50/NAIT_Medal_Icon.png" width="125px" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" title=""><img src="https://static.igem.org/mediawiki/2015/5/50/NAIT_Medal_Icon.png" width="125px" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
−
Despite the time constraints, our team achieved a lot this summer and we are proud of what we have accomplished.
+
Despite the time constraints, our team achieved a lot this summer and received a silver medal! <br><br>
 
         </p>
 
         </p>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a>
Line 195: Line 197:
 
          
 
          
 
   <div class="section_one_three">
 
   <div class="section_one_three">
−
         <h2 class="centered_title">iGEM 2015</h2>
+
         <h2 class="centered_title"><br>iGEM 2015<br></h2>
 
         <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
Line 204: Line 206:
  
 
   <div class="section_one_three">
 
   <div class="section_one_three">
−
         <h2 class="centered_title">Contact Us!</h2>
+
         <h2 class="centered_title"><br>Contact Us!<br></h2>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="" /></a></div>
 
         <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="" /></a></div>
 
         <p class="centered_text">
 
         <p class="centered_text">
Line 211: Line 213:
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a>
 
         </div>
 
         </div>
−
 
 
−
</div>
 
  
  
−
  <div class="clear"></div>  
+
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="clear"></div>
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<style type="text/css">
 +
 
 +
/* Modal */
 +
.modal2 {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
 +
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 +
.modal2-state { display: none;}
 +
.modal2-state:checked + .modal2 {opacity: 1;visibility: visible;}
 +
.modal2-state:checked + .modal2 .modal2__inner {top: 0;}
 +
.modal2__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 1000px;margin: auto;overflow: hide;background:white;border-radius: 0px;padding: 0;height: 563px;}
 +
.modal2__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
 +
.modal2__close:after,
 +
.modal2__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
 +
.modal2__close:hover:after,
 +
.modal2__close:hover:before {background: #aaa;}
 +
.modal2__close:before {transform: rotate(-45deg);}
 +
 
 +
@media screen and (max-width: 750px) {
 +
 +
  .modal2__inner {width: 90%;height: 90%;box-sizing: border-box;}
 +
}
 +
 
 +
 
 +
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
 +
.btn:hover,
 +
.btn:focus {background: none;}
 +
.btn:active {background: none;}
 +
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 
    
 
    
 
    
 
    
 +
</div>
 
</div>
 
</div>
  
 +
<div class="clear"></div>
  
  
−
</div>
+
<center><a href="http://www.nait.ca"><img src="https://static.igem.org/mediawiki/2015/9/94/NAIT_LogoOfficial.png" width="200px"></a></center>
  
−
  <div class="clear"></div>  
+
 
−
 
+
<div class="clear"></div>
 +
 
 +
<br><br><br>
 
    
 
    
  
Line 251: Line 305:
 
         </div>
 
         </div>
  
−
<style type="text/css">
 
−
 
−
#footer {z-index:15;}
 
−
.footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
−
.footer_content {margin:auto;width:100%;}
 
−
.footer_left { float:left; padding:0 0 0 10%;}
 
−
.footer_right{ float:right; padding:0 10% 0 0;}
 
−
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
−
ul.social_icons li{ float:left;}
 
−
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
−
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
−
ul.social_icons li a:hover{ background-color:#5AB3E3;}
 
−
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
 
−
 
−
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
 
−
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
−
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
 
−
 
−
 
−
</style>
 
  
  
Line 293: Line 327:
  
 
</body>
 
</body>
 +
  
 
</html>
 
</html>

Latest revision as of 00:36, 9 October 2015

Team NAIT 2015






Completed
Achievements

Despite the time constraints, our team achieved a lot this summer and received a silver medal!

read more


iGEM 2015

Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!

read more


Contact Us!

Please contact our team if you want more information about our project or have any other questions or concerns.

read more