Difference between revisions of "Team:Calgary/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Calgary}}
+
{{:Team:Calgary/Layout}}
−
<html>
+
  
 +
<html lang="en">
  
−
<div class="column full_size">
+
<head>
 +
    <title>Team:Calgary/Notebook - 2018.igem.org</title>
 +
    <!-- CSS -->
 +
    <style>
 +
    </style>
 +
    <!-- JS -->
 +
    <script>
 +
        function openPage(pageName, elmnt) {
 +
            var i, tabcontent, tablinks;
 +
            tabcontent = document.getElementsByClassName("tabcontent");
 +
            for (i = 0; i < tabcontent.length; i++) {
 +
                tabcontent[i].style.display = "none";
 +
            }
 +
            tablinks = document.getElementsByClassName("tablink");
 +
            for (i = 0; i < tablinks.length; i++) {
 +
                tablinks[i].style.backgroundColor = "";
 +
                tablinks[i].style.color = "rgba(0, 0, 0, 0.9)";
 +
            }
 +
            document.getElementById(pageName).style.display = "block";
 +
            elmnt.style.backgroundColor = "#7CCFB8";
 +
            elmnt.style.color = "white";
 +
        }
 +
    </script>
 +
</head>
  
−
<h1>Notebook</h1>
+
<body>
−
<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>
+
    <!-- Content -->
 +
    <div class="container maincontent" id="accordion">
 +
        <h1>NOTEBOOK</h1>
 +
        <br>
 +
        <hr class="primary-line-break">
 +
        <div class="tabbuttons">
 +
            <button class="tablink" onclick="openPage('CRISPR', this)">CRISPR</button>
 +
            <button class="tablink" onclick="openPage('CME', this)">CME</button>
 +
            <button class="tablink" onclick="openPage('Dry Lab', this)">Dry Lab</button>
 +
        </div>
 +
        <div id="CRISPR" class="tabcontent">
 +
            <br>
 +
            <p>Below are notes regarding all CRISPR experiments.</p>
 +
            <div class="card">
 +
                <a id="toggle1" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseOne">
 +
                    <div class="card-header" id="headingOne">
 +
                        <i id="icon1" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            May
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
 +
                    <div class="card-body row">
  
−
</div>
+
                    </div>
−
<div class="clear"></div>
+
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle2" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo">
 +
                    <div class="card-header" id="headingTwo">
 +
                        <i id="icon2" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            June
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 +
                    <div class="card-body row">
  
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle3" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseThree">
 +
                    <div class="card-header" id="headingThree">
 +
                        <i id="icon3" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            July
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
 +
                    <div class="card-body row">
  
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle4" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseFour">
 +
                    <div class="card-header" id="headingFour">
 +
                        <i id="icon4" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            August
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
 +
                    <div class="card-body row">
  
−
<div class="column two_thirds_size">
+
                    </div>
−
<h3>What should this page have?</h3>
+
                </div>
−
<ul>
+
            </div>
−
<li>Chronological notes of what your team is doing.</li>
+
            <div class="card">
−
<li> Brief descriptions of daily important events.</li>
+
                <a id="toggle5" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseFive">
−
<li>Pictures of your progress. </li>
+
                    <div class="card-header" id="headingFive">
−
<li>Mention who participated in what task.</li>
+
                        <i id="icon5" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
−
</ul>
+
                        <h3>
 +
                            September
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
 +
                    <div class="card-body row">
  
−
</div>
+
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle6" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseSix">
 +
                    <div class="card-header" id="headingSix">
 +
                        <i id="icon6" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            October
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
 +
                    <div class="card-body row">
  
−
<div class="column third_size">
+
                    </div>
−
<div class="highlight decoration_A_full">
+
                </div>
−
<h3>Inspiration</h3>
+
            </div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
        </div>
 +
        <div id="CME" class="tabcontent">
 +
            <br>
 +
            <p>Below are notes regarding all CME (chromatin modifying elements) experiments.</p>
 +
            <div class="card">
 +
                <a id="toggle7" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseSeven">
 +
                    <div class="card-header" id="headingSeven">
 +
                        <i id="icon7" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            May
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion">
 +
                    <div class="card-body row">
  
−
<ul>  
+
                    </div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
                </div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
            </div>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
            <div class="card">
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                <a id="toggle8" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseEight">
−
</ul>
+
                    <div class="card-header" id="headingEight">
−
</div>
+
                        <i id="icon8" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
−
</div>
+
                        <h3>
 +
                            June
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle9" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseNine">
 +
                    <div class="card-header" id="headingNine">
 +
                        <i id="icon9" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            July
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle10" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseTen">
 +
                    <div class="card-header" id="headingTen">
 +
                        <i id="icon10" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            August
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseTen" class="collapse" aria-labelledby="headingTen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle11" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseEleven">
 +
                    <div class="card-header" id="headingEleven">
 +
                        <i id="icon11" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            September
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseEleven" class="collapse" aria-labelledby="headingEleven" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle12" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseTwelve">
 +
                    <div class="card-header" id="headingTwelve">
 +
                        <i id="icon12" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            October
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseTwelve" class="collapse" aria-labelledby="headingTwelve" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Dry Lab" class="tabcontent">
 +
            <br>
 +
            <p>Below are notes regarding all dry lab activities.</p>
 +
            <div class="card">
 +
                <a id="toggle13" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseThirteen">
 +
                    <div class="card-header" id="headingThirteen">
 +
                        <i id="icon13" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            May
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseThirteen" class="collapse" aria-labelledby="headingThirteen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle14" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseFourteen">
 +
                    <div class="card-header" id="headingFourteen">
 +
                        <i id="icon14" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            June
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseFourteen" class="collapse" aria-labelledby="headingFourteen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle15" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseFifteen">
 +
                    <div class="card-header" id="headingFifteen">
 +
                        <i id="icon15" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            July
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseFifteen" class="collapse" aria-labelledby="headingFifteen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle16" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseSixteen">
 +
                    <div class="card-header" id="headingSixteen">
 +
                        <i id="icon16" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            August
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseSixteen" class="collapse" aria-labelledby="headingSixteen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle17" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseSeventeen">
 +
                    <div class="card-header" id="headingSeventeen">
 +
                        <i id="icon17" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            September
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseSeventeen" class="collapse" aria-labelledby="headingSeventeen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="card">
 +
                <a id="toggle18" class="remove-underline rotate-icon collapsed" href="#" data-toggle="collapse" data-target="#collapseEighteen">
 +
                    <div class="card-header" id="headingEighteen">
 +
                        <i id="icon18" class="fas fa-plus accordion-icon" aria-hidden="true"></i>
 +
                        <h3>
 +
                            October
 +
                        </h3>
 +
                    </div>
 +
                </a>
 +
                <div id="collapseEighteen" class="collapse" aria-labelledby="headingEighteen" data-parent="#accordion">
 +
                    <div class="card-body row">
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</body>
  
 
</html>
 
</html>

Revision as of 06:06, 8 October 2018

Team:Calgary/Notebook - 2018.igem.org

NOTEBOOK



Below are notes regarding all CRISPR experiments.


Below are notes regarding all CME (chromatin modifying elements) experiments.


Below are notes regarding all dry lab activities.