Difference between revisions of "Team:Cornell/Description"

(Add script for jQuery)
(Add code for About Page)
Line 357: Line 357:
 
     <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
 
</head>
 
</head>
 
 
<body>
 
<body>
     <div class ="standard-page-wrapper">
+
     <div class ="about-page-wrapper">
 
         <!------------------------ NAV BAR START ------------------------>
 
         <!------------------------ NAV BAR START ------------------------>
 
         <nav>
 
         <nav>
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
                 <div>
+
                 <div class="nav-bar-main-menu">
                     <div class="nav-bar-logo">
+
                     <div class="dropdown">
                        <a href="home"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a>
+
                        <button class="dropbtn">TEAM</button>
 +
                        <div class="dropdown-content team-dropdown-content">
 +
                            <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
 +
                            <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
 +
                            <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
 +
                        </div>
 
                     </div>
 
                     </div>
                     <div class="nav-bar-main-menu">
+
                     <div class="dropdown">
                         <div class="dropdown">
+
                         <button class="dropbtn">OUTREACH</button>
                            <button class="dropbtn">TEAM</button>
+
                        <div class="dropdown-content outreach-dropdown-content">
                            <div class="dropdown-content team-dropdown-content">
+
                            <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a>
                                <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
+
                            <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
                                <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
+
                                <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
+
                            </div>
+
 
                         </div>
 
                         </div>
                        <div class="dropdown">
+
                    </div>
                            <button class="dropbtn">OUTREACH</button>
+
                    <div class="dropdown">
                            <div class="dropdown-content outreach-dropdown-content">
+
                        <button class="dropbtn">HUMAN PRACTICES</button>
                                <a href="#">EDUCATION & ENGAGEMENT</a>
+
                        <div class="dropdown-content human-dropdown-content">
                                <a href="#">COLLABORATIONS</a>
+
                            <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a>
                             </div>
+
                            <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 +
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                         </div>
 
                         </div>
                        <div class="dropdown">
+
                    </div>
                            <button class="dropbtn">HUMAN PRACTICES</button>
+
                    <div class="dropdown">
                            <div class="dropdown-content human-dropdown-content">
+
                         <button class="dropbtn"
                                <a href="#">INTEGRATED PRACTICES</a>
+
                            onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
                                <a href="#">POLICIES</a>
+
                    </div>
                                <a href="#">ENTREPRENEURSHIP</a>
+
                    <div class="dropdown">
                            </div>
+
                        <button class="dropbtn">TOOLKIT</button>
                         </div>
+
                        <div class="dropdown-content toolkit-dropdown-content">
                        <div class="dropdown">
+
                            <ul>
                            <button class="dropbtn"
+
                                <div class="nav-first-col">
                                onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
+
                                    <li class="wet-lab-list-title"><b>WET LAB</b></li>
                        </div>
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
                        <div class="dropdown">
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
                            <button class="dropbtn">TOOLKIT</button>
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li>
                            <div class="dropdown-content toolkit-dropdown-content">
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/BasicParts">BASIC PARTS</a></li>
                                <ul>
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li>
                                    <div class="nav-first-col">
+
                                </div>
                                        <li class="wet-lab-list-title"><b>WET LAB</b></li>
+
                                <div class="nav-second-col">
                                        <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
+
                                    <li class="pd-list-title"><b>DESIGN</b></li>
                                        <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
                                        <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li>
+
                                </div>
                                        <li><a href="https://2019.igem.org/Team:Cornell/InterLab">BASIC PARTS</a></li>
+
                                <div class="nav-third-col">
                                        <li><a href="https://2019.igem.org/Team:Cornell/InterLab">COMPOSITE PARTS</a></li>
+
                                    <li class="doc-list-title"><b>DOCUMENTATION</b></li>
                                    </div>
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
                                    <div class="nav-second-col">
+
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
                                        <li class="pd-list-title"><b>DESIGN</b></li>
+
                                 </div>
                                        <li><a href="https://2019.igem.org/Team:Cornell/Notebook">DESIGN PROCESS</a></li>
+
                             </ul>
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN</a></li>
+
                                    </div>
+
                                    <div class="nav-third-col">
+
                                        <li class="doc-list-title"><b>DOCUMENTATION</b></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
+
                                    </div>
+
                                 </ul>
