Difference between revisions of "Team:RUM-UPRM/Notebook"

(Prototype team page)
 
 
(80 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{IGEM_TopBar}}
 
 
{{RUM-UPRM}}
 
{{RUM-UPRM}}
−
<html>
+
{{RUM-UPRM/Nav}}
  
−
<div class="column full_size">
+
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <script src="https://2020.igem.org/wiki/index.php?
title=Template:RUM-UPRM/popper.min&action=raw&ctype=text/javascript"></script>

 +
  
−
<h1>Notebook</h1>
+
<style>
−
<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>
+
  body {
 +
    position: relative;
 +
     
  
 +
  }
 +
  ul.nav-pills {
 +
    top: 120px;
 +
}
 +
 +
ul.nav {
 +
position: sticky;
 +
 +
  }
 +
  div.col-8 div {
 +
    height: 500px;
 +
  }
 +
.sticky {
 +
    position: relative;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
#myScrollspy {
 +
position: sticky;
 +
top: 70px;
 +
 +
}
 +
 +
  </style>
 +
</head>
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
 +
 +
<div class="container-fluid" style= "background-color:#3BB9FF; height:100px; top: 200px">
 +
  <center><h1>Notebook</h1></center>
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
  
 +
<div class="container-fluidtwo">
 +
  <div class="row">
 +
    <nav class="col-sm-2 col-3" id="myScrollspy">
 +
      <ul class="nav nav-pills flex-sm-column">
 +
<li class="nav-item">
 +
          <a class="nav-link active" href="#section1">Overview</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link active" href="#section2">Ligation and Digestion</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section3">DNA Extraction</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section4">DNA Precipitation</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section5">DNA Gel Extraction</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section6">Bacterial Transformation</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section7">Preparation of Competent Cells</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section8">Gibson Assembly</a>
 +
        </li>
  
−
<div class="column two_thirds_size">
+
      </ul>
−
<h3>What should this page have?</h3>
+
    </nav>
−
<ul>
+
−
<li>Chronological notes of what your team is doing.</li>
+
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
 +
<div class="col-sm-9 col-8; scroll"> <div align="justify">
 +
      <div id="section1" style="background-color:rgba(0,0,0,0)">   
 +
        <center><h1>Overview</h1></center>
 +
 +
        <p style="margin-left:7%; margin-right:7%; text-indent:5%"> Laboratory Technique Workshops were given to all team members in order to be prepared to perform in the wet lab. The following protocols were discussed and practiced. Unfortunately, plans changed with COVID 19. We are looking forward to the moment we can go back to our lab and apply all this knowledge.</p>
 
</div>
 
</div>
 +
<center><img src="https://static.igem.org/mediawiki/parts/1/15/T--RUM-UPRM--labwork.png" style="width: 50%"> </center>
 +
   
 +
      <div id="section2" style="background-color:rgba(0,0,0,0)">   
  
−
<div class="column third_size">
+
<div id="accordion">
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
<style>
−
<li><a href="https://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
+
.accordion {
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
  background-color:rgb(60,179,113);
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
  color: rgba(255,255,255,0.9);
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
  cursor: pointer;
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
  padding: 24px;
−
</ul>
+
  width: 100%;
 +
  text-align: center;
 +
  outline: none;
 +
  font-size: 18px;
 +
  border: 1px solid black;
 +
  border-radius: 16px
 +
}
 +
  </style>  
 +
 
 +
<div class="text-center">
 +
<div class="card">
 +
    <div class="card-header" id="headingOne">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
 +
        Ligation and Digestion
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/1/11/T--RUM-UPRM--LigationProtocol.pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
 
 +
      <div id="section3">
 +
<div class="card">
 +
    <div class="card-header" id="headingTwo">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 +
        DNA Extraction
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/e/e1/T--RUM-UPRM--DNAEXTRACTION.pdf" type="application/pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
       
 +
      <div id="section4" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 +
    <div class="card-header" id="headingThree">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 +
          DNA Precipitation
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
 +
    <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/2/23/T--RUM-UPRM--DNAPRECIPITATION.pdf" type="application/pdf" width="50%" height="500" />
 +
      </object>
 +
      </div>
 +
  </div>
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
 +
      <div id="section5" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 +
    <div class="card-header" id="headingFour">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
 +
        DNA Gel Extraction
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/0/07/T--RUM-UPRM--Gel_extraction.pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
 +
      <div id="section6" style="background-color:rgba(0,0,0,0)">       
 +
 +
<div class="card">
 +
    <div class="card-header" id="headingFive">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
 +
        Bacterial Transformation
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/a/ac/T--RUM-UPRM--Bacterial_Transformation.pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
 +
<div id="section7" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 +
    <div class="card-header" id="headingSix">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
 +
        Preparation of Competent Cells
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/d/dc/T--RUM-UPRM--Competent_Cells.pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
 +
 +
<div id="section8" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 +
    <div class="card-header" id="headingSeven">
 +
    <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
 +
        Gibson Assembly
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion">
 +
      <div class="card-body">
 +
  <div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/3/30/T--RUM-UPRM--GibsonAssembly.pdf" width="50%" height="500" />
 +
    </object>
 +
      </div>
 +
      </div>
 +
      </div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<script>
 +
window.onscroll = function() {myFunction()};
 +
 +
var myScrollspy = document.getElementById("myScrollspy");
 +
var sticky = myScrollspy.offsetTop+70px;
 +
 +
function myFunction() {
 +
  if (window.pageYOffset >= sticky) {
 +
    myScrollspy.classList.add("sticky")
 +
  } else {
 +
    myScrollspy.classList.remove("sticky");
 +
  }
 +
}
 +
</script>
 +
 
 +
</body>
 
</html>
 
</html>
 +
 +
{{RUM-UPRM/Footer}}

Latest revision as of 02:53, 28 October 2020


RUM-UPRM Wiki Source Code




Notebook

Overview

Laboratory Technique Workshops were given to all team members in order to be prepared to perform in the wet lab. The following protocols were discussed and practiced. Unfortunately, plans changed with COVID 19. We are looking forward to the moment we can go back to our lab and apply all this knowledge.


Our Sponsors

Amgen Snapgene UPRM Goya Genscript PRABIA MolecularCloud MatLab IDT ReviveRestore Twist

Follows Us!