Team:SDU-Denmark/menu

From 2012.igem.org

(Difference between revisions)
 
(119 intermediate revisions not shown)
Line 12: Line 12:
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
-
 
-
<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" />
 
<!-- //////////// SCRIPTS //////////// -->
<!-- //////////// SCRIPTS //////////// -->
-
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
 
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/javascript" ></script>
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
-
<!--
 
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> -->
 
-
<script type="text/javascript" src="js/pirobox.min.js"></script>
 
-
<script src="js/jquery.slidinglabels.js" type="text/javascript"></script>
 
-
<script type="text/javascript">
+
<!-- special for this menu page -->
-
$(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
+
-
});
+
<style type="text/css">
-
});
+
-
</script>
+
-
<!-- //////////// Settings for fixed sidebar layout //////////// -->
+
/*links*/
 +
a:link {color: black; }
 +
a:visited {
 +
    color:purple;
 +
}
 +
a:hover {
 +
    text-decoration: none;
 +
color:red;}
-
<script>
 
-
$(function() {
+
#content {
 +
background-color:transparent;
 +
}
-
    var $sidebar  = $("#sidenav"),
+
#menubar {
-
        $window1    = $(window),
+
font-size: 100%
-
        offset    = $sidebar.offset(),
+
margin-top:-14px;
-
        topPadding = 15;
+
display: none;
 +
}
-
    $window1.scroll(function() {
+
#catlinks {
-
        if ($window1.scrollTop() > offset.top + 250 ) {
+
border: 0px solid #AAA;
-
            $sidebar.stop().animate({
+
background-color: #F9F9F9;
-
                marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
+
padding: 0px;
-
            });
+
margin-top: 0em;
-
        } else {
+
clear: both;
-
            $sidebar.stop().animate({
+
}
-
                marginTop: 0
+
-
            });
+
-
        }
+
-
    });
+
-
   
+
-
});
+
-
</script>
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
+
/*::::::::: SideNav :::::::::*/
 +
#sidenav2 {
 +
width: ;
 +
position: absolute; /* fixed */
 +
float: left;
 +
background-color: rgba(255, 255, 255, 0.0);
 +
margin:0px 0px 0px 0px; /* top right bottom left*/
 +
height: 100%;
 +
}
-
<!-- //////////// 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>
 
-
<script type="text/javascript">
 
-
    $(document).ready(function () {
 
-
            // transition effect
 
-
            style = 'easeOutBounce';
 
-
            // if the mouse hover the image
+
</style>
-
            $('.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() {
+
<base target="_parent" />
-
                            //hide heading and caption
+
-
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
+
-
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
+
-
                    }
+
-
            );
+
-
    });
+
<!--[if IE]>
-
</script>
+
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
<![endif]-->
-
<script type="text/javascript">
+
</head>
-
$(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
+
-
 
+
-
});
+
-
 
+
-
});
+
-
</script>
+
-
 
+
-
<!-- script for fixed background-->
+
-
<script>
+
-
$(window).load(function() {   
+
-
 
+
-
var theWindow        = $(window),
+
-
    $bg              = $("#bg"),
+
-
    aspectRatio      = $bg.width() / $bg.height();
+
-
       
+
-
function resizeBg() {
+
-
+
-
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
+
-
    $bg
+
-
    .removeClass()
+
-
    .addClass('bgheight');
+
-
} else {
+
-
    $bg
+
-
    .removeClass()
+
-
    .addClass('bgwidth');
+
-
}
+
-
+
-
}
+
-
                 
+
-
theWindow.resize(function() {
+
-
resizeBg();
+
-
}).trigger("resize");
+
-
});
+
<body STYLE="background-color:transparent">
-
</script>
+
-
 
+
-
 
+
-
</head>
+
-
<body>
+
<div id="sidenav2">
-
<div id="leftcolumntotal">
+
<!--\\\\ ACCORDION MENU ////-->
 +
                <div id="leftcolumntotal">
