Team:UNIK Copenhagen

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:UNIK_Copenhagen/template}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #003333;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
Project description:
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
Magnetotaxic bacteria is the core of the 2013 iGEM team representing the University of Copenhagen. In nature, these bacteria exert an extraordinary ability to coordinate themselves in relation to the earth’s magnetic field. This ability is mediated by organelle-like structures (magnetosomes) lining the inner surface of the cytoplasmic membrane. Significant amounts of Magnetite (Fe3O4) also accumulate here, thus making enrichment of these bacteria possible by using a simple magnet.
 
-
 
-
Clearly, such magnificent abilities raise ideas and opportunities for developing novel and progressive bacterial applications. Choosing from a range of somewhat diverse projects, we have decided to study the formation of the magnetosomes. Hereby, we hope to be able to suggest a strategy for new types of selections markers based on magnetism. This will hopefully stand as a convenient alternative to the general standard of working with antibiotic resistance for selections markers.
 
-
 
-
During the project we hope to succeed in performing a series of proof-of-concept experiments, whilst also attaching the importance of public outreach. In this way, we hope to be able to display the fascinating world of applied bioscience to the general public.
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<style type="text/css">
 +
h3{
 +
font: bold 30px Helvetica;
 +
color: white;
 +
border: none;
 +
padding: 0px;
 +
text-shadow: 2px 2px 5px #0F0F0F;
 +
}
 +
h4{
 +
font: bold 22px Helvetica;
 +
color: white;
 +
border: none;
 +
padding: 0px;
 +
text-shadow: 2px 2px 3px #0F0F0F;
 +
}
 +
.the_content{
 +
max-width: 960px;
 +
top: 0px;
 +
margin-bottom: 60px;
 +
background-color: transparent;
 +
}
 +
#the_content_2{
 +
text-align: justify;
 +
max-width: 900px;
 +
margin: 0px auto 0px auto;
 +
top: 30px;
 +
display:block;
 +
position: relative;
 +
padding: 0px 10px 30px 10px;
 +
z-index: 0;
 +
}
 +
#container{
 +
position: relative;
 +
width: 900px;
 +
height: 300px;
 +
background-color: rbga(255, 255, 255, 0.5);
 +
margin: 0px auto 0px auto;
 +
clear: both;
 +
overflow: hidden;
 +
z-index: inherit;
 +
}
 +
#subcontainer{
 +
margin: 0px;
 +
padding: 0px;
 +
width: 10000px;
 +
position: absolute;
 +
z-index: inherit;
-
{|align="justify"
+
}
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
.pictures{
-
|[[Image:UNIK_Copenhagen_logo.png|200px|right|frame]]
+
margin: 0px;
-
|-
+
padding: 0px;
-
|
+
display: block;
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
float: left;
-
|[[Image:UNIK_Copenhagen_team.png|right|frame|Your team picture]]
+
width: 900px;
-
|-
+
height: 300px;
-
|
+
z-index: inherit;
-
|align="center"|[[Team:UNIK_Copenhagen | Team UNIK_Copenhagen]]
+
}
-
|}
+
.pictures a{
 +
text-decoration: none;
 +
}
 +
#photo{
 +
margin: 0px;
 +
padding: 0px;
 +
position: absolute;
 +
top: inherit;
 +
left: inherit;
 +
z-index: inherit;
 +
}
 +
#buttons{
 +
z-index: inherit;
 +
}
 +
#group_text{
 +
position: absolute;
 +
bottom: 0px;
 +
color: white;
 +
left: inherit;
 +
height: 70px;
 +
margin: 0px;
 +
width: 880px;
 +
padding: 10px;
 +
padding-bottom: 10px;
 +
z-index: 1;
-
<!--- The Mission, Experiments --->
+
/*background-color: rgba(0, 51, 51, 0.8);*/
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0) 92%); /* FF3.6+ */
-
!align="center"|[[Team:UNIK_Copenhagen|Home]]
+
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(1%,rgba(0,0,0,0.8)), color-stop(92%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
-
!align="center"|[[Team:UNIK_Copenhagen/Team|Team]]
+
background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* Chrome10+,Safari5.1+ */
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UNIK_Copenhagen Official Team Profile]
+
background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* Opera 11.10+ */
-
!align="center"|[[Team:UNIK_Copenhagen/Project|Project]]
+
background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* IE10+ */
-
!align="center"|[[Team:UNIK_Copenhagen/Parts|Parts Submitted to the Registry]]
+
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* W3C */
-
!align="center"|[[Team:UNIK_Copenhagen/Modeling|Modeling]]
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
-
!align="center"|[[Team:UNIK_Copenhagen/Notebook|Notebook]]
+
color: white;
-
!align="center"|[[Team:UNIK_Copenhagen/Safety|Safety]]
+
font: bold 20px Helvetica;
-
!align="center"|[[Team:UNIK_Copenhagen/Attributions|Attributions]]
+
}
-
|}
+
</style>
 +
 
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
 
 +
var Width = 900, slidePos = 1;
 +
 
 +
$('#photo1').click(function(){
 +
next_slide(1);
 +
slidePos = 1;
 +
})
 +
$('#photo2').click(function(){
 +
next_slide(2);
 +
slidePos = 2;
 +
})
 +
$('#photo3').click(function(){
 +
next_slide(3);
 +
slidePos = 3;
 +
});
 +
 
 +
function next_slide(targetSlide){
 +
var slideDistance = (targetSlide-slidePos)*Width;
 +
$('#subcontainer').animate({
 +
left: '-='+slideDistance
 +
}, 900, 'linear');
 +
}
 +
});
 +
</script>
 +
 
 +
<body>
 +
<div id=the_content_2>
 +
<div id="container">
 +
<ul id="subcontainer">
 +
<li class="pictures">
 +
<div id="group_text">
 +
<a href="https://2013.igem.org/Team:UNIK_Copenhagen/Team">
 +
<h3>The 2013 iGEM Copenhagen Team</h3>
 +
<h4>Read more about the iGEM Copenhagen Team Members 2013</h4></div>
 +
<img src="https://static.igem.org/mediawiki/2013/2/25/UNIK_Copenhagen_slide1.jpeg" id="photo"></a>
 +
</li>
 +
<li class="pictures">
 +
<div id="group_text">
 +
<h3>Headline</h3>
 +
<h4>Write even more stuff here and put < > buttons in both sides </h4></div>
 +
<img src="https://static.igem.org/mediawiki/2013/4/45/UNIK_Copenhagen_slide2.jpeg" id="photo">
 +
 +
</li>
 +
<li class="pictures">
 +
<div id="group_text">
 +
<h3>Write a headline here</h3>
 +
<h4>Write more stuff here and make an automatic cycle of slides</h4></div>
 +
<img src="https://static.igem.org/mediawiki/2013/6/63/UNIK_Copenhagen_slide3.jpeg" id="photo">
 +
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="buttons">
 +
<input type="button" value="1" id="photo1"></input>
 +
<input type="button" value="2" id="photo2"></input>
 +
<input type="button" value="3" id="photo3"></input>
 +
</div>
 +
</div>
 +
<div class="the_content">
 +
</html>
 +
{{:Team:UNIK_Copenhagen/tabs}}
 +
{{:Team:UNIK_Copenhagen/Sponsor_footer}}
 +
<html>
 +
</div>
 +
</body>
 +
</html>

Revision as of 23:51, 13 August 2013

Retrieved from "http://2013.igem.org/Team:UNIK_Copenhagen"