Team:Heidelberg/testing/Project

From 2014.igem.org

(Difference between revisions)

Latest revision as of 21:12, 9 October 2014

CIRCULARIZATION

Create a linker with our crowd computing software and make your protein heat stable

OLIGOMERIZATION

Fuse multiple Proteins or Domains using Inteins

FUSION

Fuse two Proteins or Domains together using Inteins

ON/OFF

Activate or deactivate Proteins using Inteins

PURIFICATION

Modify your protein
post-translationally
easy and standardized

WITH THE POWER
of INTEIN SPLICING

Heat-stable circular DNMT I
PCR
2.0

taking it to
the next level:
Inducable
via light induction

Heat-stable circular
Xylanase PCR
2.0

@@ Line 109: / Line 109: @@
 .box:hover {
 	border:solid 2px #DE4230;
+	padding: 13px;
 }
 .descr-box {
@@ Line 158: / Line 160: @@
 }
+#abstract-content {
+display:none;
+}
 </style>
 	<div id="myContainer" class="container">
@@ Line 174: / Line 179: @@
 			<div id="abstract-dropdown" class="row abstract-special dark-grey">
 				<div class="col-lg-offset-1 col-lg-2">
-					<h4><img src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/>&nbsp;Abstract</h4>
+					<h4><img id="dropdownImg" src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/>&nbsp;Abstract</h4>
 				</div>
 				<div class="col-lg-9">
 					<span>Click to read full abstract</span>
+				</div>
+				<div id="abstract-content" class="col-lg-12" >
+					Placeholder
 				</div>
 			</div>
@@ Line 208: / Line 216: @@
 					</span>
 					<a href="#" class="block box">
-						<img style="position:absolute;width: 60%; right: 15px;top: -35px;" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png" />
+						<img style="position:absolute;height:330px; right: 15px;top: -35px;" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png" />
 						<span style="width:40%;" class="block">
 							<span style="font-size:1.5em;">
@@ Line 221: / Line 229: @@
 				</div>
 			</div>
-			<div class="row" style="margin-top:40px;">
+			<div class="row" style="margin-top:60px;">
-					<a href="#" class="col-lg-2 block">
+					<a href="#" class="col-lg-4 block grey-text" style="font-size:2em; text-align:right; position:relative; top: -50px;">
+taking it to<br />
+the next level:<br />
+Inducable <br />
+via <span class="red-text">light induction</span>
 					</a>
-					<a href="#" class="col-lg-7 col-lg-offset-3 block box">
+					<a href="#" class="col-lg-7 col-lg-offset-1 block box">
-						<img style="position:absolute;height: 130%; left: 15px;top: -50px;" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png" />
+						<img style="position:absolute;height: 165px; left: 15px;top: -50px;" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png" />
 						<span class="col-lg-8 col-lg-offset-4 block">
 							<span class="col-lg-6" style="font-size:1.5em; display:block;">
-								<span class="red-text">Heat-stable</span>  circular  <span style="font-weight:bold;">Xylanase</span>
+								<span class="red-text">Heat-stable</span>  circular <br /><span style="font-weight:bold;">Xylanase</span>
 							</span>
 							<span class="col-lg-6 block" style="font-size:2.5em; text-align:right;">
@@ Line 241: / Line 252: @@
 		</div>
 </div>
+<script type="text/javascript">
+$(document).ready(function(){
+if(window.location.hash) {
+   var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
+   if(hash == "Abstract")
+      $('#abstract-content').slideDown(400, function() {$('#dropdownImg').attr("src", "/wiki/images/f/f2/Heidelberg-Abstract-dropup.png");});
+}
+$('#abstract-dropdown').click(function() {
+if($('#abstract-content').css("display") == 'none'){
+$('#abstract-content').slideDown(400, function() {$('#dropdownImg').attr("src", "/wiki/images/f/f2/Heidelberg-Abstract-dropup.png");});
+}
+else{
+$('#abstract-content').slideUp(400, function() {$('#dropdownImg').attr("src", "/wiki/images/7/70/Heidelberg_Abstract-dropdown.png");});
+}
+});
+});
+</script>
 </html>