Difference between revisions of "Team:HSNU-TAIPEI"

 
(124 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{HSNU-TAIPEI/main}}
 
{{HSNU-TAIPEI/main}}
 +
{{HSNU-TAIPEI/labnotes_css}}
 
<html>
 
<html>
 +
<style>
 +
.home {
 +
    padding: 0;
 +
    margin: 0;
 +
    min-height: 1px;
 +
}
 +
 +
.home-bg {
 +
    width: 100%;
 +
    border: 1px solid #e4f3ff;
 +
}
 +
 +
.home-bg h2 {
 +
    position: absolute;
 +
    top: 10px;
 +
    left: 10px;
 +
    color: #fff;
 +
    text-shadow: 0 1px 2px #000;
 +
}
 +
 +
.home-bg img {
 +
    width: 100%;
 +
}
 +
 +
.three-link {
 +
    display: -webkit-box;
 +
display: -moz-box;
 +
display: -ms-flexbox;
 +
display: -webkit-flex;
 +
display: flex;
 +
                -webkit-box-flex-flow: row wrap;
 +
-moz-box-flex-flow: row wrap;
 +
-webkit-flex-flow: row wrap;
 +
-ms-flex-flow: row wrap;
 +
flex-flow: row wrap;
 +
}
 +
 +
.home-about,
 +
.three-link .home-bg {
 +
    width: 100%;
 +
}
 +
 +
.three-link img {
 +
    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-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 {
 +
    height: 600px;
 +
    position: relative;
 +
}
 +
 +
.slide {
 +
    display: none;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    height: 100%;
 +
}
 +
 +
.active-slide {
 +
    display: block;
 +
}
 +
 +
 +
.slider-nav {
 +
    display: block;
 +
    text-align: center;
 +
    height: 60px;
 +
    position: absolute;
 +
    bottom: 0;
 +
    width: 100%;
 +
    z-index: 4;
 +
}
 +
 +
.arrow-prev {
 +
    display: inline-block;
 +
    margin-right: 5px;
 +
    vertical-align: top;
 +
}
 +
 +
.arrow-next {
 +
    display: inline-block;
 +
    margin-left: 5px;
 +
    vertical-align: top;
 +
}
 +
 +
.slider-dots {
 +
    list-style: none;
 +
    display: inline-block;
 +
    padding: 0;
 +
    margin: 15px 0 0;
 +
}
 +
 +
.slider-dots li {
 +
    color: #e4f3ff;
 +
    display: inline;
 +
    font-size: 30px;
 +
    margin-right: 5px;
 +
    text-shadow: 0 0 1px #000;
 +
}
 +
 +
.slider-dots li.active-dot {
 +
    color: #004175;
 +
}
 +
 +
.hsnu-banner {
 +
    display: block;
 +
}
 +
}
 +
 +
 +
@media screen and (min-width: 1280px) {
 +
 +
.slider {
 +
    height: 720px;
 +
}
 +
 +
}
 +
</style>
 +
 
<div class="wrapper">
 
<div class="wrapper">
  
Line 6: 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 14: Line 200:
 
<ul class="main-nav">
 
<ul class="main-nav">
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
−
<a href="#">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>
−
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectlead">Cadmium</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcadmium">Cadmium</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectmercury">Mercury</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectmercury">Mercury</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectlead">Lead</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectlead">Lead</a></li>
Line 25: 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 href="#">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 href="#">Organization</a>
+
<a>Organization</a>
 
<ul class="sub-nav small-nav">
 
<ul class="sub-nav small-nav">
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
−
                       <a href="#">Education</a>
+
                       <a>Education</a>
 
                       <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/education/seniorhigh">Senior High</a></li>
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/seniorhigh">Senior High</a></li>
Line 39: 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>
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
−
                       <a href="#">Government</a>
+
                       <a>Government</a>
 
                       <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/government/legislators">Legislators</a></li>
 
                         <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/government/legislators">Legislators</a></li>
Line 49: 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 href="#">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>
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
−
<a href="#">Material</a>
+
<a>Material</a>
 
<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/material/app">APP</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/app">APP</a></li>
Line 70: Line 261:
 
</li>
 
</li>
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
−
<a href="#">Cooperation</a>
+
<a>Cooperation</a>
 
<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 has-sub-nav">
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/community">Community</a></li>
−
                  <a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/community">Community</a>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/lawyer">Lawyer</a></li>
−
                </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 92: Line 280:
 
</header>
 
</header>
  
−
 
+
<main>
−
<main>
+
<div class="mc-container home">
−
<div class="mc-container">
+
                <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="section">
+
<section>
−
<div class="jumbo-bg home-bg">
+
<h1>Project<br><span style="font-size:24px" class="slg">EVENGERS-Biosensors of Recycled Oil</span></h1>
−
<div class="project-description">
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Description"></a>
−
<h2>About the Project</h2>
+
<img src="https://static.igem.org/mediawiki/2015/3/32/HSNU-TAIPEI-MENU.jpg">
−
<p>Our goal is to detect recycled oil. There are several substances like Aflatoxin, Benzo[a]pyrene, heavy metals, which are exist in recycled oil. We want to make it easy, convenience for people to detect whether the food is safe. But not with large, heavy machines and wasting several days for detection.</p>
+
</section>
−
</div>
+
<section>
−
</div>
+
<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>
+
<img src="https://static.igem.org/mediawiki/2015/f/f3/HSNU-TAIPEI_Product.jpg">
−
</main>
+
</section>
 +
<section>
 +
<h1>Parts</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/HSNU-TAIPEI_mascot_4.png">
 +
</section>
 +
<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>
 +
<section>
 +
<h1>Human Practice</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/c/c3/2015_hsnu_hppppppp.jpg">
 +
</section>
 +
<section>
 +
<h1>Achievement</h1>
 +
<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>
 +
<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">
 +
</section>
 +
<section>
 +
<h1>Attributions</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/b/b0/HSNU-TAIPEI_mascot_1.png">
 +
</section>
 +
</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>
+
 
 +
</div>
 +
 
 +
 
 +
 
 
</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