Difference between revisions of "Team:NAIT Edmonton/Trial6"

 
(137 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS5}}
+
{{NAIT_Edmonton/CSS7}}
 
<html>
 
<html>
  
 
<head>
 
<head>
−
 
  
 
<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'>
Line 14: Line 15:
 
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
 
<!-----------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 21:
 
   $(window).load(function() {
 
   $(window).load(function() {
 
     $('.flexslider').flexslider({
 
     $('.flexslider').flexslider({
−
           animation: "slide"
+
           animation: "fade"
 
     });
 
     });
 
   });
 
   });
Line 57: Line 30:
 
<body>
 
<body>
  
−
<div class="header">
+
<div class="header">
−
<center><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/5/5d/NAIT_Argentum2.png" height="65px"></a></center>  
+
<div class="header_c">
 +
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px; z-index:60" 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 tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
    </ul>
 +
</div>
 +
  
 
<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 82:
 
                       <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 103: Line 96:
  
 
</div>
 
</div>
 +
 +
  
 
</div>
 
</div>
Line 109: Line 104:
  
 
</style>
 
</style>
 +
 
    
 
    
 
<div id="wrap2">
 
<div id="wrap2">
Line 115: Line 111:
  
 
<style type="text/css">
 
<style type="text/css">
−
.slider{width:100%; height:100%; margin:0; clear:both; position:relative; top:-48px;}
+
.slider{width:100%; height:75%; margin:0; clear:both; position:relative; top:0px;}
 
.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: 100%; margin: 0; padding: 0 0 0 0;}
 
.flexslider .slides > li {display: none;}
 
.flexslider .slides > li {display: none;}
Line 154: Line 150:
 
<div class="flexslider">
 
<div class="flexslider">
 
    <ul class="slides">
 
    <ul class="slides">
−
    <li><a href="#BANANA"><img src="http://images5.alphacoders.com/380/380354.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="http://ewallpapers-hub.com/wp-content/uploads/2015/02/biology-Wallpaper.jpg"alt="" title="" border="0"/></a>
+
 
 +
 
 +
             <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/c/c6/NAIT_Banner_Description.jpg" alt="" title="" border="0"/></a>
 
             <div class="flex-caption">
 
             <div class="flex-caption">
 
                 <h2></h2>
 
                 <h2></h2>
Line 166: Line 163:
 
                 </div>
 
                 </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/Practices"><img src="https://static.igem.org/mediawiki/2015/f/fa/NAIT_Banner_Survival2.jpg" alt="" title="" border="0"/></a>
 
             <div class="flex-caption">
 
             <div class="flex-caption">
 
                 <h2></h2>
 
                 <h2></h2>
Line 173: Line 170:
 
                 </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/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>
 +
            </li>
 +
    <li><label class="btn" for="modal-1"><img src="https://static.igem.org/mediawiki/2015/b/b5/NAIT_BannerPedway.jpg" alt="" title="" border="0"/></a></label>
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
Line 186: Line 186:
  
  
−
<section id="one"> 
 
  
−
<div id="wrap">
 
  
 +
<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/K_YsuDGvXLw" width="1000" height="563"></object></center><br>
 +
 +
  </div>
 +
</div>
 +
 +
 +
 +
<div id="wrap5">
 +
 +
<br><br><br>
 
<div class="section_one_three">
 
<div class="section_one_three">
−
         <h2 class="centered_title">Achievements</h2>
+
         <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 met all the gold requirements for the iGEM competition. <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 201: Line 224:
 
          
 
          
 
   <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 210: Line 233:
  
 
   <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 220: Line 243:
 
</div>
 
</div>
  
−
</section>
 
  
−
<section id="two"><div id="wrap"></div></section>
+
<div id="wrap6">
−
<section id="three"><div id="wrap"><div style="margin-top: -100px; padding-top: 100px;" id="BANANA"></div><h2> BANANANANANNA </h2></div></section>
+
−
<section id="four"><div id="wrap"></div></section>
+
−
<section id="five"><div id="wrap"></div></section>
+
−
<section id="six"><div id="wrap"></div></section>
+
  
 +
<center>
  
−
<section id="seven">
+
<h1></h1>
 +
<h1>Sponsored by:</h1>
 +
<br><br>
  
−
  <div id="wrap">
+
<a href="http://www.nait.ca"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/6d/NAIT_Logo.svg/768px-NAIT_Logo.svg.png" height="200px"></a><br><br><br><br>
  
−
<br><br><br>
+
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" height="105px"></a><br>
 +
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png"></a>
  
−
<center><h1> Our Sponsors</h1></center>
+
</center>
 +
 
 +
</div>
 +
 
 +
  <div class="clear"></div>  
  
−
<center><h2>With the generosity of these institutions and companies, our team was able to conduct the research for our project and attend the Giant Jamboree in Boston. Thank you so much! </h2></center>
 
  
−
<br>
 
−
<center>
 
  
−
<a href="http://www.nait.ca"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/6d/NAIT_Logo.svg/768px-NAIT_Logo.svg.png" height="200px"></a>
 
−
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" height="105px"></a>
 
−
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png" style="display:in-line"></a>
 
  
−
</center>
 
  
−
  </div>
 
  
−
</section>
 
  
−
</div>
 
  
−
  <div class="clear"></div>
 
  
 
<style type="text/css">
 
<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;}
 +
  
 
section
 
section
Line 275: Line 317:
 
     margin-right:auto;
 
     margin-right:auto;
 
     margin-left:auto;
 
     margin-left:auto;
−
     height:500px;
+
     height:550px;
  
−
}
 
  
−
#two
 
−
{
 
−
    background: url(https://yotung.files.wordpress.com/2009/07/nait-muni.jpg);
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    height:500px;
 
−
}
 
−
 
−
#three
 
−
{
 
−
    background-color: #FFFFFF;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
}
 
−
 
−
#four
 
−
{
 
−
    background: url(http://forum.unity3d.com/attachments/screen-shot-2013-08-10-at-4-38-10-pm-jpg.63287/);
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    background-size: 100%;
 
−
    height:500px;
 
−
}
 
−
 
−
 
−
#five
 
−
{
 
−
    background-color:#FFFFFF;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    height:500px;
 
−
}
 
−
 
−
#six
 
−
{
 
−
    background: url(https://static.igem.org/mediawiki/2015/6/6f/NAIT_CU_01.jpg);
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    background-size:100%;
 
−
    height:500px;
 
−
}
 
  
 
#seven
 
#seven
Line 333: Line 328:
 
     background-position: center center;
 
     background-position: center center;
 
     background-attachment:fixed;
 
     background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 
}
 
}
  

Latest revision as of 21:46, 1 September 2015

Team NAIT 2015






Completed
Achievements

Despite the time constraints, our team met all the gold requirements for the iGEM competition.

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

Sponsored by: