Difference between revisions of "Team:UMaryland/Notebook"

Line 4: Line 4:
 
</html>
 
</html>
 
{{Team:UMarylandClasses}}
 
{{Team:UMarylandClasses}}
−
{{Team:UMaryland/UMD15_CSSJS}} 
 
 
{{Team:UMarylandMenu}}
 
{{Team:UMarylandMenu}}
−
 
 
<html>
 
<html>
  
 
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.-->
 
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.-->
  
 +
<style type="text/css">
  
−
<style>
+
h1,h2,h3,h4,p,a {
 +
text-decoration: none;
 +
}
 +
h1 {
 +
font-size: 250%;
 +
}
 +
h2 {
 +
font-size: 200%;
 +
}
 +
h3 {
 +
font-size: 150%;
 +
}
 +
h4 {
 +
font-size: 125%;
 +
}
 +
p {
 +
font-size: 100%;
 +
}
 +
#sidemenu {
 +
position:fixed;
 +
float:left;
 +
width: 200px;
 +
top:200px;
 +
}
  
−
/*____________________________________Leaving these in here for easy editing later____________________________________*/
+
#sidemenu,
 +
#sidemenu ul,
 +
#sidemenu ul li,
 +
#sidemenu ul li a {
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  list-style: none;
 +
  line-height: 1;
 +
  display: block;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
  
−
#flipbook{
+
#sidemenu ul ul {
−
    width:400px;
+
  display: none;
−
    height:300px;
+
}
−
    margin: auto;
+
.align-right {
 +
  float: right;
 +
}
 +
#sidemenu > ul > li > a {
 +
  padding: 15px 20px;
 +
  border: 1px solid black;
 +
  cursor: pointer;
 +
  z-index: 2;
 +
  font-size: 14px;
 +
  font-weight: bold;
 +
  text-decoration: none;
 +
  color: #000000;
 +
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #2BB1FF 100%);
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
 
}
 
}
  
−
#flipbook p{  
+
#sidemenu > ul > li > a:hover,
−
padding-top: 100px;  
+
#sidemenu > ul > li.active > a,
−
font-size: 40px;  
+
#sidemenu > ul > li.open > a {
 +
  color: #000000;
 +
background-image: -webkit-linear-gradient(top, #C9C9C9 0%, #FFFFFF 100%);
 
}
 
}
 +
#sidemenu > ul > li.open > a {
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
 +
  border-bottom: 1px solid #1682ba;
 +
}
 +
  
−
#flipbook .page{
+
#sidemenu > ul > li > a:hover > span::after,
−
    width:400px;
+
#sidemenu > ul > li.active > a > span::after,
−
    height:300px;
+
#sidemenu > ul > li.open > a > span::after {
−
    background-color: white;
+
  border-color: #eeeeee;
−
    line-height:300px;
+
}
−
    font-size:20px;
+
.holder::before {
−
    text-align:center;
+
  top: 18px;
 +
  border-top: 2px solid;
 +
  border-left: 2px solid;
 +
  border-top-color: inherit;
 +
  border-left-color: inherit;
 +
}
 +
#sidemenu ul ul li a {
 +
  cursor: pointer;
 +
  border-bottom: 1px solid #32373e;
 +
  border-left: 1px solid #32373e;
 +
  border-right: 1px solid #32373e;
 +
  padding: 10px 20px;
 +
  z-index: 1;
 +
  text-decoration: none;
 +
  font-size: 13px;
 +
  color: #eeeeee;
 +
  background: #49505a;
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 +
}
 +
#sidemenu ul ul li:hover > a,
 +
#sidemenu ul ul li.open > a,
 +
#sidemenu ul ul li.active > a {
 +
  background: #424852;
 +
  color: #ffffff;
 +
}
 +
#sidemenu ul ul li:first-child > a {
 +
  box-shadow: none;
 +
}
 +
#sidemenu ul ul ul li:first-child > a {
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 +
}
 +
#sidemenu ul ul ul li a {
 +
  padding-left: 30px;
 +
}
 +
#sidemenu > ul > li > ul > li:last-child > a,
 +
#sidemenu > ul > li > ul > li.last > a {
 +
  border-bottom: 0;
 +
}
 +
#sidemenu > ul > li > ul > li.open:last-child > a,
 +
