|
|
| (63 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{NAIT_Edmonton/CSS2}} | | {{NAIT_Edmonton/CSS2}} |
| − |
| |
| | <html> | | <html> |
| | | | |
| | <head> | | <head> |
| | | | |
| | + | |
| | + | <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://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> |
| | | | |
| | + | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> |
| | + | |
| | + | <script type="text/javascript" charset="utf-8"> |
| | + | |
| | + | var $ = jQuery.noConflict(); |
| | + | $(window).load(function() { |
| | + | $('.flexslider').flexslider({ |
| | + | animation: "fade" |
| | + | }); |
| | + | }); |
| | + | </script> |
| | | | |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| | + | |
| | | | |
| | | | |
| Line 17: |
Line 32: |
| | <div class="header"> | | <div class="header"> |
| | | | |
| − | <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton"> | + | |
| − | <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a> | + | |
| − | </div>
| + | <a href="https://2015.igem.org/Team:NAIT_Edmonton"> |
| | + | <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"> |
| | + | </a> |
| | + | </div> ---> |
| | + | |
| | + | |
| | <div class="header_left"> | | <div class="header_left"> |
| | <ul> | | <ul> |
| Line 53: |
Line 73: |
| | <ul> | | <ul> |
| | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li> |
| − | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement">measurement</a></li> | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li> |
| | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li> |
| | </ul> | | </ul> |
| Line 60: |
Line 80: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <div id="wrap">
| |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| − | .top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;} | + | .header_mobile { |
| | + | display:none; |
| | + | position: absolute; |
| | + | background-color:transparent; |
| | + | width:65px; |
| | + | top: 90px; |
| | + | left:50px; |
| | + | height:65px; |
| | + | z-index:999; |
| | + | position:fixed;} |
| | + | |
| | + | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px} |
| | + | .header_mobile ul * {margin:0; padding:0;} |
| | + | .header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px} |
| | + | .header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px} |
| | + | .header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;} |
| | + | .header_mobile li.current-menu-item {background:#5AB3E3} |
| | + | .header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0} |
| | + | .header_mobile ul ul li:hover{background:#159CD8} |
| | + | .header_mobile ul ul li{float:none; width:120px} |
| | + | .header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px } |
| | + | .header_mobile ul ul ul {top:0; left:200%} |
| | + | .header_mobile ul li.selected a{color:#8BC5EB} |
| | + | .header_mobile ul li:hover > ul{display:block;} |
| | | | |
| − | .btn2 {cursor: pointer;background: none;padding: none;color:none; border-radius: none;}
| |
| | | | |
| − | /* Modal */
| + | @media screen and (max-width:1000px){ |
| − | .modal {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;}
| + | |
| − | .modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
| + | |
| − | .modal-state { display: none;}
| + | |
| − | .modal-state:checked + .modal {opacity: 1;visibility: visible;}
| + | |
| − | .modal-state:checked + .modal .modal__inner {top: 0;}
| + | |
| − | .modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 200px;}
| + | |
| − | .modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
| + | |
| − | .modal__close:after,
| + | |
| − | .modal__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;}
| + | |
| − | .modal__close:hover:after,
| + | |
| − | .modal__close:hover:before {background: #aaa;}
| + | |
| − | .modal__close:before {transform: rotate(-45deg);}
| + | |
| | | | |
| − | .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;} | + | .header_left{display:none;} |
| − | .modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;} | + | .header_right{display:none;} |
| − | .modal2-state { display: none;}
| + | .header_mobile{display:block;} |
| − | .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: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
| + | |
| − | .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);}
| + | |
| | | | |
| | + | } |
| | | | |
| | </style> | | </style> |
| | + | |
| | + | <div id="wrap2"> |
| | | | |
| − | <center><div class=" top_slogan" >Attributions</div></center> | + | |
| | | | |
| − | <div class="main_content">
| + | <style type="text/css"> |
| − | <center>
| + | .slider{width:100%; margin:0; clear:both; position:relative; top:-48px;} |
| − | <h2> Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.</h2> <br> | + | .flex-container a:active, |
| | + | .flexslider a:active {outline: none;} |
| | + | .slides, |
| | + | .flex-control-nav, |
| | + | .flex-direction-nav {margin: 0; padding: 0; list-style: none;} |
| | + | .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} |
| | + | .flexslider .slides > li {display: none;} |
| | + | .flexslider .slides img {width:100%; height:auto; display: block;} |
| | + | .flex-pauseplay span {text-transform: capitalize;} |
| | + | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} |
| | + | html[xmlns] .slides {display: block;} |
| | + | * html .slides {height: 1%;} |
| | + | .no-js .slides > li:first-child {display: block;} |
| | + | .flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px---> |
| | + | .flexslider .slides {zoom: 1;} |
| | + | .flexslider .slides > li {position: relative;} |
| | + | .flex-container {zoom: 1; position: relative;} |
| | + | .flex-direction-nav li a {width:65px; height:37px; margin:0; display: block; position: absolute; top:0px; cursor: pointer; text-indent: -9999px;} |
| | + | .flex-direction-nav li a.next {background:url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png) no-repeat center; right:0px;} |
| | + | .flex-direction-nav li a.prev {background:url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png) no-repeat center;right:65px;} |
| | + | .flex-direction-nav li a.next:hover {background:url(https://static.igem.org/mediawiki/2015/b/ba/NAIT_Next_a.png) no-repeat center;} |
| | + | .flex-direction-nav li a.prev:hover {background:url(https://static.igem.org/mediawiki/2015/c/c4/NAIT_Prev_a.png) no-repeat center;} |
| | + | .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} |
| | + | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} |
| | + | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} |
| | + | .flex-control-nav li:first-child {margin: 0;} |
| | + | .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} |
| | + | .flex-control-nav li a:hover {background-position: 0 -13px;} |
| | + | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} |
| | + | .flex-caption{position: absolute;left:auto;right:auto; top:150px; width:100%;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; color:#FFFFFF; text-shadow:2px 2px 2px #000000} |
| | + | .flex-caption h0{font-size:30px; color:#FFFFFF} |
| | + | .flex-caption h2{ font-size:30px; color:#FFFFFF;text-shadow:2px 4px 2px #000000} |
| | + | .flex-caption p{ text-align:center; padding:0 200px;} |
| | + | 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> |
| | | | |
| − | <img src="https://static.igem.org/mediawiki/2015/6/61/NAIT_AttributionsGel.gif"> | + | <div class="flexslider"> |
| − | </center>
| + | <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"> |
| − | <!----NAMES------>
| + | <h2></h2> |
| − | | + | <p><strong><a href=""></a></strong></p> |
| − | | + | </div> |
| − | <!------TEAM------------------>
| + | </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> |
| − | <label class="btn2" for="Marcelo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:625px;margin-left:60px"></label>
| + | <div class="flex-caption"> |
| − | <label class="btn2" for="Mattea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Band_Mattea.png" style="position:absolute;top:652px;margin-left:60px"></label> | + | <h2></h2> |
| − | <label class="btn2" for="Eduardo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_Eduardo.png" style="position:absolute;top:720px;margin-left:60px"></label> | + | <p></p> |
| − | <label class="btn2" for="David"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/82/NAIT_Band_David.png" style="position:absolute;top:790px;margin-left:60px"></label> | + | </div> |
| − | <label class="btn2" for="Johannes"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/84/NAIT_Band_Johannes.png" style="position:absolute;top:840px;margin-left:60px"></label>
| + | </li> |
| − | <label class="btn2" for="Abbie"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Abbie.png" style="position:absolute;top:900px;margin-left:60px"></label>
| + | < 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> |
| − | <label class="btn2" for="Joy"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Band_Joy.png" style="position:absolute;top:950px;margin-left:60px"></label>
| + | <div class="flex-caption"> |
| − | <label class="btn2" for="Kevin"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/28/NAIT_Band_Kevin.png" style="position:absolute;top:995px;margin-left:60px"></label> | + | <h2></h2> |
| − | | + | |
| − | | + | <p></p> |
| − | <!--------------Chemistry and Research---------------> | + | </div> |
| − | | + | </li> |
| − | <label class="btn2" for="Meintzer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:660px;margin-left:150px"></label>
| + | < 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> |
| − | <label class="btn2" for="Atrazheva"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ce/NAIT_Band_Elena.png" style="position:absolute;top:720px;margin-left:151px"></label> | + | <div class="flex-caption"> |
| − | <label class="btn2" for="Force"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/44/NAIT_Band_Len.png" style="position:absolute;top:780px;margin-left:150px"></label>
| + | <h2></h2> |
| − | <label class="btn2" for="Lucan"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/6e/NAIT_Band_Laura.png" style="position:absolute;top:860px;margin-left:150px"></label> | + | <p></p> |
| − | <label class="btn2" for="Korney"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/09/NAIT_Band_Michael.png" style="position:absolute;top:928px;margin-left:150px"></label> | + | </div> |
| − | <label class="btn2" for="Tenaschuk"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Band_Taisha.png" style="position:absolute;top:980px;margin-left:150px"></label> | + | </li> |
| − | | + | </ul> |
| − | | + | </div> |
| − | <!------------Sponsorship and Financial Aid-----------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Spencer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b3/NAIT_Band_Sandra.png" style="position:absolute;top:630px;margin-left:241px"></label> | + | |
| − | <label class="btn2" for="Hurlburt"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7b/NAIT_Band_Sean.png" style="position:absolute;top:690px;margin-left:241px"></label>
| + | |
| − | <label class="btn2" for="McMullen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/ b/ b1/ NAIT_Band_Bill. png" style=" position:absolute;top:770px;margin-left:241px" ></label> | + | |
| − | <label class="btn2" for="Giordano"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7e/NAIT_Band_Sabrina.png" style="position:absolute;top:840px;margin-left:241px"></label>
| + | |
| − | <label class="btn2" for="Svensen-Lewis"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Chantelle.png" style="position:absolute;top:880px;margin-left:241px"></label> | + | |
| − | <label class="btn2" for="Coomansingh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/9/90/NAIT_Band_Hugh.png" style="position:absolute;top:960px;margin-left:241px"></label> | + | |
| − | <label class="btn2" for="Vaughn"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/4f/NAIT_Band_Vaughn.png" style="position:absolute;top:1010px;margin-left:241px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-------------------Wiki---------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Wu"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/23/NAIT_Band_Patrick.png" style="position:absolute;top:750px;margin-left:332px"></label>
| + | |
| − | <label class="btn2" for="Aljamea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/e/e5/NAIT_Band_Sana.png" style="position:absolute;top:900px;margin-left:332px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-----------------------3D Animation and Design---------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Dietz"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Leslie.png" style="position:absolute;top:670px;margin-left:423px"></label> | + | |
| − | <label class="btn2" for="MacQueen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b0/NAIT_Band_Jason.png" style="position:absolute;top:840px;margin-left:423px"></label>
| + | |
| − | | + | |
| − | | + | |
| − | <!---------------------Entrepreneurship and Business Mentorship------------------->
| + | |
| − | | + | |
| − | <label class="btn2" for="Mazumder"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/26/NAIT_Band_Robin.png" style="position:absolute;top:649px;margin-left:516px"></label> | + | |
| − | <label class="btn2" for="Aakash"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/57/NAIT_Band_Aakash.png" style="position:absolute;top:730px;margin-left:515px"></label><label class="btn2" for="Andrews"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/d3/NAIT_Band_George.png" style="position:absolute;top:900px;margin-left:515px"></label>
| + | |
| − | <label class="btn2" for="Roth"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/1/19/NAIT_Band_Stewart.png" style="position:absolute;top:980px;margin-left:515px"></label>
| + | |
| − | | + | |
| − | | + | |
| − | <!------------------------- Social Media and Exposure --------------------->
| + | |
| − | | + | |
| − | <label class="btn2" for="Hoang"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Band_Linda.png" style="position:absolute;top:700px;margin-left:606px"></label>
| + | |
| − | <label class="btn2" for="Blaise"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a4/NAIT_Band_Blaise.png" style="position:absolute;top:840px;margin-left:607px"></label> | + | |
| − | <label class="btn2" for="Feltham"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/88/NAIT_Band_Glenn.png" style="position:absolute;top:920px;margin-left:606px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!------------------------Human Practices------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Dress"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/76/NAIT_Band_LauraD.png" style="position:absolute;top:660px;margin-left:697px"></label> | + | |
| − | <label class="btn2" for="Calvert"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/da/NAIT_Band_Jane.png" style="position:absolute;top:1011px;margin-left:697px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-------------------------iGEM Mentorship--------------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Kaern"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/83/NAIT_Band_Mads.png" style="position:absolute;top:629px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Zeng"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/54/NAIT_Band_Dawson.png" style="position:absolute;top:708px;margin-left:788px"></label>
| + | |
| − | <label class="btn2" for="Hill"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/ 5b/ NAIT_Band_Jennifer. png" style=" position:absolute;top:740px;margin-left:788px" ></label> | + | |
| − | <label class="btn2" for="Lee"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/3/3d/NAIT_Band_Sarah.png" style="position:absolute;top:810px;margin-left:788px"></label>
| + | |
| − | <label class="btn2" for="Vinoo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Vinoo.png" style="position:absolute;top:845px;margin-left:789px"></label> | + | |
| − | <label class="btn2" for="Lloyd"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/02/NAIT_Band_DavidL.png" style="position:absolute;top:872px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Laroche"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Band_Andre.png" style="position:absolute;top:970px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Rodriguez"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/04/NAIT_Band_Cesar.png" style="position:absolute;top:1020px;margin-left:788px"></label> | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!---------------------------General and Lab Help---------------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Lowther"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/cc/NAIT_Band_Lisa.png" style="position:absolute;top:710px;margin-left:880px"></label>
| + | |
| − | <label class="btn2" for="Lethbridge"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/70/NAIT_Band_UofL.png" style="position:absolute;top:920px;margin-left:879px"></label> | + | |
| − | | + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | + | <div id="wrap5"> |
| | | | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">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> |
| | + | <p class="centered_text"> |
| | + | Despite the time constraints, our team achieved a lot this summer and we are proud of what we have accomplished. |
| | + | </p> |
| | + | <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a> |
| | + | </div> |
| | + | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">iGEM 2015</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> |
| | + | <p class="centered_text"> |
| | + | Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible! |
| | + | </p> |
| | + | <a href="https://2015.igem.org" class="more">read more</a> |
| | + | </div> |
| | | | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">Contact Us!</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> |
| | + | <p class="centered_text"> |
| | + | Please contact our team if you want more information about our project or have any other questions or concerns. |
| | + | </p> |
| | + | <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a> |
| | + | </div> |
| | + | |
| | + | </div> |
| | | | |
| | | | |
| − | | + | <div class=" clear"></ div> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!----------------------------------Team Modals--------------------------->
| + | |
| − | | + | |
| − | <input class="modal2-state" id="Marcelo" type="checkbox" />
| + | |
| − | <div class="modal2"> | + | |
| − | <label class="modal2__bg" for="Marcelo"></label>
| + | |
| − | <div class="modal2__inner"> | + | |
| − | | + | |
| − | <center><h1>Marcelo Marcet</h1></center>
| + | |
| − |
| + | |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xft1/v/t1.0-9/10393725_922472104481276_3486815983435242507_n.jpg?oh=0569975f805560d35cdb4873dc488f90&oe=56168A06" width="400px"> What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend. <br><br> He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.<br><br>
| + | |
| − | | + | |
| − | Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you. </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <input class="modal2-state" id="Mattea" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="Mattea"></label>
| |
| − | <div class="modal2__inner">
| |
| | | | |
| − | <center><h1>Mattéa Bujold</h1></center>
| |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/549237_10150710242648044_1932955453_n.jpg?oh=61f318c73797ac7c8a7b2439c890189a&oe=5645A954" width="400px"> Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together. <br><br> She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience. <br><br>
| |
| | | | |
| − | We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us). </p>
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <input class="modal2-state" id="Eduardo" type="checkbox" /> | + | <div class="header_mobile"> |
| − | <div class="modal2"> | + | <ul> |
| − | <label class="modal2__bg" for="Eduardo"></label>
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a> |
| − | <div class="modal2__inner">
| + | <ul> |
| − | | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> |
| − | <center><h1>Eduardo A. R. Serratos</h1></center>
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1557451_10155696010980368_3234059026557087470_n.jpg?oh=712f438e4e845d0e29bf75b598d9a7e9&oe=564B7D93" width="400px"> Humble, intelligent, passionate, kind, handsome, <i>guapo</i> - these are just some of the few words that we can use to describe our team leader and captain, Eduardo. <br><br>
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> |
| − | | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> |
| − | He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filling out our lab logbooks with David, and somehow, he was always willing to do more. <br><br>
| + | </ul> |
| − | | + | </li> |
| − | Eduardo has truly been an indispensable asset to the team and an even better friend. We could always count on him to listen, advise and provide the emotional support in this chapter of our lives. Thank you, Eduardo, oh Captain, our captain.
| + | |
| − | | + | </ul> |
| − | | + | |
| − | </p> | + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <input class="modal2-state" id="David" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="David"></label>
| |
| − | <div class="modal2__inner">
| |
| − |
| |
| − | <center><h1>David Barilla</h1></center>
| |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| |
| − | <br><br>
| |
| − | <p>What would we do without David?</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal2-state" id="Johannes" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="Johannes"></label>
| |
| − | <div class="modal2__inner">
| |
| − |
| |
| − | <center><h1>Johannes Coomansingh</h1></center>
| |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| |
| − | <br><br>
| |
| − | <p>What would we do without Jo?</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal2-state" id="Abbie" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="Abbie"></label>
| |
| − | <div class="modal2__inner">
| |
| − |
| |
| − | <center><h1>Abbie Gottert</h1></center>
| |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11705104_1859480314277851_5340245838235339831_n.jpg?oh=bc1ec21c29ce5015e8216a008d27d045&oe=56483236" width="400px"> Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal2-state" id="Joy" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="Joy"></label>
| |
| − | <div class="modal2__inner">
| |
| − |
| |
| − | <center><h1>Joy Ramielle L. Santos</h1></center>
| |
| − | <center><img src="https://scontent.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/23655_418254300850_2003796_n.jpg?oh=0fdb3776fe5cf4b3c24aca785554999c&oe=561027E0" alt=""/></center>
| |
| − | <br><br>
| |
| − | <p>Not Meh you are awesome Joy. Joy is da bomb diggity. She is cooler than a polar bears toenails and Freddie Jackson sipping a milkshake in a snowstorm. What we mean is that she is spottieottiedopaliscious and she does not think it be like it is but it do. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal2-state" id="Kevin" type="checkbox" />
| |
| − | <div class="modal2">
| |
| − | <label class="modal2__bg" for="Kevin"></label>
| |
| − | <div class="modal2__inner">
| |
| − |
| |
| − | <center><h1>Kevin Setzer</h1></center>
| |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| |
| − | <br><br>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-------END--------------------------Team Modals------------------------------------------------->
| |
| − |
| |
| − |
| |
| − | <!--------------------------------Chemistry and Research Modals----------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Meintzer" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Meintzer"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Chris Meintzer</h1></center>
| |
| − | <p><b>Department of Chemistry, NAIT</b></p><br>
| |
| − | <p>Chris Meintzer helped in our research of the chemistry of silver staining. He provided excellent feedback on our hypothesis and gave suggestions on how to improve our theories. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Atrazheva" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Atrazheva"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Elena Atrazheva</h1></center>
| |
| − | <p><b>Department of Chemistry, NAIT</b></p><br>
| |
| − | <p> Elena helped us create a hypothesis on the mechanism of silver staining.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Force" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Force"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Len Force</h1></center>
| |
| − | <p><b>Department of Biochemical Sciences, NAIT</b></p><br>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Lucan" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Lucan"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Laura Lucan</h1></center>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Korney" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Korney"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Michael Korney</h1></center>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Tenaschuk" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Tenaschuk"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Taisha Tenaschuk</h1></center>
| |
| − | <p><b>Student, University of Toronto</b></p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!---END Chemistry and Research Modals------------------>
| |
| − |
| |
| − |
| |
| − | <!--------------------Sponsorship and Financial Aid------------------------------------>
| |
| − |
| |
| − | <input class="modal-state" id="Spencer" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Spencer"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Sandra Spencer</h1></center>
| |
| − | <p><b>Office of Research and Innovation, NAIT</b></p><br>
| |
| − | <p>HELPED A LOT</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Hurlburt" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Hurlburt"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Sean Hurlburt</h1></center>
| |
| − | <p><b>Integrated DNA Technologies (IDT)</b></p><br>
| |
| − | <p>Our main contact and friend at IDT. Sean was very helpful in the process of ordering and receiving our IDT custom sequences.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="McMullen" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="McMullen"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Bill McMullen</h1></center>
| |
| − | <p><b>Leadership Mentor, NAIT</b></p><br>
| |
| − | <p>Introduced us to personnel within NAIT to assist with drafting funding letters and connected us with NAIT's branding manager.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Giordano" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Giordano"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Sabrina Giordano</h1></center>
| |
| − | <p><b>???, NAIT</b></p><br>
| |
| − | <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Svensen-Lewis" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Svensen-Lewis"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Chantelle Svensen-Lewis</h1></center>
| |
| − | <p><b>???, NAIT</b></p><br>
| |
| − | <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Coomansingh" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Coomansingh"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Hugh Coomansingh</h1></center>
| |
| − | <p><b>???</b></p><br>
| |
| − | <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Vaughn" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Vaughn"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Vaughn Coomansingh</h1></center>
| |
| − | <p><b>???</b></p><br>
| |
| − | <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!---------------------END--------Sponsorship----------------------------------------------->
| |
| − |
| |
| − | <!----------------------------Wiki Design Modal--------------------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Wu" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Wu"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Patrick Wu</h1></center>
| |
| − | <p><b>Synbiota Inc.</b></p><br>
| |
| − | <p>Provided wiki advice and support during our meet up with Team Lethbridge.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <input class="modal-state" id="Aljamea" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Aljamea"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Sana Al Jamea</h1></center>
| |
| − | <p><b>Branding Manager, NAIT</b></p><br>
| |
| − | <p>Gave advice on our Wiki logo design and how to represent the NAIT brand on our wiki.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!------------------------END Wiki Design-------------------------------------------------------->
| |
| − |
| |
| − | <!--------------------------3D------------------------------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Dietz" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Dietz"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Leslie Dietz</h1></center>
| |
| − | <p><b>Digital Media and Information Technology, NAIT</b></p><br>
| |
| − | <p>Provided digital media lab space at NAIT's DMIT department for batch rendering our 3D animations.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="MacQueen" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="MacQueen"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Jason MacQueen</h1></center>
| |
| − | <p><b>Mechanical Engineering Technology, NAIT</b></p><br>
| |
| − | <p>Helped to create the 3D model of a polyacrylamide gel for animation.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!-------------------------------END3D---------------------------------------------------->
| |
| − |
| |
| − | <!-------------------------------Entrepreneurship Modals---------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Mazumder" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Mazumder"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Robin Mazumder</h1></center>
| |
| − | <p><b>Office of Research and Innovation, NAIT</b></p><br>
| |
| − | <p>Instrumental in providing information and resources on intellectual property - also hosted workshops on IP, business management, new venture and entrepreneurship.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Aakash" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Aakash"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Aakash Anantharaman</h1></center>
| |
| − | <p><b>Mechanical Engineering Technology Student, NAIT</b></p><br>
| |
| − | <p>Helped to draft business models and was always willing to hear our future plans for our project.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Andrews" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Andrews"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>George Andrews</h1></center>
| |
| − | <p><b>VP External Relations and CDO, NAIT</b></p><br>
| |
| − | <p>Brought in CEO of Guardian Chemicals, Stewart Roth, to mentor us on IP and patents.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Roth" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Roth"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Stewart Roth</h1></center>
| |
| − | <p><b>CEO, Guardian Chemicals</b></p><br>
| |
| − | <p>Provided mentorship and a talk about intellectual property and patenting ideas.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!----------------------------------END Entrepreneurship Modals----------------------------->
| |
| − |
| |
| − | <!----------------------------------Social Media and Exposure Modals------------------------>
| |
| − |
| |
| − | <input class="modal-state" id="Hoang" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Hoang"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Linda Hoang</h1></center>
| |
| − | <p><b>Social Media Specialist, NAIT</b></p><br>
| |
| − | <p>Provided socvial media exposure for our team - including taking and posting photographs of our team and following us on Twitter!</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Blaise" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Blaise"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Blaise van Malsen</h1></center>
| |
| − | <p><b>techLife Photographer, NAIT</b></p><br>
| |
| − | <p>Photographed our team for featuring in NAIT's techLife magazine.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Feltham" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Feltham"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Glenn Feltham</h1></center>
| |
| − | <p><b>President, NAIT</b></p><br>
| |
| − | <p>Provided exposure for our team in the NAIT community as well as advice on intellectual property.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!--------------------------------------END Social Media MODALS----------------------------------------->
| |
| − |
| |
| − | <!------------------------------Human Practices MODALS-------------------------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Dress" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Dress"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Laura Dress</h1></center>
| |
| − | <p><b>Six Red Marbles</b></p><br>
| |
| − | <p>Gave information and guidance for policy and practices.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Calvert" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Calvert"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Jane Calvert</h1></center>
| |
| − | <p><b>Science Technology and Innovation Studies, University of Edinburgh</b></p><br>
| |
| − | <p>Gave a Skype session on policy and practices that guided us in writing our own policies and practices.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!------------------------------------END Human Practices----------------------------------------------->
| |
| − |
| |
| − | <!------------------------------------ iGEM Mentorship Modals--------------------------------------->
| |
| − |
| |
| − | <input class="modal-state" id="Kaern" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Kaern"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Mads Kaern</h1></center>
| |
| − | <p><b>Institute of Systems Biology, University of Ottawa</b></p><br>
| |
| − | <p>Gave us insight on the mechanics of the iGEM competition</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Zeng" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Zeng"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Dawson Zeng</h1></center>
| |
| − | <p><b>Student, University of Alberta</b></p><br>
| |
| − | <p>Offered his previous iGEM experience to us and gave us insight and guidance for the steps needed to be taken for the competition.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Hill" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Hill"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Jennifer Hill</h1></center>
| |
| − | <p><b>Alberta Innovates - Technology Futures</b></p><br>
| |
| − | <p>Coordinated meetups in Alberta for our team as we were the "new kids on the block" of iGEM.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Lee" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Lee"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Sarah Lee</h1></center>
| |
| − | <p><b>Team Lead, Alberta Innovates - Technology Futures</b></p><br>
| |
| − | <p>Coordinated meetups in Alberta for our team. Meetups included a geekStarter workshop in Calgary and in Lethbridge.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Vinoo" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Vinoo"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Vinoo Selvarajah</h1></center>
| |
| − | <p><b>iGEM Representative</b></p><br>
| |
| − | <p>Kept us up to date on medal requirements and was very keen on keeping us informed and on top oif all deadlines and requirements for iGEM.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Lloyd" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Lloyd"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>David Lloyd</h1></center>
| |
| − | <p><b>FREDsense Technologies</b></p><br>
| |
| − | <p>Gave constructive criticism on our presentation style and content during our meet up with Lethbridge.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Laroche" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Laroche"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>André Laroche</h1></center>
| |
| − | <p><b>???</b></p><br>
| |
| − | <p>Provided valuable feedback for our presentation and project during our meet up with Lethbridge.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <input class="modal-state" id="Rodriguez" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Rodriguez"></label>
| |
| − | <div class="modal__inner">
| |
| − |
| |
| − | <center><h1>Cesar Rodriguez</h1></center>
| |
| − | <p><b>Florida State University</b></p><br>
| |
| − | <p>Gave our team access to Autodesk software and mentorship, also gave us a talk on the Imagine, Design and Create workflow.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!--------------------------------------------------------MODAL END------------------------------------------>
| |
| − |
| |
| − | <
| |
| | <div class="clear"></div> | | <div class="clear"></div> |
| | | | |
| − |
| + | |
| − | </div>
| + | |
| | | | |
| − | | + | <div class="footer"> |
| | <div class="footer_content"> | | <div class="footer_content"> |
| | <div class="footer_left"> | | <div class="footer_left"> |
| Line 748: |
Line 267: |
| | <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li> | | <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li> |
| | <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li> | | <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li> |
| | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs"><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" width="20px" alt="" title="" /></a></li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
| Line 753: |
Line 273: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div>
| |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| | #footer {z-index:15;} | | #footer {z-index:15;} |
| − | .footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;} | + | .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:1000px;} | + | .footer_content {margin:auto;width:100%;} |
| − | .footer_left { float:left; padding:0 0 0 0px;} | + | .footer_left { float:left; padding:0 0 0 10%;} |
| − | .footer_right{ float:right; padding:0 0px 0 0;} | + | .footer_right{ float:right; padding:0 10% 0 0;} |
| | ul.social_icons { margin:0px; padding:0px; list-style:none;} | | ul.social_icons { margin:0px; padding:0px; list-style:none;} |
| | ul.social_icons li{ float:left;} | | ul.social_icons li{ float:left;} |
| Line 775: |
Line 294: |
| | | | |
| | </style> | | </style> |
| − |
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal.min.js?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | window.sr = new scrollReveal();
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | </body> | | </body> |
| − |
| |
| | | | |
| | </html> | | </html> |
