Difference between revisions of "Team:UIUC Illinois/Notebook"

 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{UIUC_Illinois}}
 
{{UIUC_Illinois}}
 
<html>
 
<html>
 +
<style>
 +
    p {
 +
        font-family:"Trebuchet MS";
 +
        color:black;
 +
    }
  
−
<aside id="fh5co-hero">
+
    h1 {
−
<div class="fh5co-cta" style="background-image: url(https://static.igem.org/mediawiki/2018/6/68/T--UIUC_Illinois--wet_lab_glove.jpeg);">
+
        font-family:"Trebuchet MS";
−
<div class="overlay"></div>
+
        font-size:2vw;
−
  <div class="container">
+
    }
−
  <div class="col-md-10 col-md-offset-1 text-center">
+
−
  <div class="slider-text-inner">
+
−
  <h2>Wet Lab</h2>
+
−
  <p>Notebook</p>
+
−
  </div>
+
−
  </div>
+
−
  </div>
+
−
</div>
+
−
</aside>
+
  
−
+
    h2 {
−
<div id="fh5co-services-section">
+
        font-family:"Trebuchet MS";
−
<div class="container">
+
        font-size:1.5vw;
−
<div class="row">
+
    }
−
<div class="col-md-9">
+
−
<div class="row">
+
−
<div id = "notebook" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
−
<h2><font color="white"><i class="icon-notebook"></i></font> Notebook</h2>
+
−
<p>The following are each team member's 2016 iGEM notebooks:</p>
+
−
</div>
+
−
</div>
+
  
−
+
    .profilepic {
 +
        border-radius:50%;
 +
        border:0.6vw solid #FF7F50;
 +
        background-color:#d6f9f7; ;
 +
    }
  
