Difference between revisions of "Team:TAS Taipei/Team"

Line 1: Line 1:
−
{{TAS Taipei/CSS2}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
 
<html lang="en">
 
<html lang="en">
  
Line 20: Line 20:
  
 
<body>
 
<body>
−
     <div class="boxes2">
+
     <div class="return">
−
         <div class="box2" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
         <h1>X</h1>
−
             <h1>PROJECT
+
    </div>
−
                 <span>
+
    <div class="yellow">
−
                    <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna" width="40vh">
+
        <div class="box right">
−
                 </span>
+
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
−
             </h1>
+
                <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna">
 +
             </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
 +
                 <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
 +
                <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
 +
                 <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna">
 +
             </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Safety" id="biosafety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
 +
                <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
 +
                <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna">
 +
            </div>
 
         </div>
 
         </div>
−
         <div class="box2" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
         <div class="blue">
−
            <h1>EXPERIMENTS
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
−
                <span>
+
                <h1>Project</h1>
−
                    <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna" width="40vh">
+
            </div>
−
                 </span>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
−
            </h1>
+
                 <h1>Experiment</h1>
−
        </div>
+
            </div>
−
        <div class="box2" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
−
            <h1>MODELING
+
                <h1>Modeling</h1>
−
                <span>
+
             </div>
−
                    <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna" width="40vh">
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
−
                </span>
+
                <h1>Prototype</h1>
−
             </h1>
+
             </div>
−
        </div>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
−
        <div class="box2" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
                 <h1>Human Practice</h1>
−
            <h1>PROTOTYPE
+
             </div>
−
                <span>
+
            <div class="box3 left" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
−
                    <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna" width="40vh">
+
                <h1>Biosafety</h1>
−
                </span>
+
            </div>
−
             </h1>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
−
        </div>
+
                 <h1>About Us</h1>
−
        <div class="box2" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
             </div>
−
            <H1>HUMAN PRACTICES
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
−
                 <span>
+
                 <h1>Attributions</h1>
−
                    <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna" width="40vh">
+
             </div>
−
                </span>
+
−
             </H1>
+
−
        </div>
+
−
        <div class="box2" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
−
            <H1>BIOSAFETY
+
−
                    <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna" width="40vh">
+
−
            </H1>
+
−
        </div>
+
−
        <div class="box2" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
−
            <H1>ABOUT US
+
−
                 <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna" width="40vh">
+
−
                </span>
+
−
             </H1>
+
−
        </div>
+
−
        <div class="box2" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
−
            <H1>ATTRIBUTIONS
+
−
                 <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna" width="40vh">
+
−
                </span>
+
−
             </H1>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
     <box class="home">
 
     <box class="home">
−
         <img src="https://static.igem.org/mediawiki/2017/4/4f/7home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
+
         <img src="https://static.igem.org/mediawiki/2017/0/0d/5home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
 
     </box>
 
     </box>
 +
    <!--全版面大型看板開始-->
 +
    <div class="jumbotron">
 +
        <div class="container">
 +
            <h1>Biosafety</h1>
 +
            <h4>It’s not only what happens in the lab, but also what happens in our community.</h4>
 +
        </div>
 +
    </div>
 +
    <!--全版面大型看板結尾-->
 
     <div class="cv">
 
     <div class="cv">
 
         <!-- header -->
 
         <!-- header -->
Line 344: Line 353:
 
         </section>
 
         </section>
 
     </div>
 
     </div>
 +
    <script>
 +
        $(function() {
 +
            $('.yellow').removeClass('active');
 +
            $('.yellow').mouseenter(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').addClass('active');
 +
                }
 +
            });
 +
 +
            $('.yellow').mouseleave(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
            });
 +
 +
 +
            $('.box2').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
 +
            })
 +
 +
            $('.box3').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
            })
 +
 +
            $('.return').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
 +
            $('.cv').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
        })
 +
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 08:17, 28 June 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

Home

Biosafety

It’s not only what happens in the lab, but also what happens in our community.

MEET THE TEAM

We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, ________ of whom will be attending the jamboree in Boston. This is our third year participating in the iGEM competition, and we look forward to continuing for years to come!

TEAM


Abby H.

HP, Prototype


Allen L.

EXP


Andrew H.

EXP


Ashley L.

HP


Audrey T.

HP, EXP


Candice L.

HP


Catherine Y.

EXP

Cathy C.

EXP


Chansie Y.

HP


Christine C.

HP


Dylan L.

EXP


Emily C.

HP, EXP


Florence L.

Modeling, EXP


Jesse K.

EXP


Justin P.

Modeling


Justin Y.

EXP


Katherine H.

HP


Katie C.

EXP


Kelly C.

HP, Wiki


Laurent H.

EXP, Wiki


Leona T.

EXP


Oscar W.

EXP, Wiki


Paul I.

EXP


Stephanie C.

HP


William C.

Wiki


William H.

EXP


Yvonne W.

EXP



STUDENT ADVISORS


Alvin W.


Avery W.


ChangSun L.


Moksha S.


Leon Y.


ADVISORS


Jude Clapper

Teresa Chiang

Sean Tsao

Richard Brundage

ABOUT TAIPEI AMERICAN SCHOOL

Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.

ABOUT THE LAB

We work in the Sandy R. Puckett Memorial Research Lab, which was completely renovated in 2013 to provide a research laboratory for on-campus student research in chemistry, synthetic biology and nanotechnology. It is fully equipped with lab tools for research for the iGEM competition. The students have the opportunity to be creative and exploratory in many areas of scientific research at TAS.

SYNTHETIC BIOLOGY

The fusion between biological research and engineering has culminated in the creation of synthetic biology. This interdisciplinary area was facilitated by the recent advances in technology, allowing biological devices to be designed and contructed as if they were machinery. However, the advent of synthetic biology has raised concerns with biosafety and biosecurity, which is why iGEM places such importance on "safety".