Team:SDU-Denmark/Team

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
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 *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<html>
+
<!-- //////////// Site Name //////////// -->
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<title>iGEM TEAM ::: SDU-DENMARK</title>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<!-- //////////// Website Icon //////////// -->
 +
<link rel="shortcut icon" href="favicon.ico" />
 +
<!-- //////////// STYLESSHEETS //////////// -->
-
{|align="justify"
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
-
|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.
+
-
|[[Image:SDU-Denmark_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:SDU-Denmark_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:SDU-Denmark | Team SDU-Denmark]]
+
-
|}
+
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!-- //////////// SCRIPTS //////////// -->
-
!align="center"|[[Team:SDU-Denmark|Home]]
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
-
!align="center"|[[Team:SDU-Denmark/Team|Team]]
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/javascript" ></script>
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=SDU-Denmark Official Team Profile]
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script>
-
!align="center"|[[Team:SDU-Denmark/Project|Project]]
+
-
!align="center"|[[Team:SDU-Denmark/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:SDU-Denmark/Modeling|Modeling]]
+
-
!align="center"|[[Team:SDU-Denmark/Notebook|Notebook]]
+
-
!align="center"|[[Team:SDU-Denmark/Safety|Safety]]
+
-
!align="center"|[[Team:SDU-Denmark/Attributions|Attributions]]
+
-
|}
+
 +
<script type="text/javascript" src="js/pirobox.min.js"></script>
 +
<script src="js/jquery.slidinglabels.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$().piroBox({
 +
my_speed: 400, //animation speed
 +
bg_alpha: 0.6, //background opacity
 +
slideShow : true, // true == slideshow on, false == slideshow off
 +
slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
 +
close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
-
== '''Who we are''' ==
+
});
-
{|border = "0"
+
});
-
|-
+
</script>
-
|rowspan="3"|
+
 +
<!-- //////////// Settings for fixed sidebar layout //////////// -->
 +
<script>
 +
$(function() {
 +
    var $sidebar  = $("#sidenav"),
 +
        $window    = $(window),
 +
        offset    = $sidebar.offset(),
 +
        topPadding = 15;
-
'''Advisors:'''
+
    $window.scroll(function() {
 +
        if ($window.scrollTop() > offset.top + 250 ) {
 +
            $sidebar.stop().animate({
 +
                marginTop: $window.scrollTop() - (offset.top + topPadding + 230 )
 +
            });
 +
        } else {
 +
            $sidebar.stop().animate({
 +
                marginTop: 0
 +
            });
 +
        }
 +
    });
 +
   
 +
});
 +
</script>
-
*''' Advisor 1''':     Mentor for all
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
-
*'''Advisor 2''':     Our favorite
+
-
*'''Grad Student 1''':    Our leader 
+
 +
<!-- //////////// Settings for Nivo Slider //////////// -->
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#slider').nivoSlider({
 +
effect:'random',
 +
slices:15,
 +
animSpeed:500,
 +
pauseTime:6000,
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next &amp; Prev
 +
directionNavHide:true, //Only show on hover
 +
controlNav:true, //1,2,3...
 +
controlNavThumbs:false, //Use thumbnails for Control Nav
 +
controlNavThumbsSearch: '.jpg', //Replace this with...
 +
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 +
keyboardNav:true, //Use left &amp; right arrows
 +
pauseOnHover:true, //Stop animation while hovering
 +
manualAdvance:false, //Force manual transitions
 +
captionOpacity:0.8, //Universal caption opacity
 +
beforeChange: function(){},
 +
afterChange: function(){},
 +
slideshowEnd: function(){} //Triggers after all slides have been shown
 +
});
 +
});
 +
</script>
-
'''Undergrads:'''
+
<script type="text/javascript">
 +
    $(document).ready(function () {
-
*'''Student 1''':    Sleepyhead
+
            // transition effect
-
*'''Student 2''':    Math nerd
+
            style = 'easeOutBounce';
-
*'''Student 3''':  Michael, Is going to save the world
+
-
*'''Student 4''':    Loves iGEM
+
-
*'''Student 5''':  A normal student... or(r) am I?
+
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
 +
            // if the mouse hover the image
 +
            $('.photo').hover(
 +
                    function() {
 +
                            //display heading and caption
 +
                            $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
 +
                            $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
 +
                    },
-
|
+
                    function() {
-
<gallery>
+
                            //hide heading and caption
-
Image:SDU-Denmark_Team_member_1.png|Team member 1
+
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
-
Image:SDU-Denmark_Team_member_2.png|Team member 2
+
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
-
Image:SDU-Denmark_Team_member_3.png|Team member 3
+
                    }
-
Image:SDU-Denmark_Team_member_4.png|Team member 4
+
            );
-
Image:SDU-Denmark_Team_member_5.png|Team member 5
+
-
Image:SDU-Denmark_Team_member_6.png|Team member 6
+
-
Image:SDU-Denmark_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
+
    });
 +
</script>
-
(Provide proper attribution for all work)
+
<script type="text/javascript">
 +
