Difference between revisions of "Team:HSNU-TAIPEI"

 
(100 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;
 
}
 
}
  
 
.home-bg {
 
.home-bg {
 
     width: 100%;
 
     width: 100%;
 +
    border: 1px solid #e4f3ff;
 
}
 
}
  
Line 18: Line 18:
 
     top: 10px;
 
     top: 10px;
 
     left: 10px;
 
     left: 10px;
 +
    color: #fff;
 +
    text-shadow: 0 1px 2px #000;
 
}
 
}
  
 
.home-bg img {
 
.home-bg img {
 
     width: 100%;
 
     width: 100%;
−
    border: 1px solid #0000cc;
 
 
}
 
}
  
Line 38: Line 39:
 
}
 
}
  
 +
.home-about,
 
.three-link .home-bg {
 
.three-link .home-bg {
 
     width: 100%;
 
     width: 100%;
Line 44: Line 46:
 
.three-link img {
 
.three-link img {
 
     width: 100%;
 
     width: 100%;
 +
}
 +
 +
.backing-link {
 +
    position: absolute;
 +
    opacity: 0;
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index: 3;
 +
    margin: 0;
 +
    padding: 0;
 +
    top: 0;
 +
    left: 0;
 +
    bottom: auto;
 +
    right: auto;
 +
}
 +
 +
.home-about {
 +
    min-height: 200px;
 +
    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;
 
}
 
}
  
  
 
/* SLIDER */
 
/* SLIDER */
 +
 +
.slider-nav {
 +
    display: none;
 +
}
 +
 +
.slide {
 +
    backgrounod-repeat: no-repeat;
 +
    background-position: center center;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
    width: 100%;
 +
    height: 500px;
 +
}
 +
 +
@media screen and (min-width: 1025px) {
  
 
.slider {
 
.slider {
Line 59: Line 123:
 
     top: 0;
 
     top: 0;
 
     left: 0;
 
     left: 0;
−
    width: 100%;
 
 
     height: 100%;
 
     height: 100%;
 
}
 
}
Line 69: Line 132:
  
 
.slider-nav {
 
.slider-nav {
 +
    display: block;
 
     text-align: center;
 
     text-align: center;
 
     height: 60px;
 
     height: 60px;
−
     position: relative;
+
     position: absolute;
−
     top: -60px;
+
     bottom: 0;
 +
    width: 100%;
 +
    z-index: 4;
 
}
 
}
  
Line 95: Line 161:
  
 
.slider-dots li {
 
.slider-dots li {
−
     color: #bbbcbc;
+
     color: #e4f3ff;
 
     display: inline;
 
     display: inline;
 
     font-size: 30px;
 
     font-size: 30px;
 
     margin-right: 5px;
 
     margin-right: 5px;
 +
    text-shadow: 0 0 1px #000;
 
}
 
}
  
 
.slider-dots li.active-dot {
 
.slider-dots li.active-dot {
−
     color: #363636;
+
     color: #004175;
 
}
 
}
  
 +
.hsnu-banner {
 +
    display: block;
 +
}
 +
}
 +
 +
 +
@media screen and (min-width: 1280px) {
 +
 +
.slider {
 +
    height: 720px;
 +
}
 +
 +
}
 
</style>
 
</style>
  
Line 112: 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 122: 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 131: 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 145: 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 155: 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 179: Line 264:
 
<ul class="sub-nav small-nav">
 
<ul class="sub-nav small-nav">
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/meetup">Meet Up</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/meetup">Meet Up</a></li>
−
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/ansianconference">Ansian Conference</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/asianconference">Asian Conference</a></li>
 
</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/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 196: 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">
+
<section>
−
<h2>Project</h2>
+
<h1>Project<br><span style="font-size:24px" class="slg">EVENGERS-Biosensors of Recycled Oil</span></h1>
−
<img src="http://placehold.it/1280x600">
+
<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">
+
</section>
−
<h2>Human Practice</h2>
+
<section>
−
<img src="http://placehold.it/1280x600">
+
<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">
+
<img src="https://static.igem.org/mediawiki/2015/f/f3/HSNU-TAIPEI_Product.jpg">
−
<h2>Achivement</h2>
+
</section>
−
<img src="http://placehold.it/1280x600">
+
<section>
−
</div>
+
<h1>Parts</h1>
−
<div class="jumbo-bg home-bg slide">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts"></a>
−
<h2>Parts</h2>
+
<img src="https://static.igem.org/mediawiki/2015/7/73/HSNU-TAIPEI_mascot_4.png">
−
<img src="http://placehold.it/1280x600">
+
</section>
−
</div>
+
<section>
−
+
<h1>Notebook</h1>
−
+
<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">
−
+
</section>
−
</div>
+
<section>
−
        <div class="slider-nav">
+
<h1>Human Practice</h1>
−
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview"></a>
−
        <a class="arrow-prev"><img src="https://static.igem.org/mediawiki/2015/6/6e/HSNU-TAIPEI_pre-arrow.png"></a>
+
<img src="https://static.igem.org/mediawiki/2015/c/c3/2015_hsnu_hppppppp.jpg">
−
        <ul class="slider-dots">
+
</section>
−
                <li class="dot active-dot">&bull;</li>
+
<section>
−
                <li class="dot">&bull;</li>
+
<h1>Achievement</h1>
−
                <li class="dot">&bull;</li>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement"></a>
−
                <li class="dot">&bull;</li>
+
<img src="https://static.igem.org/mediawiki/2015/f/f2/2015_hsnu_cjbldkhskdjsdksd.jpg">
−
        </ul>
+
</section>
−
       
+
<section>
−
       
+
<h1>Team</h1>
−
       
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/members"></a>
−
       
+
<img src="https://static.igem.org/mediawiki/2015/thumb/0/04/HSNU-TAIPEI_mascot_2.png/624px-HSNU-TAIPEI_mascot_2.png">
−
        <a class="arrow-next"><img src="https://static.igem.org/mediawiki/2015/4/40/HSNU-TAIPEI_next-arrow.png"></a>
+
</section>
−
       
+
<section>
−
</div>
+
<h1>Attributions</h1>
−
        <div class="section three-link">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions"></a>
−
                <div class="home-bg">
+
<img src="https://static.igem.org/mediawiki/2015/b/b0/HSNU-TAIPEI_mascot_1.png">
−
                        <h2>Product</h2>
+
</section>
−
                        <img src="http://placehold.it/350x200">
+
</div>
−
                </div>
+
</main>
−
                <div class="home-bg">
+
−
                        <h2>Notebook</h2>
+
−
                        <img src="http://placehold.it/350x200">
+
−
                </div>
+
−
                <div class="home-bg">
+
−
                        <h2>Team</h2>
+
−
                        <img src="http://placehold.it/350x200">
+
−
                </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() {
+
 
−
  $('.arrow-next').click(function() {
+
 
−
    var currentSlide = $('.active-slide'),
+
−
        currentDot = $('.active-dot');
+
−
    var nextSlide = currentSlide.next(),
+
−
        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');
+
−
  });
+
−
  $('.arrow-prev').click(function() {
+
−
    var currentSlide = $('.active-slide'),
+
−
        currentDot = $('.active-dot');
+
−
    var prevSlide = currentSlide.prev(),
+
−
        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');
+
−
  });
+
−
};
+
−
$(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