<div id="leftcolumn">  
<div id="leftcolumn">  
<div id="leftcolumngreen">
<div id="leftcolumngreen">
Line 175: Line 87:
<div id="AccordionContainer" class="AccordionContainer">
<div id="AccordionContainer" class="AccordionContainer">
-
  <div onclick="runAccordion(1,50);"> <!-- 1,125 -->
+
  <div onclick="runAccordion(1,75);"> <!-- 1,125 -->
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
  Introduction
  Introduction
Line 182: Line 94:
  <div id="Accordion1Content" class="AccordionContent">
  <div id="Accordion1Content" class="AccordionContent">
<span class="classgreena">
<span class="classgreena">
-
<a href="/Team:SDU-Denmark">Home<p></a>
+
<a href="/Team:SDU-Denmark" target="_parent">Home<p></a>
-
  <a href="/Team:SDU-Denmark/Team">Team<p></a>
+
  <a href="/Team:SDU-Denmark/Team" target="_parent">Team<p></a>
 +
<a href="https://static.igem.org/mediawiki/2012/c/cf/SDU_DENMARK_POSTER_HI_RES.pdf" target="_parent">Poster<p></a>
 +
 +
 
 +
 
  </span>
  </span>
Line 195: Line 111:
  <div id="Accordion2Content" class="AccordionContent">
  <div id="Accordion2Content" class="AccordionContent">
  <span class="classreda">   
  <span class="classreda">   
-
<a href="/Team:SDU-Denmark/Project/Overview">Overview<p></a>     
+
<a href="/Team:SDU-Denmark/Project/Overview" target="_parent">Overview<p></a>     
-
<a href="/Team:SDU-Denmark/Project/Background">Background<p></a>     
+
<a href="/Team:SDU-Denmark/Project/Background" target="_parent">Background<p></a>     
-
<a href="/Team:SDU-Denmark/Project/BioBricks">Bio Bricks<p></a>
+
<a href="/Team:SDU-Denmark/Project/BioBricks" target="_parent">BioBricks<p></a>
-
<a href="/Team:SDU-Denmark/Project/Parts">Parts<p></a>  
+
<a href="/Team:SDU-Denmark/labwork/Constructs" target="_parent">Data & Constructs<p></a>
-
<a href="/Team:SDU-Denmark/Project/Results">Results<p></a>
+
<a href="/Team:SDU-Denmark/Project/Modelling" target="_parent">Modelling<p></a>
-
  <a href="/Team:SDU-Denmark/Project/Future">Future Applications <p></a>
+
-
  <a href="/Team:SDU-Denmark/Project/Achievements">Achievements<p></a>
+
  <a href="/Team:SDU-Denmark/Project/Future" target="_parent">Future Applications <p></a>
 +
  <a href="/Team:SDU-Denmark/Project/Achievements" target="_parent">Achievements<p></a>
    
    
</span>
</span>
  </div>
  </div>
-
  <div onclick="runAccordion(3,130);">
+
  <div onclick="runAccordion(3,75);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
Lab Work
Lab Work
Line 214: Line 131:
<span class="classorangea">
<span class="classorangea">
 
 
-
<a href="/Team:SDU-Denmark/labwork/Protocols">Protocols<p></a>
+
<a href="/Team:SDU-Denmark/labwork/Protocols" target="_parent">Protocols<p></a>
-
                                        <a href="/Team:SDU-Denmark/labwork/Experiments">Experiments<p></a>
+
</a>
-
<a href="/Team:SDU-Denmark/labwork/Constructs">Constructs<p></a>
+
                                        <a href="/Team:SDU-Denmark/labwork/Testing" target="_parent">Testing<p></a>
-
<a href="/Team:SDU-Denmark/labwork/Safety">Lab Safety<p></a>
+
-
<a href="/Team:SDU-Denmark/labwork/Notebook">Notebook<p></a>
+
<a href="/Team:SDU-Denmark/labwork/Notebook" target="_parent">Notebook<p></a>
</span>
</span>
  </div>
  </div>