#sidemenu > ul > li > ul > li.last.open > a {
 +
  border-bottom: 1px solid #32373e;
 +
}
 +
#sidemenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
 +
  border-bottom: 0;
 +
}
 +
#sidemenu ul ul li.has-sub > a::after {
 +
  display: block;
 +
  position: absolute;
 +
  content: "";
 +
  width: 5px;
 +
  height: 5px;
 +
  right: 20px;
 +
  z-index: 10;
 +
  top: 11.5px;
 +
  border-top: 2px solid #eeeeee;
 +
  border-left: 2px solid #eeeeee;
 +
  -webkit-transform: rotate(-135deg);
 +
  -moz-transform: rotate(-135deg);
 +
  -ms-transform: rotate(-135deg);
 +
  -o-transform: rotate(-135deg);
 +
  transform: rotate(-135deg);
 +
}
 +
#sidemenu ul ul li.active > a::after,
 +
#sidemenu ul ul li.open > a::after,
 +
#sidemenu ul ul li > a:hover::after {
 +
  border-color: #ffffff;
 
}
 
}
  
−
#flipbook .page-wrapper{
+
#layer1 {
−
    -webkit-perspective:2000px;
+
overflow:hidden;
−
    -moz-perspective:2000px;
+
position:relative;
−
    -ms-perspective:2000px;
+
width:100%;
−
    -o-perspective:2000px;
+
margin:0px;
−
    perspective:2000px;
+
padding:20px;
−
 
+
background-color: #89e1ff;
 +
min-height:42px;
 +
top:-245px;
 +
border-top:2px solid black;
 +
}
 +
#layer2 {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#ffffff;
 +
min-height:42px;
 +
top:-245px;
 +
border-top:2px solid black;
 +
}
 +
#layer3 {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#7fcff9;
 +
min-height:42px;
 +
top:-245px;
 +
border-top:2px solid black;
 +
}
 +
#layer4 {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#ffffff;
 +
min-height:42px;
 +
}
 +
#contentbox{
 +
width: 80%;
 +
max-width: 1900px;
 +
min-width: 1000px;
 +
text-align: justify;
 +
margin:auto;
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
#cover {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:auto;
 +
padding:0px;
 +
background-image: url("https://static.igem.org/mediawiki/2015/9/97/Resultsq.png");
 +
background-size: 100% ;
 +
background-repeat: no-repeat;
 +
height: 100%;
 +
width:100%;
 +
min-height:800px;
 +
color: #0DFF00;
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size:xx-large;
 +
top:-200px;
 +
}
 +
#buttonset {
 +
text-align:center;
 +
bottom:0px;
 +
position:relative;
 +
top:500px;
 
}
 
}
  
−
#flipbook .hard{
+
 
−
    background:#506B35;
+
#bar{
−
    color:white;
+
display: inline-block;
−
    -webkit-box-shadow:inset 0 0 5px #666;
+
opacity:1;
−
    -moz-box-shadow:inset 0 0 5px #666;
+
background-color: rgba(255,255,255,.5);
−
    -o-box-shadow:inset 0 0 5px #666;
+
color:black;
−
    -ms-box-shadow:inset 0 0 5px #666;
+
border-top:4px solid black;
−
    box-shadow:inset 0 0 5px #666;
+
border-bottom:4px solid black;
−
    font-weight:bold;
+
width:100%;
 +
text-align:center;
 +
height:200px;
 +
position:absolute;
 +
top:200px;
 +
text-shadow: 4px 4px 4px white;
 
}
 
}
 +
</style>
 +
 +
<div id='cover'>
 +
<div id='bar'>
 +
<p style="font-size:64px"><b>Notebook</b>
 +
</div>
 +
<div id='sidemenu'>
 +
<ul>
 +
<li><a href="#Week1" class="smoothScroll"><span>Week 1</span></a></li>
 +
<li><a href="#Week2" class="smoothScroll"><span>Week 2</span></a></li>
 +
<li><a href="#Week3" class="smoothScroll"><span>Week 3</span></a></li>
 +
<li><a href="#Week4" class="smoothScroll"><span>Week 4</span></a></li>
 +
<li><a href="#Week5" class="smoothScroll"><span>Week 5</span></a></li>
 +
<li><a href="#Week6" class="smoothScroll"><span>Week 6</span></a></li>
 +
<li><a href="#Week7" class="smoothScroll"><span>Week 7</span></a></li>
 +