$(function(){
 +
$('#contactform').slidinglabels({
 +
 +
/* these are all optional */
 +
topPosition  : '8px',  // how far down you want each label to start
 +
leftPosition : '8px',  // how far left you want each label to start
 +
axis        : 'x',    // can take 'x' or 'y' for slide direction
 +
speed        : 'fast'  // can take 'fast', 'slow', or a numeric value
-
== '''Where we're from''' ==
+
});
 +
 
 +
});
 +
</script>
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
 +
<div class="container">
 +
 
 +
<!-- ////////////HEADER\\\\\\\\\\ -->
 +
<div class="header" id="TopHeader">
 +
<!-- //////////// NIVO SLIDER //////////// -->
 +
            <div id="slider">
 +
                    <img src="https://static.igem.org/mediawiki/2012/4/4f/SDU2012slide01.jpg" alt="" />
 +
 +
<img src="https://static.igem.org/mediawiki/2012/6/6e/SDU2012slide03.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide04.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/6/67/SDU2012slide05.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/c/c7/SDU2012slide06.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide07.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/2/27/SDU2012slide08.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/f/ff/SDU2012slide09.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/7/7f/SDU2012slide10.jpg" alt="" />
 +
                 
 +
                    <a href="http://" title=""><img src="images/slider/slide10.jpg" alt="" title="see more in our gallery" /></a>
 +
            </div>
 +
</div>
 +
   
 +
    <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
 +
    <div id="sidenav" style="margin-top:";">
 +
    <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
 +
       
 +
        <!-- //////////// MAIN NAVIGATION //////////// -->
 +
 +
<!--\\\\ ACCORDION MENU ////-->
 +
<div id="leftcolumntotal">
 +
<div id="leftcolumn">
 +
<div id="leftcolumngreen">
 +
 
 +
</div>
 +
<div id="AccordionContainer" class="AccordionContainer">
 +
 
 +
  <div onclick="runAccordion(1,50);"> <!-- 1,125 -->
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Introduction
 +
</div>
 +
  </div>
 +
  <div id="Accordion1Content" class="AccordionContent">
 +
<span class="classgreena">
 +
<a href="/Team:SDU-Denmark">Home<p></a>
 +
  <a href="/Team:SDU-Denmark/team">Team<p></a>
 +
 +
  </span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(2,125);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Project
 +
</div>
 +
  </div>
 +
  <div id="Accordion2Content" class="AccordionContent">
 +
  <span class="classreda"> 
 +
<a href="/Team:SDU-Denmark/Project/Rationale"> Overview<p></a>   
 +
<a href="/Team:SDU-Denmark/Project/Intro"> Experiments<p></a>   
 +
<a href="/Team:SDU-Denmark/Project/Methods">Parts<p></a>
 +
<a href="/Team:SDU-Denmark/Project/Results">Bio Bricks<p></a> 
 +
<a href="/Team:SDU-Denmark/Project/Future">Future Applications<p></a> 
 +
</span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(3,75);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Results
 +
</div>
 +
  </div>
 +
  <div id="Accordion3Content" class="AccordionContent">
 +
<span class="classorangea">
 +
<a href="/Team:SDU-Denmark/Side/Biodegradation">Summary<p></a>
 +
<a href="/Team:SDU-Denmark/Side/Reporter">Data<p></a> 
 +
<a href="/Team:SDU-Denmark/Side/KillSwitch">Discussion<p></a> 
 +
</span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(4,50);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Human Practices
 +
</div>
 +
  </div>
 +
  <div id="Accordion4Content" class="AccordionContent">
 +
<span class="classgreena">
 +
<a href="/Team:SDU-Denmark/Safety/Lab">Overview<p></a>
 +
<a href="/Team:SDU-Denmark/Safety/FAQs">Safety<p></a>
 +
  </span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(5,25);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Side Projects
 +
</div>
 +
  </div>
 +
  <div id="Accordion5Content" class="AccordionContent">
 +
<span class="classpurplea">
 +
<a href="/Team:SDU-Denmark/Parts/Contributions">Plant vs Prokaryot<p></a>     
 +
</span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(6,25);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Notebook
 +
</div>
 +
  </div>
 +
  <div id="Accordion6Content" class="AccordionContent">
 +
<span class="classreda">
 +
<a href="/Team:SDU-Denmark/Notebook/Protocols/Rehydration">protocols<p></a>
 +
 +
</span>
 +
  </div>
 +
 
 +
  <div onclick="runAccordion(7,50);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Partners
 +
</div>
 +
  </div>
 +
  <div id="Accordion7Content" class="AccordionContent">
 +
<span class="classorangea">
 +
<a href="/Team:SDU-Denmark/Partners/Sponsors">Sponsors<p></a>
 +
<a href="/Team:SDU-Denmark/Partners/OSLI">iGEM teams<p></a> 
 +
 +
</span>
 +
  </div>
 +
 
 +
<div onclick="runAccordion(8,100);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Extras
 +
</div>
 +
  </div>
 +
  <div id="Accordion8Content" class="AccordionContent">
 +
<span class="classpurplea">
 +
<a href="/Team:SDU-Denmark/Extras/Recruitment">Podcast <p></a>
 +