-
  <div onclick="runAccordion(4,75);">
+
 
 +
 
 +
  <div onclick="runAccordion(4,50);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
-
  Human Practices
+
  Safety
</div>
</div>
  </div>
  </div>
  <div id="Accordion4Content" class="AccordionContent">
  <div id="Accordion4Content" class="AccordionContent">
<span class="classgreena">
<span class="classgreena">
-
<a href="/Team:SDU-Denmark/HumanPractices/overview">Overview<p></a>
+
-
<a href="/Team:SDU-Denmark/HumanPractices/ethics">Ethics<p></a>
+
<a href="/Team:SDU-Denmark/Safety/biosafety" target="_parent">BioSafety<p></a>
-
<a href="/Team:SDU-Denmark/HumanPractices/biosafety">Bio Safety<p></a>
+
<a href="/Team:SDU-Denmark/Safety/labsafety" target="_parent">Lab Safety<p></a>
 +
 
  </span>
  </span>
  </div>
  </div>
 +
 +
 +
  <div onclick="runAccordion(5,105);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Human Practices
 +
</div>
 +
  </div>
 +
  <div id="Accordion5Content" class="AccordionContent">
 +
<span class="classgreena">
 +
<a href="/Team:SDU-Denmark/HumanPractices/overview" target="_parent">Overview<p></a>
 +
<a href="/Team:SDU-Denmark/Media/Documentary" target="_parent">Documentary<p></a>
 +
<a href="/Team:SDU-Denmark/HumanPractices/outreach" target="_parent">Outreach<p></a>
 +
<a href="/Team:SDU-Denmark/Media/Press" target="_parent">Press<p></a>
 +
 +
                  </span>
 +
  </div>
 +
 +
<div onclick="runAccordion(6,175);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
Ethics
 +
</div>
 +
  </div>
 +
  <div id="Accordion6Content" class="AccordionContent">
 +
<span class="classgreena">
 +
                     
 +
                        <a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Introduction">Introduction<p></a>
 +
                       
 +
                        <a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Normativeethics">Normative Ethic<p></a>
 +
                        <a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Whyisitimportant">Why is it Important? <p></a>
 +
                        <a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Ethicallycorrect">Ethically correct <p></a>
 +
 +
<a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Fightagainstobesity">Fight Against Obesity<p></a>
 +
 +
<a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Bioethics">Bio Ethics<p></a>
 +
 +
</span>
 +
  </div>
 +
 +
 +
 +
<div onclick="runAccordion(7,50);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Business Aspects
 +
</div>
 +
  </div>
 +
  <div id="Accordion7Content" class="AccordionContent">
 +
<span class="classgreena">
 +
<a href="/Team:SDU-Denmark/Business Aspects/introslim" target="_parent">Introducing SLIM<p></a>
 +
<a href="/Team:SDU-Denmark/Business Aspects/legislation" target="_parent">Legislation of GMO<p></a>
 +
 +
 +
 +
 +
 +
  </span>
 +
  </div>
 +
 +
  <div onclick="runAccordion(8,50);">
 +
<div class="AccordionTitle" onselectstart="return false;">
 +
  Funding
 +
</div>
 +
  </div>
 +
  <div id="Accordion8Content" class="AccordionContent">
 +
<span class="classgreena">
 +
<a href="/Team:SDU-Denmark/Funding/overview" target="_parent">Overview<p></a>
 +
<a href="/Team:SDU-Denmark/Funding/Recommendations" target="_parent">Recommendations<p></a>
 +
 +
 +
  </span>
 +
  </div>
 +
 +
   
   
-
  <div onclick="runAccordion(5,75);">
+
  <div onclick="runAccordion(9,105);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
  Collaboration
  Collaboration
</div>
</div>
  </div>
  </div>
-
  <div id="Accordion5Content" class="AccordionContent">
+
  <div id="Accordion9Content" class="AccordionContent">
