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

 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{RUM-UPRM}}
 
{{RUM-UPRM}}
 
{{RUM-UPRM/Nav}}
 
{{RUM-UPRM/Nav}}
 +
 
<html lang="en">
 
<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>

 +
 +
 +
<style>
 +
  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 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>
  
 +
      </ul>
 +
    </nav>
  
 +
<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>
  
−
<body.
+
        <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>
−
<section class="bg-light content" style="background-size: 100%;margin-middle: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
−
<div class="d-flex h-100 align-items-center">
+
−
          <h3 class="display-5">Lab Protocols</h3>
+
 
</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 id="accordion">
 
<div id="accordion">
Line 16: Line 92:
 
<style>
 
<style>
 
.accordion {
 
.accordion {
−
   background-color:transparent;
+
   background-color:rgb(60,179,113);
 
   color: rgba(255,255,255,0.9);
 
   color: rgba(255,255,255,0.9);
 
   cursor: pointer;
 
   cursor: pointer;
Line 46: Line 122:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
−
  <div class="card">
+
</div>
 +
 
 +
      <div id="section3">
 +
<div class="card">
 
     <div class="card-header" id="headingTwo">
 
     <div class="card-header" id="headingTwo">
 
     <h5 class="mb-0">
 
     <h5 class="mb-0">
Line 62: Line 141:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
−
  <div class="card">
+
</div>
 +
       
 +
      <div id="section4" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 
     <div class="card-header" id="headingThree">
 
     <div class="card-header" id="headingThree">
 
       <h5 class="mb-0">
 
       <h5 class="mb-0">
Line 76: Line 158:
 
       </div>
 
       </div>
 
   </div>
 
   </div>
 +
</div>
 
</div>
 
</div>
  
−
<div class="card">
+
 
 +
      <div id="section5" style="background-color:rgba(0,0,0,0)">       
 +
<div class="card">
 
     <div class="card-header" id="headingFour">
 
     <div class="card-header" id="headingFour">
 
     <h5 class="mb-0">
 
     <h5 class="mb-0">
Line 94: Line 179:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
 +
</div>
 +
 +
      <div id="section6" style="background-color:rgba(0,0,0,0)">       
  
 
<div class="card">
 
<div class="card">
Line 111: Line 199:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
 +
</div>
  
 +
<div id="section7" style="background-color:rgba(0,0,0,0)">       
 
<div class="card">
 
<div class="card">
 
     <div class="card-header" id="headingSix">
 
     <div class="card-header" id="headingSix">
Line 128: Line 218:
 
       </div>
 
       </div>
 
       </div>
 
       </div>
 +
</div>
 +
  
 +
<div id="section8" style="background-color:rgba(0,0,0,0)">       
 
<div class="card">
 
<div class="card">
 
     <div class="card-header" id="headingSeven">
 
     <div class="card-header" id="headingSeven">
Line 147: Line 240:
 
</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>
 
</body>
−
      </div>
 
−
</section>
 
−
<footer class="footer bg-black small text-center text-white-50"><div class="container">Copyright © UPRM-RUM 2020</div></footer>
 
−
    </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!