+
                            </div>
+
                        </div>
+
                        <div class="dropdown">
+
                             <button class="dropbtn active-page"
+
                                onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button>
+
                        </div>
+
                        <div class="dropdown">
+
                            <button class="dropbtn"
+
                                onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <div class="dropdown">
 +
                        <button class="dropbtn active-page"
 +
                            onclick="https://2019.igem.org/Team:Cornell/Description">ABOUT</button>
 +
                    </div>
 +
                    <div class="dropdown">
 +
                        <button class="dropbtn"
 +
                            onclick="https://2019.igem.org/Team:Cornell">HOME</button>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 441: Line 434:
 
         </header>
 
         </header>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
         <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------>
+
         <!------------------------ ABOUT PAGE CONTENT START ------------------------>
         <div class="standard-page-side-bar-content-wrapper">
+
         <div class="about-page-content-wrapper">
            <!------------------------ STANDARD PAGE SIDE BAR START ------------------------>
+
          <div class="about-content-wrapper">
            <div class="standard-page-side-bar-wrapper">
+
             <div class="about-header-wrapper"><p class="about-header-text">Project Overview<p></div>
                <ul class="standard-page-side-bar">
+
            <div class="about-text-wrapper">
                    <li><a href="#pageheading1">PAGE HEADING 1</a></li>
+
              <p class="about-body-text">At Cornell iGEM, we understand the risks associated with our
                    <li><a href="#pageheading2">PAGE HEADING 2</a></li>
+
              work and take all necessary precautions to minimize those risks. As a team, we take safety
                    <li><a href="#pageheading3">PAGE HEADING 3</a></li>
+
              very seriously and a detailed description of our procedures can be found below.  
                </ul>
+
              Our protocols are guided by the risk matrix, as we try to both minimize the likelihood
            </div>
+
              of an incident as well as the severity of an incident. Our completed safety form can
            <!------------------------ STANDARD PAGE SIDE BAR END ------------------------>
+
              be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.</p>
            <!------------------------ STANDARD PAGE CONTENT START ------------------------>
+
             <div class="standard-page-content-wrapper">
+
                <div class="standard-page-content-section">
+
                    <div class="standard-page-content-title"><a id="pageheading1">PAGE HEADING 1</a></div>
+
                    <hr class="green-accent-line-left">
+
                    <div class="standard-page-content-subheading">Subheading</div>
+
                    <p class="standard-page-content-text">
+
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+
                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
                        culpa qui officia deserunt mollit anim id est laborum."
+
                    </p>
+
                    <img class="standard-page-content-image" src="">
+
                </div>
+
                <div class="standard-page-content-section">
+
                    <div class="standard-page-content-title"><a id="pageheading2">PAGE HEADING 2</a></div>
+
                    <hr class="green-accent-line-left">
+
                    <div class="standard-page-content-subheading">Subheading</div>
+
                    <p class="standard-page-content-text">
+
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+
                    </p>
+
                    <img class="standard-page-content-image" src="">
+
                </div>
+
                <div class="standard-page-content-section">
+
                    <div class="standard-page-content-title"><a id="pageheading3">PAGE HEADING 3</a></div>
+
                    <hr class="green-accent-line-left">
+
                    <div class="standard-page-content-subheading">Subheading</div>
+
                    <p class="standard-page-content-text">
+
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+
                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+
                        culpa qui officia deserunt mollit anim id est laborum."</p>
+
                    <img class="standard-page-content-image" src="">
+
                </div>
+
 
             </div>
 
             </div>
            <!------------------------ STANDARD PAGE CONTENT END ------------------------>
+
        <!--DO NOT FORGET TO ADD IN THIS HYPERLINK OH MY GOD-->
 +
          </div>
 
         </div>
 
         </div>
         <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------>
+
         <!------------------------ ABOUT PAGE CONTENT END ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <footer>
 
         <footer>

Revision as of 23:59, 12 October 2019

Team:Cornell - 2019.igem.org

About

Project Overview

At Cornell iGEM, we understand the risks associated with our work and take all necessary precautions to minimize those risks. As a team, we take safety very seriously and a detailed description of our procedures can be found below. Our protocols are guided by the risk matrix, as we try to both minimize the likelihood of an incident as well as the severity of an incident. Our completed safety form can be found here.