<span class="classpurplea">
<span class="classpurplea">
-
<a href="/Team:SDU-Denmark/collaboration/podcast">PodCast<p></a>
+
<a href="/Team:SDU-Denmark/collaboration/Overview" target="_parent">Overview<p></a>
-
<a href="/Team:SDU-Denmark/collaboration/bielefeld">TEAM BIELEFELD<p></a>     
+
<a href="/Team:SDU-Denmark/collaboration/podcast" target="_parent">PodCast<p></a>
-
<a href="/Team:SDU-Denmark/collaboration/Sponsors">Sponsors<p></a>         
+
<a href="/Team:SDU-Denmark/collaboration/bielefeld" target="_parent">Bielefeld<p></a>     
 +
<a href="/Team:SDU-Denmark/collaboration/Uppsala" target="_parent">Scandinavian Meet-up<p></a>         
</span>
</span>
  </div>
  </div>
-
  <div onclick="runAccordion(6,75);">
+
 
 +
 
 +
 
 +
<div onclick="runAccordion(10,50);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
-
Media/Press
+
  Attributions
</div>
</div>
  </div>
  </div>
-
  <div id="Accordion6Content" class="AccordionContent">
+
  <div id="Accordion10Content" class="AccordionContent">
-
<span class="classreda">
+
<span class="classpurplea">
-
<a href="/Team:SDU-Denmark/Media/photogallery">Photo Gallery<p></a>
+
<a href="/Team:SDU-Denmark/Attributions/host" target="_parent">by host and supervisors<p></a>
-
<a href="/Team:SDU-Denmark/Media/videogallery">Video Gallery<p></a>
+
<a href="/Team:SDU-Denmark/Attributions/other" target="_parent">by others<p></a>    
-
<a href="/Team:SDU-Denmark/Media/Press">Press<p></a>
+
       
-
+
</span>
</span>
  </div>
  </div>
-
<!--
+
 
-
  <div onclick="runAccordion(7,50);">
+
 
 +
 
 +
 
 +
  <div onclick="runAccordion(11,50);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
-
  Partners
+
Media
</div>
</div>
  </div>
  </div>
-
  <div id="Accordion7Content" class="AccordionContent">
+
  <div id="Accordion11Content" class="AccordionContent">
-
<span class="classorangea">
+
<span class="classreda">
-
<a href="/Team:SDU-Denmark/Partners/Sponsors">Sponsors<p></a>
+
<a href="/Team:SDU-Denmark/Media/photogallery" target="_parent">Photo Gallery<p></a>
-
<a href="/Team:SDU-Denmark/Partners/OSLI">iGEM teams<p></a>
+
<a href="/Team:SDU-Denmark/Media/videogallery" target="_parent">Video Gallery<p></a>
 +
</span>
</span>
  </div>
  </div>
-
<div onclick="runAccordion(8,100);">
+
  <div onclick="runAccordion(12,30);">
<div class="AccordionTitle" onselectstart="return false;">
<div class="AccordionTitle" onselectstart="return false;">
-
  Extras
+
Diary
</div>
</div>
  </div>
  </div>
-
  <div id="Accordion8Content" class="AccordionContent">
+
  <div id="Accordion12Content" class="AccordionContent">
-
<span class="classpurplea">
+
<span class="classorangea">
-
<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/Diary/week1" target="_parent">ಠ_ಠ</a><p>
-
<a href="/Team:SDU-Denmark/Extras/Brainstorming">Photo Gallery<p></a>
+
-
<a href="/Team:SDU-Denmark/Extras/Video">Video Gallery<p></a> 
+
</span>
</span>
  </div>
  </div>
-
-->
+
</br>
 +
<a href="https://2012.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6a/Sduigemlogo.gif" width="80px"></img>
 +
</a>
</div>
</div>
Line 361: Line 361:
 +
</div><!--::::::container:::::-->
</body>
</body>
</html>
</html>

Latest revision as of 22:28, 8 October 2012

iGEM TEAM ::: SDU-DENMARK

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