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

(Prototype team page)
 
 
(13 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
{{TAS_Taipei}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
−
<html>
+
<html lang="en">
  
−
<div class="column full_size judges-will-not-evaluate">
+
<head>
−
<h3>★  ALERT! </h3>
+
    <meta charset="UTF-8">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    <title>About Us</title>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
−
</div>
+
    <!--
−
<div class="clear"></div>
+
    <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/Bootstrap">
 +
    <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/JqueryJS">
 +
    <script src="https://2017.igem.org/Template:TAS_Taipei/BootstrapJS"></script>
 +
-->
 +
    <style type='text/css'>
 +
        #top_title,
 +
        #sideMenu {
 +
            display: none !important;
 +
        }
 +
       
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
 +
       
 +
        .cv {
 +
            box-shadow: 100px 0px 0 0px #FD7080;
 +
        }
  
−
<div class="column full_width">
+
        .this_border {
 +
            background-color: #FD7080;
 +
        }
  
 +
    </style>
 +
</head>
  
−
<h1>Basic Parts</h1>
+
<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>Safety</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/5/56/T--TAS_Taipei--2home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
 +
    </box>
 +
    <div class="cv" id="cv">
 +
        <div class="row">
 +
            <nav class="pageNav col-lg-1" id="navbar">
 +
                <ul class="nav">
 +
                    <li>
 +
                        <a href="#TOP" class="pageNavBig">TABLE OF PARTS</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#PD" class="pageNavBig">PARTS DIAGRAM</a>
 +
                    </li>
 +
                </ul>
 +
            </nav>
 +
            <div class="white col-lg-2">
 +
                hi
 +
            </div>
 +
            <div class="col-lg-10">
 +
                <!-- header -->
 +
                <header>
 +
                    <div class="row">
 +
                        <h1 class="name col-lg-12">BASIC PARTS</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            Proteorhodopsin (pR) is our basic part, which codes for a membrane protein commonly known for its function as a light-driven proton pump. This transmembrane protein contains two lysine residues (57 and 59) that serve as critical citrate-binding sites (Syed 2011).
 +
                        </h4>
 +
                    </div>
 +
                    <div class="this_border row"></div>
 +
                </header>
 +
                <section class="main">
 +
                    <div class="row" id="TOP">
 +
                        <h1 class="col-lg-12 title2">TABLE OF PARTS</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <table class="table table-hover">
 +
                                <thead>
 +
                                    <tr>
 +
                                        <th>Part#</th>
 +
                                        <th>Name</th>
 +
                                        <th>Type</th>
 +
                                    </tr>
 +
                                </thead>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td><a href="http://parts.igem.org/Part:BBa_K2229450">BBa_K2229450</a></td>
 +
                                        <td>Proteorhodopsin (pR)</td>
 +
                                        <td>Basic</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="PD">
 +
                        <h1 class="col-lg-12 title2">PARTS DIAGRAMS</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="image_container col-lg-8 col-lg-offset-2">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/ad/T--TAS_Taipei--PR.png" alt="test" id="group">
 +
                        </div>
 +
                    </div> <br>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            *Text compiled and written by Dylan L. and Catherine Y; figures created by Justin Y.
 +
                        </h4>
 +
                    </div>
 +
                </section>
 +
            </div>
 +
        </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');
 +
            });
  
−
<p>
+
            $('.yellow').mouseleave(function() {
−
A <b>basic part</b> is a functional unit of DNA that cannot be subdivided into smaller component parts. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_R0051">BBa_R0051</a> is an example of a basic part, a promoter regulated by lambda cl.
+
                var windowsize = $(window).width();
−
</p>
+
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
                $('.navCap').removeClass('deactive');
 +
            });
  
−
<p>Most genetically-encoded functions have not yet been converted to BioBrick parts. Thus, there are <b>many</b> opportunities to find new, cool, and important genetically encoded functions, and refine and convert the DNA encoding these functions into BioBrick standard biological parts. </p>
+
            $('.box2').click(function() {
−
<br>
+
                var windowsize = $(window).width();
−
<h3>Best Basic Part Special Prize</h3>
+
                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');
 +
                }
  
−
<p>Most genetically-encoded functions have not yet been converted to BioBrick parts. Thus, there are *many* opportunities to find new, cool, and important genetically encoded functions, and refine and convert the DNA encoding these functions into BioBrick standard biological parts. To be eligible for this award, this part must adhere to <a href="http://parts.igem.org/DNA_Submission">Registry sample submission guidelines</a> and have been sent to the Registry of Standard Biological Parts. If you have a part you wish to nominate your team for this <a href="https://2017.igem.org/Judging/Awards">special prize</a>, make sure you add your part number to your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a> and delete the box at the top of this page.
+
            })
  
−
<br><br>
+
            $('.box3').click(function() {
−
<b>Please note:</b> Judges will only look at the first part number you list, so please only enter ONE (1) part number in the judging form for this prize. </p>
+
                var windowsize = $(window).width();
−
<br>
+
                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');
 +
            })
 +
            $('.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');
 +
            });
  
−
<div class="highlight">
+
            $('.cv').mouseenter(function() {
−
<h4>Note</h4>
+
                $('.project').removeClass('active');
−
<p>This page should list all the basic parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page. Remember judges will only look at the first part in the list for the Best Basic Part award, so put your best part first!</p>
+
                $('.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');
 +
            });
  
−
</div>
+
            $('.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');
 +
            });
 +
 +
        })
 +
 +
    </script>
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 11:39, 31 October 2017

X

Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions

Project

Experiment

Modeling

Prototype

Human Practice

Safety

About Us

Attributions

Home
hi

BASIC PARTS

Proteorhodopsin (pR) is our basic part, which codes for a membrane protein commonly known for its function as a light-driven proton pump. This transmembrane protein contains two lysine residues (57 and 59) that serve as critical citrate-binding sites (Syed 2011).

TABLE OF PARTS

Part# Name Type
BBa_K2229450 Proteorhodopsin (pR) Basic

PARTS DIAGRAMS

test

*Text compiled and written by Dylan L. and Catherine Y; figures created by Justin Y.