<li><a href="#Week8" class="smoothScroll"><span>Week 8</span></a></li>
 +
<li><a href="#Week9" class="smoothScroll"><span>Week 9</span></a></li>
 +
<li><a href="#Week10" class="smoothScroll"><span>Week 10</span></a></li>
 +
<li><a href="#Week11" class="smoothScroll"><span>Week 11</span></a></li>
 +
<li><a href="#Week12" class="smoothScroll"><span>Week 12</span></a></li>
 +
<li><a href="#Week13" class="smoothScroll"><span>Week 13</span></a></li>
 +
<li><a href="#Week14" class="smoothScroll"><span>Week 14</span></a></li>
 +
<li><a href="#Week15" class="smoothScroll"><span>Week 15</span></a></li>
 +
<li><a href="#Week16" class="smoothScroll"><span>Week 16</span></a></li>
 +
</ul>
 +
</div>
 +
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week1">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 1</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
ligated the pBAD promoter in PSB1C3 with the miraculin gene in PSB1C3 using 3A assembly
 +
plate had colonies
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week2">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 2</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
pBAD +miraculin construct was moved back into psb1C3 backbone and sent for sequencing
 +
Designing gBlocks:
 +
Designed gblocks for epsilon-cyclase (from arabidopsis), pyocin and Hok/Sok
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week 3">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week3</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
sequence confirmed through sequencing
 +
failed to extract using French press, FPLC and SDS-Page
 +
could be due to high arabinose induction (OD of 1)
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week4">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 4</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
induced 3 test cultures with  0%, 0.05%, 0.1%, 0.2% arabinose with no significant results
 +
will perform procedure again using bl21 instead of Dh5a
 +
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week5">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 5</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin
 +
transformation in BL21 strain was successful
 +
SDS page showed a band at roughly 25 kDa
 +
Hok/Sok
 +
inserted Hok/Sok gblock into PSB1C3 backbone using Gibson assembly
 +
construct sent for sequencing
 +
Interlab Study
 +
transformed parts into dh5a: 3 Anderson promoters, GFP, and RFP
 +
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week6">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 6</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
induced 3 test cultures with  0%, 0.05%, 0.1%, 0.2% arabinose with no significant results
 +
will perform procedure again using bl21 instead of Dh5a
 +
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week7">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 7</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week8">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 8</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week9">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 9</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week10">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 10</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week11">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 11</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week12">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 12</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
 +
<div id='contentbox'>
 +
<a name="Week13">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 13</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
 +
  
  
−
</style>  
+
<br>
 +
<br>
 +
</div>
 +
</div>
  
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week14">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 14</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
  
−
<div id='swagcontent'>
 
  
−
<body>
 
  
 +
<br>
 +
<br>
 +
</div>
 +
</div>
  
−
<div class="col-xs-offset-0">  
+
<div id='layer2'>
−
<div id="flipbook">
+
<div id='contentbox'>
−
<div class="hard"><p> Notebook </p></div>
+
<a name="Week15">
−
<div class="hard"></div>
+
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
−
<div style="background-image:url(https://static.igem.org/mediawiki/2015/e/ea/Notebook1.png)"></div>
+
<b>Week 15</b></a>
−
<div style="background-image:url(https://static.igem.org/mediawiki/2015/b/bd/Notebook2.png)"></div>
+
<p style="font-size:24px;text-align:center;">
−
<div class="hard"></div>
+
Miraculin:
−
<div class="hard"></div>
+
−
</div>
+
−
</div>
+
  
−
<script type="text/javascript">
 
  
  
−
$("#flipbook").turn({
+
<br>
−
    width: 800,
+
<br>
−
    height: 600,
+
</div>
−
    autoCenter: false,
+
</div>
−
    elevation: 50
+
−
});
+
  
 +
<div id='layer1'>
 +
<div id='contentbox'>
 +
<a name="Week16">
 +
<p style="font-size:32px;text-align:center;font-family:Verdana, Geneva, sans-serif;">
 +
<b>Week 16</b></a>
 +
<p style="font-size:24px;text-align:center;">
 +
Miraculin:
  
−
</script>
 
  
  
−
</body>  
+
<br>
 +
<br>
 +
</div>
 +
</div>
  
 +
</div>
  
 
</html>
 
</html>

Revision as of 08:24, 18 September 2015