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

(Prototype team page)
 
Line 1: Line 1:
−
{{TAS_Taipei}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
−
<html>
+
<html lang="en">
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <title>About Us</title>
 +
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 +
    <style type='text/css'>
 +
        #top_title,
 +
        #sideMenu {
 +
            display: none !important;
 +
        }
  
−
<div class="column full_size">
+
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
  
−
<h1>Notebook</h1>
+
        .cv {
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
            box-shadow: 100px 0px 0 0px #f9cdad;
 +
        }
  
−
</div>
+
    </style>
−
<div class="clear"></div>
+
</head>
  
 +
<body>
 +
    <div class="return">
 +
        <h1>X</h1>
 +
    </div>
 +
    <div class="yellow">
 +
        <div class="box right">
 +
            <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 +
                <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna">
 +
                <h6 class="navCap">Project</h6>
 +
            </div>
 +
            <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna">
 +
                <h6 class="navCap">Experiments</h6>
 +
            </div>
 +
            <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna">
 +
                <h6 class="navCap">Modeling</h6>
 +
            </div>
 +
            <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 +
                <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna">
 +
                <h6 class="navCap">Prototype</h6>
 +
            </div>
 +
            <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna">
 +
                <h6 class="navCap">Human Practices</h6>
 +
            </div>
 +
            <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna">
 +
                <h6 class="navCap">Safety</h6>
 +
            </div>
 +
            <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna">
 +
                <h6 class="navCap">About Us</h6>
 +
            </div>
 +
            <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna">
 +
                <h6 class="navCap">Attributions</h6>
 +
            </div>
 +
        </div>
 +
        <div class="blue">
 +
            <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 +
                <h1>Project</h1>
 +
            </div>
 +
            <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <h1>Experiment</h1>
 +
            </div>
 +
            <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <h1>Modeling</h1>
 +
            </div>
 +
            <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 +
                <h1>Prototype</h1>
 +
            </div>
 +
            <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <h1>Human Practice</h1>
 +
            </div>
 +
            <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <h1>Biosafety</h1>
 +
            </div>
 +
            <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <h1>About Us</h1>
 +
            </div>
 +
            <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <h1>Attributions</h1>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <box class="home">
 +
        <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>
 +
    <div class="cv">
 +
        <div class="row">
 +
            <nav class="pageNav col-lg-1" id="navbar">
 +
                <ul class="nav">
 +
                    <li>
 +
                        <a href="#WP" class="pageNavBig">NOTEBOOK</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#map" class="pageNavBig">SITEMAP</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#medal" class="pageNavBig">MEDAL REQUIREMENTS</a>
 +
                    </li>
 +
                </ul>
 +
            </nav>
 +
            <div class="white col-lg-2">
 +
                hi
 +
            </div>
 +
            <div class="col-lg-10">
 +
                <header>
 +
                    <div class="row">
 +
                        <h1 class="name">NOTEBOOK</h1>
 +
                    </div>
 +
                    <div class="this_border row"></div>
 +
                    <div class="row">
 +
                        <a href="https://static.igem.org/mediawiki/2017/8/86/T--TAS_Taipei--Protocols.pdf" type="button" class="btn btn-info col-lg-4">
 +
                            Protocols
 +
                        </a>
 +
                    </div>
 +
                </header>
 +
            </div>
 +
        </div>
 +
        <script>
 +
            $("a").on('click', function(event) {
 +
                if (this.hash !== "") {
 +
                    event.preventDefault();
 +
                    var hash = this.hash;
 +
                    $('html, body').animate({
 +
                        scrollTop: $(hash).offset().top
 +
                    }, 300, function() {
 +
                        // Add hash (#) to URL when done scrolling (default click behavior)
 +
                        window.location.hash = hash;
 +
                    });
 +
                }
 +
            });
 +
            $(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');
 +
                    }
 +
                    $('.navCap').addClass('deactive');
 +
                });
  
−
<div class="column half_size">
+
                $('.yellow').mouseleave(function() {
−
<h5>What should this page have?</h5>
+
                    var windowsize = $(window).width();
−
<ul>
+
                    if (windowsize > 1020) {
−
<li>Chronological notes of what your team is doing.</li>
+
                        //if the window is greater than 1020px wide then hover
−
<li> Brief descriptions of daily important events.</li>
+
                        $('.yellow').removeClass('active');
−
<li>Pictures of your progress. </li>
+
                    }
−
<li>Mention who participated in what task.</li>
+
                    $('.navCap').removeClass('deactive');
−
</ul>
+
                });
  
−
</div>
 
  
−
<div class="column half_size">
+
                $('.box2').click(function() {
−
<h5>Inspiration</h5>
+
                    var windowsize = $(window).width();
−
<p>You can see what others teams have done to organize their notes:</p>
+
                    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');
 +
                    }
  
−
<ul>
+
                })
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
                $('.box3').click(function() {
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
                    var windowsize = $(window).width();
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                    if (windowsize < 1020) {
−
</ul>
+
                        //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');
 +
                })
 +
 
 +
                $('.cv').click(function() {
 +
                    $('.yellow').removeClass('active');
 +
                    $('.return').removeClass('active');
 +
                    $('.home').removeClass('deactive');
 +
                })
 +
 
 +
                $('.jumbotron').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.cv').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.project').mouseenter(function() {
 +
                    $('.project').addClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.experiment').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').addClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.modeling').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').addClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.prototype').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').addClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.biosafety').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').addClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.about').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').addClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.policy').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').addClass('active');
 +
                    $('.acknowledgments').removeClass('active');
 +
                });
 +
 
 +
                $('.acknowledgments').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').addClass('active');
 +
                });
 +
 
 +
                $('.acknowledgments').mouseenter(function() {
 +
                    $('.project').removeClass('active');
 +
                    $('.experiment').removeClass('active');
 +
                    $('.modeling').removeClass('active');
 +
                    $('.prototype').removeClass('active');
 +
                    $('.biosafety').removeClass('active');
 +
                    $('.about').removeClass('active');
 +
                    $('.policy').removeClass('active');
 +
                    $('.acknowledgments').addClass('active');
 +
                });
 +
            })
 +
 
 +
        </script>
 +
</body>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 08:17, 20 October 2017

X

Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

Home
hi

NOTEBOOK

Protocols