Difference between revisions of "Team:MIT/Notebook"

(Prototype team page)
 
 
(6 intermediate revisions by the same user not shown)
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">
+
−
<h3>Inspiration</h3>
+
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>
+
<h1 style="font-size: 48px; text-align: center !important;">Notebook</h1>
−
<li><a href="https://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
+
  
−
<li><a href="https://2019.igem.org/Team:Georgia_State/Notebook">2019 Georgia State</a></li>
+
<div class="divider"></div>
−
<li><a href="https://2019.igem.org/Team:Newcastle/Notebook">2019 Newcastle</a></li>
+
</div>
  
 +
<section>
 +
<div style="text-align:center;">
 +
<iframe src="https://static.igem.org/mediawiki/2021/3/37/T--MIT--Lab_Notebook.pdf" height = "800" width = "1100"></iframe>
 +
</div>
 +
</section>
 +
<hr>
  
−
<li><a href="https://2020.igem.org/Team:IISER-Pune-India/Notebook">2020 IISER Pune India</a></li>
 
−
<li><a href="https://2020.igem.org/Team:Lund/Notebook">2020 Lund</a></li>
 
−
<li><a href="https://2020.igem.org/Team:NOVA_LxPortugal/Notebook">2020 NOVA LxPortugal</a></li>
 
−
<li><a href="https://2020.igem.org/Team:RDFZ-China/NoteBook">2020 RDFZ China</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
 +
 +
</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}}

Latest revision as of 03:33, 22 October 2021

Notebook