Difference between revisions of "Team:HSNU-TAIPEI"

 
(47 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{HSNU-TAIPEI/main}}
 
{{HSNU-TAIPEI/main}}
−
 
+
{{HSNU-TAIPEI/labnotes_css}}
 
<html>
 
<html>
−
 
 
<style>
 
<style>
−
 
 
.home {
 
.home {
 
     padding: 0;
 
     padding: 0;
 
     margin: 0;
 
     margin: 0;
 +
    min-height: 1px;
 
}
 
}
  
Line 40: Line 39:
 
}
 
}
  
 +
.home-about,
 
.three-link .home-bg {
 
.three-link .home-bg {
 
     width: 100%;
 
     width: 100%;
Line 64: Line 64:
  
 
.home-about {
 
.home-about {
−
    width: 66.6666%;
+
     min-height: 200px;
−
     min-height: 1px;
+
 
     background: tomato;
 
     background: tomato;
 +
    -webkit-box-order: -1;
 +
    -moz-order: -1;
 +
    -webkit-order: -1;
 +
    -ms-order: -1;
 +
    order: -1;
 
}
 
}
  
 +
.hsnu-banner h2 {
 +
    position: absolute;
 +
    top: 3%;
 +
    right: 2%;
 +
}
 +
 +
.hsnu-banner {
 +
    position: relative;
 +
    display: none;
 +
    width: 100%;
 +
}
 +
 +
.hsnu-banner img {
 +
    width: 100%;
 +
}
 +
 +
.slg::before {
 +
    display:none !important;
 +
}
  
  
Line 148: Line 171:
 
     color: #004175;
 
     color: #004175;
 
}
 
}
 +
 +
.hsnu-banner {
 +
    display: block;
 
}
 
}
 +
}
 +
  
 
