Difference between revisions of "Team:MIT/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Template:MIT/bootstrap_min_css}}
−
{{MIT}}
+
{{Template:MIT/menu}}
−
<html>
+
<html lang="en">
 +
<style>
 +
        p {
 +
        font-size: 16px !important;
 +
        }
  
−
<div class="column full_size">
+
/* Sidenav disabled for small screens */
 +
@media(max-width:576px){
 +
.pageName h1{
 +
font-size:2 rem;
 +
}
 +
}
 +
@media (min-width: 992px) {
 +
.sidenav {
 +
-ms-flex: 0 0 20%;
 +
flex: 0 0 20%;
 +
max-width: 20%;
 +
height: 100vh;
 +
margin: 0;
 +
padding-top: 2vh;
 +
}
 +
}
  
−
<h1>Notebook</h1>
+
/*important sidenav stuff*/
−
<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>
+
.sidenav ul {
 +
font-family: 'Sansita', sans-serif;
 +
list-style-type: none;
 +
position:fixed;
 +
margin-left: -20px;
 +
}
  
−
</div>
+
.sidenav a {
−
<div class="clear"></div>
+
text-align: center;
 +
font-size: 1.1 rem;
 +
color: #767676;
 +
}
  
 +
.sidenav a.active {
 +
color: white;
 +
background-color: orange;
 +
border-radius: 1rem;
 +
}
  
 +
/* Shifts the body to the right for purposes */
 +
@media (min-width: 992px) {
  
−
<div class="column two_thirds_size">
+
main {
−
<h3>What should this page have?</h3>
+
-ms-flex: 0 0 80%;
−
<ul>
+
flex: 0 0 80%;
−
<li>Chronological notes of what your team is doing.</li>
+
max-width: 80%;
−
<li> Brief descriptions of daily important events.</li>
+
}
−
<li>Pictures of your progress. </li>
+
main hr {
−
<li>Mention who participated in what task.</li>
+
margin-right: 7 vw;
−
</ul>
+
margin-left: 0 vw;
 +
}
 +
body {
 +
width: 100%;
 +
height: 100%;
 +
margin: 0px;
 +
padding: 0px;
 +
position: relative;
 +
top: 32px;
 +
left: -24px;
 +
}
  
−
</div>
+
.pageName {
 +
padding-left: 0%;
 +
margin-top:2vh;
 +
}
 +
main section {
 +
padding: 0vh 1vw 1vh 0;
 +
}
 +
}
 +
</style>
  
−
<div class="column third_size">
+
<body data-spy="scroll" data-target=".sidenav" data-offset="101"> 
−
<div class="highlight decoration_A_full">
+
<div class="content container-fluid">
−
<h3>Inspiration</h3>
+
<div class="row">
−
<p>You can see what others teams have done to organize their notes:</p>
+
<!--Sidebar (Remember to change the subtitle context, but don't change the id)-->
 +
<aside class="sidenav d-none d-lg-flex flex-column justify-content-start align-items-center col-2">
 +
<ul class="nav flex-column">
 +
<li class="nav-item">
 +
<a class="nav-link" href="#Subtitle1">Cloning</a>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="#Subtitle2">Assays</a>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="#Subtitle3"><i>B. subtilis</i></a>
 +
</li>
 +
<!-- You can write extra bookmarks here-->
 +
</ul>
 +
</aside>
  
−
<ul>  
+
<main class="">
−
<li><a href="https://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
+
<!--The Page Name-->
 +
<div class="pageName">
  
−
<li><a href="https://2019.igem.org/Team:Georgia_State/Notebook">2019 Georgia State</a></li>
+
<h1 style="font-size: 48px;">Experiments</h1>
−
<li><a href="https://2019.igem.org/Team:Newcastle/Notebook">2019 Newcastle</a></li>
+
  
 +
<div class="divider"></div>
 +
</div>
 +
<section>
 +
<h2>Overview</h2>
 +
<ol>
  
−
<li><a href="https://2020.igem.org/Team:IISER-Pune-India/Notebook">2020 IISER Pune India</a></li>
+
<li><p>Cloning</p></li>
−
<li><a href="https://2020.igem.org/Team:Lund/Notebook">2020 Lund</a></li>
+
<li><p>Assays</p></li>
−
<li><a href="https://2020.igem.org/Team:NOVA_LxPortugal/Notebook">2020 NOVA LxPortugal</a></li>
+
<li><p><i>B. subtilis</i></p></li>
−
<li><a href="https://2020.igem.org/Team:RDFZ-China/NoteBook">2020 RDFZ China</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
</ol>
 +
</section>
 +
<hr>
 +
<section>
 +
 +
<h2 id ="Subtitle1">Cloning</h2>
 +
 +
<iframe src="https://static.igem.org/mediawiki/2021/2/26/T--MIT--cloningmasterdoc.pdf" height = "800" width = "850"></iframe>
 +
 +
 +
</section>
 +
<hr>
 +
<section>
 +
<h2 id ="Subtitle2">Assays</h2>
 +
<!--<h3>Subheading</h3>-->
 +
 +
<iframe src="https://static.igem.org/mediawiki/2021/e/ed/T--MIT--assaymasterdoc.pdf" height = "800" width = "850"></iframe>
 +
 +
                        <hr>
 +
<h2 id ="Subtitle3"><i>B. subtilis</i></h2>
 +
 +
 +
<iframe src="https://static.igem.org/mediawiki/2021/e/ef/T--MIT--bettersub.pdf" height = "800" width = "850"></iframe>                 
 +
 +
</section>
 +
 +
</main>
 +
</div>
 +
</div>
 +
 +
<br/>
 +
<br/>
 +
<br/>
 +
<script src="https://2019.igem.org/Team:NCKU_Tainan/js/jquery-3_4_1_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:NCKU_Tainan/js/Universal?action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
// remember to edit this according to page
 +
$( document ).ready(function() {
 +
$("#breadtext").html('<a href="https://2019.igem.org/Team:NCKU_Tainan">Home</a> > <a>Results</a>')
 +
});
 +
</script>
 +
</body>
 
</html>
 
</html>
 +
{{Template:MIT/footer}}

Revision as of 03:14, 22 October 2021

Experiments

Overview

  1. Cloning

  2. Assays

  3. B. subtilis

Cloning

Assays

B. subtilis