Team:SDU-Denmark/Ethics/Ethicallycorrect

<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&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 //////////// -->
<!-- :......:jquery [DEACTIVATED].....: -->
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->

<!-- :......:NIVO.....: -->
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;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&amp;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&amp;ctype=text/javascript">
</script>

<!-- :......:SLIDING LABS.....: -->
<script src="https://2012.igem.org/Team:SDU-Denmark/jquery.slidinglabels.js?action=raw&amp;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&amp;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 &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
            $('.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/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="1000" 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">
	

	<!-- //////////// Pictogrammer \\\\\\\\\\ -->
	
	
	<!-- /////////   /Pictogrammer \\\\\\\\\\ -->
	
	<!-- /// velkomst ////-->

	
<br/><br/>
<h1>Is there a thing as "ethically correct"?</h1>
<p>Meta ethics is about what ethics and morals are. Here you can involve issues of whether there can be no objective answers to ethical questions. Is it possible to objectively talk about what is good and bad moral? <br/><br/>
In the medical world, you have the Hippocrates’s oath, describing what is correct to do when you is a scientist. It says, among other things: <br/><br/>
<i> “I will apply, for the benefit of the sick, all measures which are required” <br/>
 “I will remember that I do not treat a fever chart, a cancerous growth, but a sick human being, whose illness may affect the person's family and economic stability. My responsibility includes these related problems, if I am to care adequately for the sick.” <br/>
“I will prevent disease whenever I can, for prevention is preferable to cure.” <br/>
“I will remember that I remain a member of society, with special obligations to all my fellow human beings, those sound of mind and body as well as the infirm.” </i><br/><br/>
This oath describes therefore that we must do everything in our power to help people to get well. And better yet, to prevent the disease. It is important to look at the world and keep in mind that you are not only curing a disease, but it also concerns a person with a family, someone living in a society with an economic balance. This must be cherished. That is why it is essential to help if you can, for example in the form of using synthetic biology to help prevent a disease, even if this is necessarily regarded as unnatural by some. <br/><br/></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>