<a href="/Team:SDU-Denmark/Extras/Achievements">Achievements<p></a>
 +
<a href="/Team:SDU-Denmark/Extras/Brainstorming">Photo Gallery<p></a>
 +
<a href="/Team:SDU-Denmark/Extras/Video">Video Gallery<p></a> 
 +
</span>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <script type="text/javascript">
 +
var ContentHeight = 200;
 +
var TimeToSlide = 300.0;
 +
 
 +
var openAccordion = '';
 +
 
 +
 
 +
function runAccordion(index, AccHeight)
 +
{
 +
  ContentHeight = AccHeight;
 +
 
 +
  var nID = "Accordion" + index + "Content";
 +
  if(openAccordion == nID)
 +
nID = '';
 +
 
 +
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
 +
  + openAccordion + "','" + nID + "')", 33);
 +
 +
  openAccordion = nID;
 +
 +
}
 +
 
 +
function animate(lastTick, timeLeft, closingId, openingId)
 +
{ 
 +
  var curTick = new Date().getTime();
 +
  var elapsedTicks = curTick - lastTick;
 +
 +
  var opening = (openingId == '') ? null : document.getElementById(openingId);
 +
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 +
 +
  if(timeLeft <= elapsedTicks)
 +
  {
 +
if(opening != null)
 +
  opening.style.height = ContentHeight + 'px';
 +
 
 +
if(closing != null)
 +
{
 +
  closing.style.display = 'none';
 +
  closing.style.height = '0px';
 +
}
 +
return;
 +
  }
 +
 +
  timeLeft -= elapsedTicks;
 +
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
 +
 
 +
  if(opening != null)
 +
  {
 +
if(opening.style.display != 'block')
 +
  opening.style.display = 'block';
 +
opening.style.height = (ContentHeight - newClosedHeight) + 'px';
 +
  }
 +
 +
  if(closing != null)
 +
closing.style.height = newClosedHeight + 'px';
 +
 
 +
  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
 +
  + closingId + "','" + openingId + "')", 33);
 +
}
 +
 
 +
 
 +
</script>
 +
 
 +
</div>
 +
</div>
 +
<!--\\\\ACCORDION MENU////-->
 +
 
 +
    </div><!-- //sidenav -->
 +
 +
<!-- //////////// Sidenav Footer //////////// -->
 +
        <div id="footer">
 +
            The iGEM Team of University of Southern Denmark 2012
 +
        </div><!-- //footer -->
 +
 +
 +
    <!-- //////////// Anchor used to scroll to HOME //////////// -->
 +
    <a name="home"></a>
 +
   
 +
    <!-- //////////// Contenta *Everything in Right-Hand Column* //////////// -->
 +
    <div id="contenta">
 +
 +
 
 +
<!-- //////////// Pictogrammer \\\\\\\\\\ -->
 +
 +
<a href="http://" title=""><img src="https://static.igem.org/mediawiki/2012/1/19/Ethicsqbs.gif" alt="" title="Ethics" class="picto" ></img></a>
 +
<a href="http://" title=""><img src="https://static.igem.org/mediawiki/2012/5/5a/Sponsorsqts.gif" alt="" title="Sponsors" class="picto"></img></a>
 +
<a href="http://" title=""><img src="https://static.igem.org/mediawiki/2012/3/32/Resultsqts.gif" alt="" title="Results" class="picto"></img></a>
 +
<a href="http://" title=""><img src="https://static.igem.org/mediawiki/2012/2/20/Projectcqts.gif" alt="" title="Project" class="picto"></img></a>
 +
 +
<!-- /////////  /Pictogrammer \\\\\\\\\\ -->
 +
 +
<!-- /// velkomst ////-->
 +
 
 +
<h2>Team page</h2>
 +
<p>
 +
team presentation
 +
</p>
 +
 +
<!--
 +
<div id="contentcolumleft">
 +
           
 +
           
 +
           
 +
            <h2>Welcome to My Online Portfolio, Have a Look Around.</h2>
 +
            <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
           
 +
            <h2>Opto tego, distineo luptatum</h2>
 +
            <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
</div>
 +
 +
<div id="contentcolumleft">
 +
<h2>This is a test</h2>
 +
<p> and now to put some text in </p>
 +
<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
<p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
 +
<h2>Opto tego, distineo luptatum</h2>
 +
<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
<p>Opto tego, distineo lupt
 +
 +
 +
</div>
 +
-->
 +
 +
    <!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
 +
 +
    <!-- //////////// Anchor used to scroll to SERVICES //////////// -->
 +
   
 +
    <!-- //////////// Anchor used to scroll to CONTACT //////////// -->       
 +
   
 +
            <div class="clearall"></div><!-- //clearall -->
 +
           
 +
            <div id="footfiller">
 +
            </div><!-- //footfiller -->
 +
           
 +
    </div><!-- //contenta -->
 +
   
 +
</div><!-- //container -->
 +
</body>
 +
</html>

Revision as of 14:35, 19 July 2012

iGEM TEAM ::: SDU-DENMARK

Team page

team presentation

Retrieved from "http://2012.igem.org/Team:SDU-Denmark/Team"