|
|
| (66 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:UNIK_Copenhagen/Signe_Nav}}
| |
| | | | |
| - | <html>
| |
| - | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
| |
| - | <script type="text/javascript" src="firsst_slideshow.js"></script>
| |
| - |
| |
| - | <style type="text/css">
| |
| - | h3{
| |
| - | font: bold 36px Helvetica;
| |
| - | color: white;
| |
| - | border: none;
| |
| - | padding: 0px;
| |
| - | }
| |
| - | h4{
| |
| - | font: bold 20px Helvetica;
| |
| - | color: white;
| |
| - | border: none;
| |
| - | padding: 0px;
| |
| - | }
| |
| - | .the_content{
| |
| - | top: 0px;
| |
| - | margin-bottom: 60px;
| |
| - | }
| |
| - | #the_content_2{
| |
| - | text-align: justify;
| |
| - | max-width: 1000px;
| |
| - | margin: 0px auto 0px auto;
| |
| - | top: 30px;
| |
| - | display:block;
| |
| - | position: relative;
| |
| - | padding: 0px 10px 60px 10px;
| |
| - | z-index: 0;
| |
| - | }
| |
| - | #container{
| |
| - | position: relative;
| |
| - | width: 900px;
| |
| - | height: 450px;
| |
| - | background-color: #99ff99;
| |
| - | margin: 0px auto 0px auto;
| |
| - | clear: both;
| |
| - | overflow: hidden;
| |
| - | z-index: inherit;
| |
| - | }
| |
| - | #subcontainer{
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | width: 10000px;
| |
| - | position: absolute;
| |
| - | z-index: inherit;
| |
| - |
| |
| - | }
| |
| - | .pictures{
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | width: 900px;
| |
| - | height: 450px;
| |
| - | z-index: inherit;
| |
| - | }
| |
| - | .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;
| |
| - |
| |
| - | /*background-color: rgba(0, 51, 51, 0.8);*/
| |
| - |
| |
| - | 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+ */
| |
| - | 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+ */
| |
| - | 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+ */
| |
| - | 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+ */
| |
| - | 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+ */
| |
| - | 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 */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
| |
| - | color: white;
| |
| - | font: bold 20px Helvetica;
| |
| - | }
| |
| - | </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>Write a headline here</h3>
| |
| - | <h4>Write more stuff here and make the pictures into links</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">
| |
| - | <h1>Write a headline here</h1>
| |
| - | <h2>Write even more stuff here and put < > buttons in both sides </h2></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">
| |
| - | <h1>Write a headline here</h1>
| |
| - | <h2>Write more stuff here and make an automatic cycle of slides</h2></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>
| |
| - |
| |
| - | <h1>Welcome to the Wiki page of the 2013 Copenhagen iGEM Team!</h1>
| |
| - | <p>
| |
| - | Have you ever wondered if there was a better way to <b>target cancer</b> cells? Find a <b>sustainable alternative</b> to batteries? Or visualize <b>hidden forces</b> in the world around us?
| |
| - | We worked on creating such a biological platform using organelles consisting of tiny <b>magnetic crystals</b> housed inside a lipid membrane, known as <b>magnetosomes</b>. These are naturally found in so-called magnetotactic bacteria that use these organelles to orientate themselves in the earth’s magnetic field.
| |
| - | In our project we make a proof of concept fusing a fluorescent protein to the membrane of the magnetosome. Through this we open the way for using magnetosomes in all sorts of exciting <b>new applications</b>, like for example targeted drug delivery, developing biological batteries or creating magnetic paint.
| |
| - | You will find more information on our <a href="">project page</a>.
| |
| - | </p>
| |
| - |
| |
| - | <h1>What’s synthetic biology?</h1>
| |
| - | <p>
| |
| - | In synthetic biology biomedicine, chemistry, biophysics, nanosciences and genetic engineering combine together. The final aim is to create new biological systems or re-design existing systems to build new non existing functions. In order to achieve this, synthetic biology follows rational engineering processes based on highly characterized genetic parts, the so-called BioBricks. The resulting new devices display functions which lead the way to breakthrough innovations that both have positive effect on our everyday life and push further ahead the boundaries of our scientific knowledge about the complexity of life.
| |
| - | </p>
| |
| - |
| |
| - | <h1>What’s iGEM?</h1>
| |
| - | <p>
| |
| - | The International Genetically Engineered Machine (iGEM) is an annual competition in synthetic biology organized by MIT. The competition is open to motivated undergraduate students who want to work in a team and develop a project of their own exclusive design. The teams are provided with a kit of biological parts from the Registry of Standard Biological Parts (link to the page) to create new functional biological devices in living cells. In turn, new parts built by each team can be submitted to the Registry (link). The project is developed mainly over the summer break and will culminate with the presentation of team results at the Regional Jamboree(link). A few lucky and talented teams will go onto the World Championship Jamboree. This experience is extremely stimulating for the students that have the chance to improve their skills and knowledge working on different aspects of the project as well as making new friends.
| |
| - | </p>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