−
<embed src="https://static.igem.org/mediawiki/2016/3/31/T--UIUC_Illinois--CarolineLabBook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
+
    .heading {
 +
        width:100%;
 +
        height:5vw;
 +
        text-align:center;
 +
        background-color:#D5FDD5;
 +
        border: 0.45vw dotted #8CFA8C;
 +
    }
 +
    .introduction {
 +
        text-align:center;
 +
        margin:1.5vw;
 +
        position:relative
 +
    }
 +
    .introduction:hover .textbackground {
 +
        opacity:1;
 +
        height:100%;
 +
    }
 +
    .introduction:hover img {
 +
        opacity:0.2;
 +
    }
 +
    .textbackground {
 +
        width:100%;
 +
        height:0;
 +
        bottom:0;
 +
        right: 0;
 +
        left: 0;
 +
        opacity:0;
 +
        transition: 0.8s ease;
 +
        position:absolute;
 +
        overflow:hidden;
 +
    }
 +
    img {
 +
        opacity:1;
 +
        transition: 0.8s ease;
 +
        height:auto
 +
    .introtext {
 +
        position:absolute;
 +
    }
  
−
                                            </div>
+
</style>
−
                                      </div>
+
  
 +
    <div class="introduction">
 +
        <img src="https://static.igem.org/mediawiki/2018/6/68/T--UIUC_Illinois--wet_lab_glove.jpeg" style="width:76vw;background-color:#66cdaa; border: 0.45vw #A9DCF1; "/>
 +
        <div class="textbackground">
 +
            <div class="introtext" style="margin-top:7vw">
 +
       
 +
                  <p style="padding:1vw; text-align:center; font-size:1.5vw"> UIUC Team Lab Notebook</p>
  
 +
                  <p style="padding:1vw; text-align:center; font-size:1.5vw"> The following is our team wet lab notebook which contains all of our notes and experiments we conducted on a day to day basis. </p>
 +
            </div>
 +
      </div>
 +
    </div>
  
 +
<div id="fh5co-services-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-9">
 +
                    <div class="row">
 +
                       
 +
                    </div>
  
−
                                      <div class="row fh5co-services">
+
                   
−
      <div id="augustine" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
−
                                                      <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Augustine's Notebook</h2>
+
  
−
<embed src="https://static.igem.org/mediawiki/2016/a/a9/T--UIUC_Illinois--AugustineNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
+
<embed src="https://static.igem.org/mediawiki/2018/e/e7/T--UIUC_Illinois--daily_juornals.pdf" width="1170" height="1200" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html" align="middle">
  
 
                                             </div>
 
                                             </div>
Line 48: Line 91:
  
  
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <title>Material Design Bootstrap</title>
 +
    <!-- Font Awesome -->
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
    <!-- Material Design Bootstrap -->
 +
    <link href="css/mdb.min.css" rel="stylesheet">
 +
    <!-- Your custom styles (optional) -->
 +
    <link href="css/style.css" rel="stylesheet">
 +
</head>
 +
<style>
 +
/* Clear the default wiki settings */
  
−
                                      <div class="row fh5co-services">
+
#home_logo, #sideMenu { display:none; }
−
      <div id="jonathan" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
          #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {display:none;}
−
                                                      <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Jonathan's Notebook</h2>
+
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<embed src="https://static.igem.org/mediawiki/2016/1/1f/T--UIUC_Illinois--JoJoNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
 
  
−
                                            </div>
+
@charset "UTF-8";
−
                                      </div>
+
  
  
−
                                      <div class="row fh5co-services">
+
.footer-distributed{
−
      <div id="viraat" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
background-color: #122b40;
−
                                                      <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Viraat's Notebook</h2>
+
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 80px;
 +
bottom: 0px;
 +
}
  
−
<embed src="https://static.igem.org/mediawiki/2016/0/09/T--UIUC_Illinois--ViraatNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
+
.footer-distributed .footer-left p{
 +
        color:  white;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
.footer-distributed .footer-right p{
 +
        color: white;
 +
font-size: 14px;
 +
margin: 0;
 +
}
  
−
                                            </div>
+
/* Footer links */
−
                                      </div>
+
  
 +
.footer-distributed p.footer-links{
 +
font-size:18px;
 +
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 +
}
  
  
−
                                      <div class="row fh5co-services">
+
.footer-distributed p.footer-links a{
−
      <div id="mariam" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
display:inline-block;
−
                                                      <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Mariam's Notebook</h2>
+
line-height: 1.8;
 +
text-decoration: none;
 +
color:  inherit;
 +
}
  
−
<embed src="https://static.igem.org/mediawiki/2016/2/28/T--UIUC_Illinois--MariamNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
+
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 +
}
  
−
                                            </div>
 
−
                                      </div>
 
  
  
−
                                      <div class="row fh5co-services">
+
.footer-distributed .footer-right a{
−
      <div id="hiba" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
+
display: inline-block;
−
                                                      <h2><font color="#69D2E7"><i class="icon-pencil"></i></font> Hiba's Notebook</h2>
+
width: 50px;
 +
height: 35px;
 +
 +
border-radius: 2px;
  
−
<embed src="https://static.igem.org/mediawiki/2016/0/05/T--UIUC_Illinois--HibaNotebook.pdf" width="700" height="800" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
+
font-size: 20px;
 +
color: white;
 +
text-align: center;
 +
line-height: 35px;
  
−
                                            </div>
+
margin-left: 3px;
−
                                      </div>
+
}
  
 +
.sponsors {
 +
            margin: 2.5px;
 +
            width: 125px;
 +
        }
  
 +
/* If you don't want the footer to be responsive, remove these media queries */
  
−
+
@media (max-width: 600px) {
−
</div>
+
  
−
<div class = "col-md-3">
+
.footer-distributed .footer-left,
−
<ul class="nav nav-stacked" id="sidebar">
+
.footer-distributed .footer-right{
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#caroline" style="font-weight: bold" >Caroline's Notebook</a></li>
+
text-align: center;
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#augustine" style="font-weight: bold">Augustine's Notebook</a></li>
+
}
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#jonathan" style="font-weight: bold">Jonathan's Notebook</a></li>
+
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#viraat" style="font-weight: bold">Viraat's Notebook</a></li>
+
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#mariam" style="font-weight: bold">Mariam's Notebook</a></li>
+
−
                                        <li><a href="https://2016.igem.org/Team:UIUC_Illinois/Notebook#hiba" style="font-weight: bold">Hiba's Notebook</a></li>
+
−
                                      </ul>
+
−
       
+
−
        </ul>
+
−
</div>
+
  
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
  
−
</div>
+
.footer-distributed .footer-left p.footer-links{
−
</div>
+
line-height: 1.8;
−
</div>
+
}
 +
}
 +
 
 +
 
 +
html, body {
 +
  padding: 0;
 +
  margin: 0;
 +
  height: 100%;
 +
}
 +
 
 +
footer {
 +
  width: 100%;
 +
}
 +
 
 +
#wrapper {
 +
  min-height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
<div id="wrapper">
 
 
−
<footer id="fh5co-footer" role="contentinfo">
+
</div>
−
+
−
<div class="container">
+
  
−
+
<footer class="footer-distributed">
−
<div class="col-md-12 fh5co-copyright text-center">
+
−
<ul class="fh5co-social">
+
−
<li>
+
−
<a href="https://www.facebook.com/illinoisigem/?fref=ts"><i class="icon-facebook"></i></a>
+
−
<a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs"><i class="icon-envelope-o"></i></a>
+
−
</li>
+
−
</ul>
+
−
<p><span>Made with <i class="icon-heart"></i> by UIUC_Illinois iGEM</span></p>
+
−
</div>
+
−
+
−
</div>
+
−
</footer>
+
−
</div>
+
  
 +
<div class="footer-right">
 +
                <a target="_blank" href="mailto:illinoisigem@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
 +
    <a target="_blank" href="https://www.facebook.com/UIUC-IGEM-1844032205901350/"><i class="fa fa-facebook fa-2x"></i></a>
 +
<a target="_blank" href="https://twitter.com/igem_uiuc?lang=en"><i class="fa fa-twitter fa-2x"></i></a>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
+
<p> Email: illinoisigem@gmail.com</p>
−
action=raw&ctype=text/javascript"></script>
+
</div>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
 
−
action=raw&ctype=text/javascript"></script>
 
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
+
<div class="footer-left">
−
action=raw&ctype=text/javascript"></script>
+
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
+
<p class="footer-links">
−
action=raw&ctype=text/javascript"></script>
+
<a target="_blank" href="https://www.energy.gov/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/38/T--UIUC_Illinois--footerdoe.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://cabbi.bio/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/e5/T--UIUC_Illinois--footercabbi.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://www.igb.illinois.edu/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/36/T--UIUC_Illinois--footerigb.png">
 +
    </a>
 +
<a target="_blank" href="https://www.idtdna.com/pages">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a9/T--UIUC_Illinois--footeridt.png">
 +
    </a>
 +
                             
 +
                                        <a target="_blank" href="https://www.neb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
 +
    </a>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
+
            <a target="_blank" href="https://www.biobasic.com/">
−
action=raw&ctype=text/javascript"></script>
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ed/T--UIUC_Illinois--footerbiobasic.png">
 +
    </a>
 +
 +
 +
</p>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
+
−
action=raw&ctype=text/javascript"></script>
+
</div>
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
+
</footer>
−
action=raw&ctype=text/javascript"></script>
+
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 02:31, 18 October 2018

UIUC Team Lab Notebook

The following is our team wet lab notebook which contains all of our notes and experiments we conducted on a day to day basis.

Material Design Bootstrap

Email: illinoisigem@gmail.com