|
|
| Line 1: |
Line 1: |
| - | <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" />
| |
| | | | |
| - | <!-- //////////// Site Name //////////// -->
| |
| - | <title>iGEM TEAM ::: SDU-DENMARK</title>
| |
| - |
| |
| - | <!-- //////////// Website Icon //////////// -->
| |
| - | <link rel="shortcut icon" href="favicon.ico" />
| |
| - |
| |
| - | <!-- //////////// STYLESSHEETS //////////// -->
| |
| - |
| |
| - | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&ctype=text/css">
| |
| - |
| |
| - | <link rel="stylesheet" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&ctype=text/css" type="text/css" media="screen" />
| |
| - |
| |
| - |
| |
| - | <!-- //////////// SCRIPTS //////////// -->
| |
| - | <!-- :......:jquery [DEACTIVATED].....: -->
| |
| - | <!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&ctype=text/javascript"></script> -->
| |
| - |
| |
| - | <!-- :......:NIVO.....: -->
| |
| - | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&ctype=text/javascript" ></script>
| |
| - |
| |
| - | <!-- :......:JS EASING.....: -->
| |
| - | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - |
| |
| - | <!-- Need these two for gallery -->
| |
| - |
| |
| - | <!-- :......:PIROBOX.....: -->
| |
| - | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/pirobox.min.js?action=raw&ctype=text/javascript">
| |
| - | </script>
| |
| - |
| |
| - | <!-- :......:SLIDING LABS.....: -->
| |
| - | <script src="https://2012.igem.org/Team:SDU-Denmark/jquery.slidinglabels.js?action=raw&ctype=text/javascript" type="text/javascript">
| |
| - | </script>
| |
| - |
| |
| - | <!-- //gallery scripts-->
| |
| - |
| |
| - |
| |
| - | <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
| |
| - |
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- //////////// Settings for fixed sidebar layout //////////// -->
| |
| - |
| |
| - | <script>
| |
| - |
| |
| - | $(function() {
| |
| - |
| |
| - | var $sidebar = $("#sidenav"),
| |
| - | $window1 = $(window),
| |
| - | offset = $sidebar.offset(),
| |
| - | topPadding = 15;
| |
| - |
| |
| - | $window1.scroll(function() {
| |
| - | if ($window1.scrollTop() > offset.top + 250 ) {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
| |
| - | });
| |
| - | } else {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: 0
| |
| - | });
| |
| - | }
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&ctype=text/javascript"></script>
| |
| - |
| |
| - | <!-- //////////// 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 & 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 & 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
| |
| - | $('.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() {
| |
| - | //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});
| |
| - | }
| |
| - | );
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <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
| |
| - |
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </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");
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <!-- //////////background image/////////// -->
| |
| - | <img src="https://static.igem.org/mediawiki/2012/6/6c/Body_bg13.jpg" id="bg" alt="courtesy of NIAID">
| |
| - |
| |
| - | <!-- //////////// 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/4/4f/SDU2012slide01.jpg" alt="" />
| |
| - | <img src="https://static.igem.org/mediawiki/2012/9/9a/SDU2012slide02.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="" />
| |
| - | <img src="https://static.igem.org/mediawiki/2012/b/bf/SDU2012slide11.jpg" alt="" />
| |
| - | <img src="https://static.igem.org/mediawiki/2012/3/35/SDU2012slide12.jpg" alt="" />
| |
| - | <img src="https://static.igem.org/mediawiki/2012/e/ed/SDU2012slide13.jpg" alt=""
| |
| - | title="see more in our gallery" />
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
| |
| - | <div id="sidenav" >
| |
| - | <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
| |
| - |
| |
| - | <!-- //////////// MAIN NAVIGATION //////////// -->
| |
| - |
| |
| - | <!--\\\\ ACCORDION MENU ////-->
| |
| - |
| |
| - | <iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="500" width="200" scrolling="no" ALLOWTRANSPARENCY="true">
| |
| - | <p>Your browser does not support iframes.</p>
| |
| - | </iframe>
| |
| - |
| |
| - | <!--\\\\ACCORDION MENU////-->
| |
| - |
| |
| - | </div><!-- //sidenav -->
| |
| - |
| |
| - | <!-- //////////// Sidenav Footer //////////// -->
| |
| - | <div id="footer">
| |
| - | The iGEM Team of University of Southern Denmark 2012
| |
| - | <font color="FF6600" ><b>igem.sdu.2012@gmail.com</b></font>
| |
| - | </div><!-- //footer -->
| |
| - |
| |
| - |
| |
| - | <!-- //////////// Anchor used to scroll to HOME //////////// -->
| |
| - | <a name="home"></a>
| |
| - |
| |
| - | <!-- //////////// Contenta *Everything in Right-Hand Column* //////////// -->
| |
| - | <div id="contenta">
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!-- /// velkomst ////-->
| |
| - |
| |
| - | <h1>Outreach</h1>
| |
| - | <h2> Fair - At the beginning of the school year<h2>
| |
| - | <p>
| |
| - | <p>The studies fair is a great exhibition with around 3000 visitors. It stretches over two days where both companies and unions from industry, associations and cultural life are represented.<br/>
| |
| - | The fair is a free service for students and other interested parties. We had the opportunity to create a great first impression of what we can offer students at the university interested in either joining next year's team or maybe even help us this year. We did this both to spread the word about iGEM and to raise awareness for students and staff at the university.<br/>
| |
| - | We got a great benefit from the fair, since we got a lot of attention from students from other faculties who also thought it would be exciting to be involved in iGEM for example, to help with the wiki, modeling, ethics, public relations and much more. In addition to this, there were of course many science students who were interested in being involved next year, to them we had made a Facebook group where we update with information about registration, etc.<br/><br/>
| |
| - |
| |
| - | <h2> Flyers & Posters - On the university<h2>
| |
| - | In addition to the fair we have also been hanging up posters and giving out flyers about iGEM on the university. This year iGEM did not have any enrollments from other than us who are on the team. Although it was great to all who wanted to be with, it would be nice with some more attention to the concept. Therefore we decided to do a campaign to increase interest in iGEM at university.<br/><br/>
| |
| - |
| |
| - | <h2> Street Science<h2>
| |
| - | In Bielefeld we participated in “Street Science” as a part of their outreach. You can read more about this here (link) on our collaboration page.
| |
| - | </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>
| |
"
