Difference between revisions of "Team:UNIK Copenhagen"

Line 50: Line 50:
 
html,
 
html,
 
body {
 
body {
−
   height: 100%;
+
   color: #fff;
−
   background-color: #333;
+
  text-align: center;
−
   background-image: url("https://static.igem.org/mediawiki/2015/9/96/Unik_copenhagen_Mars_background.jpg");
+
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
 +
    margin: 0 auto;
 +
  cursor: all-scroll;
 +
 
 +
  width: 100%;
 +
   height: 0;
 +
  padding-bottom: 100%;
 +
 
 +
   background-image: url(https://static.igem.org/mediawiki/2015/9/96/Unik_copenhagen_Mars_background.jpg);
 +
  background-size: cover;
 +
  background-position: 100% 0;
 +
 
 +
  transition: background-position 1s linear;
 
}
 
}
 
body {
 
body {
Line 238: Line 250:
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script type="text/javascript">
 +
        $(function () {
 +
 +
            var $panorama = $('body');
 +
 +
            var left = $panorama.offset().left;
 +
            var width = $panorama.width();
 +
 +
        $('body').mousemove(function (e) {
 +
            var offset = e.pageX - left;
 +
            var percentage = offset / width * 100;
 +
 +
    $panorama.css('background-position', percentage + '% 0');
 +
 +
  });
  
 +
});
 +
    </script>
 
     <script src="js/ie10-viewport-bug-workaround.js"></script>
 
     <script src="js/ie10-viewport-bug-workaround.js"></script>
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 16:12, 30 May 2015

Cover Template for Bootstrap

SpaceMoss - University of Copenhagen iGEM 2015

Can we use biology to make it easier to get to Mars? We are modifying moss to survive in the harsh Martian environment, and then produce compounds which are useful for astronauts.

Learn more