@media screen and (min-width: 1280px) {
 
@media screen and (min-width: 1280px) {
Line 164: Line 192:
 
<div class="cell">
 
<div class="cell">
 
<div class="logo">
 
<div class="logo">
−
<a href="https://2015.igem.org/Team:HSNU-TAIPEI">HSNU</a>
+
<a href="https://2015.igem.org/Team:HSNU-TAIPEI" style="font-size:24px;">HSNU-Taipei</a>
 
</div>
 
</div>
 
<div class="header-right">
 
<div class="header-right">
Line 174: Line 202:
 
<a>Project</a>
 
<a>Project</a>
 
<ul class="sub-nav">
 
<ul class="sub-nav">
−
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectoverview">Overview</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Description">Overview</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectBP">Benzo[A]Pyrene</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectBP">Benzo[A]Pyrene</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcopper">Copper</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcopper">Copper</a></li>
Line 183: Line 211:
 
</ul>
 
</ul>
 
</li>
 
</li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Design">Product</a></li>
 +
<li class="list-item has-sub-nav">
 +
              <a>Parts</a>
 +
              <ul class="sub-nav">
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts">Parts</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Basic_Part">Basic Part</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Composite_Part">Composite Part</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Part_Collection">Part Collection</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes">Notebook</a></li>
 
             <li class="list-item has-sub-nav">
 
             <li class="list-item has-sub-nav">
 
<a>Human Practice</a>
 
<a>Human Practice</a>
 
<ul class="sub-nav">
 
<ul class="sub-nav">
−
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview">Overview</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Practices">Overview</a></li>
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
 
<a>Organization</a>
 
<a>Organization</a>
Line 197: Line 236:
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/elementary">Elementary</a></li>
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/elementary">Elementary</a></li>
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/kindergarten">Kindergarten</a></li>
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/kindergarten">Kindergarten</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/teacher">Teacher</a></li>
 
                       </ul>
 
                       </ul>
 
                     </li>
 
                     </li>
Line 207: Line 247:
 
                     </li>
 
                     </li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/ngo">NGO</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/ngo">NGO</a></li>
−
<li class="list-item has-sub-nav">
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/industry/vendors">Industry</a></li>
−
                      <a>Industry</a>
+
−
                      <ul class="sub-nav small-nav">
+
−
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/industry/fc">Food Companies</a></li>
+
−
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/industry/bc">Biotech Companies</a></li>
+
−
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/industry/vendors">Vendors</a></li>
+
−
                      </ul>
+
−
                    </li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 234: Line 267:
 
</ul>
 
</ul>
 
</li>
 
</li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/community">Community</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/lawyer">Lawyer</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
            <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes">Notebook</a></li>
 
−
            <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/parts">Parts</a></li>
 
 
             <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement">Achievement</a></li>
 
             <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement">Achievement</a></li>
−
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/product">Product</a></li>
 
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Team/members">Team</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Team/members">Team</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions">Attributions</a></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 247: Line 280:
 
</header>
 
</header>
  
−
<main>
+
<main>
−
<div class="mc-container home">
+
<div class="mc-container home">
−
                                        <div class="section slider">
+
                <div class="hsnu-banner"><h2>EVENGERS-Biosensors of Recycled Oil</h2><img src="https://static.igem.org/mediawiki/2015/thumb/e/e0/HSNU-TAIPEI_banner.png/1600px-HSNU-TAIPEI_banner.png"></div>
−
<div class="jumbo-bg home-bg slide active-slide" style="background-image: url('https://static.igem.org/mediawiki/2015/thumb/6/6b/HSNU-TAIPEI_homeimage.jpg/800px-HSNU-TAIPEI_homeimage.jpg');">
+
<section>
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectoverview" class="backing-link"></a>
+
<h1>Project<br><span style="font-size:24px" class="slg">EVENGERS-Biosensors of Recycled Oil</span></h1>
−
<h2>Project</h2>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Description"></a>
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/3/32/HSNU-TAIPEI-MENU.jpg">
−
<div class="jumbo-bg home-bg slide" style="background-image: url('https://static.igem.org/mediawiki/2015/thumb/d/da/HSNU-TAIPEI_homeimage_4.png/800px-HSNU-TAIPEI_homeimage_4.png');">
+
</section>
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview" class="backing-link"></a>
+
<section>
−
<h2>Human Practice</h2>
+
<h1>Product<br><span style="font-size: 24px" class="slg">A container of microcapsules for<br>E.coli immobilization</span></h1>
−
</div>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Design"></a>
−
<div class="jumbo-bg home-bg slide" style="background-image: url('https://static.igem.org/mediawiki/2015/thumb/6/6b/HSNU-TAIPEI_homeimage.jpg/800px-HSNU-TAIPEI_homeimage.jpg');">
+
<img src="https://static.igem.org/mediawiki/2015/f/f3/HSNU-TAIPEI_Product.jpg">
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement" class="backing-link"></a>
+
</section>
−
<h2>Achivement</h2>
+
<section>
−
</div>
+
<h1>Parts</h1>
−
<div class="jumbo-bg home-bg slide" style="background-image: url('https://static.igem.org/mediawiki/2015/thumb/6/6b/HSNU-TAIPEI_homeimage.jpg/800px-HSNU-TAIPEI_homeimage.jpg');">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts"></a>
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/parts" class="backing-link"></a>
+
<img src="https://static.igem.org/mediawiki/2015/7/73/HSNU-TAIPEI_mascot_4.png">
−
<h2>Parts</h2>
+
</section>
−
</div>
+
<section>
−
+
<h1>Notebook</h1>
−
<div class="slider-nav">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes"></a>
−
+
<img src="https://static.igem.org/mediawiki/2015/3/3d/HSNU-TAIPEI_mascot_5.png">
−
        <a class="arrow-prev"><img src="https://static.igem.org/mediawiki/2015/6/6e/HSNU-TAIPEI_pre-arrow.png"></a>
+
</section>
−
        <ul class="slider-dots">
+
<section>
−
                <li class="dot active-dot">&bull;</li>
+
<h1>Human Practice</h1>
−
                <li class="dot">&bull;</li>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview"></a>
−
                <li class="dot">&bull;</li>
+
<img src="https://static.igem.org/mediawiki/2015/c/c3/2015_hsnu_hppppppp.jpg">
−
                <li class="dot">&bull;</li>
+
</section>
−
        </ul>
+
<section>
−
        <a class="arrow-next"><img src="https://static.igem.org/mediawiki/2015/4/40/HSNU-TAIPEI_next-arrow.png"></a>
+
<h1>Achievement</h1>
−
</div>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement"></a>
−
+
<img src="https://static.igem.org/mediawiki/2015/f/f2/2015_hsnu_cjbldkhskdjsdksd.jpg">
−
+
</section>
−
</div>
+
<section>
−
       
+
<h1>Team</h1>
−
 
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/members"></a>
−
<div class="section three-link">
+
<img src="https://static.igem.org/mediawiki/2015/thumb/0/04/HSNU-TAIPEI_mascot_2.png/624px-HSNU-TAIPEI_mascot_2.png">
−
                        <div class="home-bg">
+
</section>
−
                            <a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectoverview" class="backing-link"></a>
+
<section>
−
                            <h2>Project</h2>
+
<h1>Attributions</h1>
−
                            <img src="https://static.igem.org/mediawiki/2015/thumb/d/da/HSNU-TAIPEI_homeimage_4.png/800px-HSNU-TAIPEI_homeimage_4.png">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions"></a>
−
                        </div>
+
<img src="https://static.igem.org/mediawiki/2015/b/b0/HSNU-TAIPEI_mascot_1.png">
−
                        <div class="home-about">
+
</section>
−
                        </div>
+
</div>
−
                    </div>
+
</main>
−
 
+
−
        <div class="section three-link">
+
−
                        <div class="home-bg">
+
−
                            <a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview" class="backing-link"></a>
+
−
                            <h2>Human Practice</h2>
+
−
                            <img src="https://static.igem.org/mediawiki/2015/thumb/6/6c/HSNU-TAIPEI_homeimage_3.jpg/800px-HSNU-TAIPEI_homeimage_3.jpg">
+
−
                        </div>
+
−
                        <div class="home-bg">
+
−
                            <a href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement" class="backing-link"></a>
+
−
                            <h2>Achievement</h2>
+
−
                            <img src="https://static.igem.org/mediawiki/2015/thumb/8/8e/HSNU-TAIPEI_homeimage_1.jpg/800px-HSNU-TAIPEI_homeimage_1.jpg">
+
−
                        </div>
+
−
                        <div class="home-bg">
+
−
                            <a href="https://2015.igem.org/Team:HSNU-TAIPEI/parts" class="backing-link"></a>
+
−
                            <h2>Parts</h2>
+
−
                            <img src="https://static.igem.org/mediawiki/2015/thumb/8/8e/HSNU-TAIPEI_homeimage_1.jpg/800px-HSNU-TAIPEI_homeimage_1.jpg">
+
−
                        </div>
+
−
                    </div>
+
−
       
+
−
        <div class="section three-link">
+
−
                <div class="home-bg">
+
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/product" class="backing-link"></a>
+
−
                        <h2>Product</h2>
+
−
                        <img src="https://static.igem.org/mediawiki/2015/thumb/8/8e/HSNU-TAIPEI_homeimage_1.jpg/800px-HSNU-TAIPEI_homeimage_1.jpg">
+
−
                </div>
+
−
                <div class="home-bg">
+
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes" class="backing-link"></a>
+
−
                        <h2>Notebook</h2>
+
−
                        <img src="https://static.igem.org/mediawiki/2015/c/cd/HSNU-TAIPEI_homeimage_5.jpg">
+
−
                </div>
+
−
                <div class="home-bg">
+
−
                        <a href="https://2015.igem.org/Team:HSNU-TAIPEI/Team/members" class="backing-link"></a>
+
−
                        <h2>Team</h2>
+
−
                        <img src="https://static.igem.org/mediawiki/2015/d/d5/HSNU-TAIPEI_homeimage_2.jpg">
+
−
                </div>
+
−
        </div>
+
−
</div>
+
−
</main>
+
  
 
<footer>
 
<footer>
 
<div class="footer-cell">
 
<div class="footer-cell">
 +
<div class="six-img">
 +
        <img src="https://static.igem.org/mediawiki/2015/f/f8/HSNU-TAIPEI_cooperation_1.gif">
 +
        <img src="https://static.igem.org/mediawiki/2015/3/37/HSNU-TAIPEI_cooperation_2.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/0/02/HSNU-TAIPEI_cooperation_3.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/9/92/HSNU-TAIPEI_cooperation_4.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/e/e8/HSNU-TAIPEI_cooperation_5.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/6/60/HSNU-TAIPEI_cooperation_6.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/9/9a/HSNU-TAIPEI_attributions_1.gif">
 +
</div>
 
<p><a href="http://www.hs.ntnu.edu.tw">HSNU | Taipei</a></p>
 
<p><a href="http://www.hs.ntnu.edu.tw">HSNU | Taipei</a></p>
 
</div>
 
</div>
 
</footer>
 
</footer>
−
</div>
 
  
−
<script>
+
</div>
−
var main = function() {
+
 
−
  var slideToNext = function() {
+
 
−
    var currentSlide = $('.active-slide'),
+
−
        currentDot = $('.active-dot');
+
−
    var nextSlide = currentSlide.next('.slide'),
+
−
        nextDot = currentDot.next();
+
−
    if(nextSlide.length === 0) {
+
−
      nextSlide = $('.slide').first();
+
−
      nextDot = $('.dot').first();
+
−
    }
+
−
    currentSlide.fadeOut(600).removeClass('active-slide');
+
−
    currentDot.removeClass('active-dot');
+
−
    nextSlide.fadeIn(600).addClass('active-slide');
+
−
    nextDot.addClass('active-dot');
+
−
  };
+
−
  var slideToPrev = function() {
+
−
    var currentSlide = $('.active-slide'),
+
−
        currentDot = $('.active-dot');
+
−
    var prevSlide = currentSlide.prev('.slide'),
+
−
        prevDot = currentDot.prev();
+
−
    if(prevSlide.length === 0) {
+
−
      prevSlide = $('.slide').last();
+
−
      prevDot = $('.dot').last();
+
−
    }
+
−
    currentSlide.fadeOut(600).removeClass('active-slide');
+
−
    currentDot.removeClass('active-dot');
+
−
    prevSlide.fadeIn(600).addClass('active-slide');
+
−
    prevDot.addClass('active-dot');
+
−
  };
+
−
  $('.arrow-next').click(slideToNext);
+
−
  $('.arrow-prev').click(slideToPrev);
+
−
  if($('.slider-nav').css('display') !== 'none') {
+
−
    setInterval(slideToNext, 5000);
+
−
  }
+
−
};
+
−
$(document).ready(main);
+
−
</script>
+
  
 
</html>
 
</html>
 
{{HSNU-TAIPEI/nav_js}}
 
{{HSNU-TAIPEI/nav_js}}

Latest revision as of 06:26, 15 October 2015

EVENGERS-Biosensors of Recycled Oil

Project
EVENGERS-Biosensors of Recycled Oil

Product
A container of microcapsules for
E.coli immobilization

Parts

Notebook

Human Practice

Achievement

Team

Attributions