Difference between revisions of "Template:Team:Calgary/TestingPage"

Line 6: Line 6:
 
<head>
 
<head>
 
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand+SC|Varela+Round" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand+SC|Varela+Round" rel="stylesheet">
−
 
−
<script>
 
−
 
−
$(document).ready(function(){
 
−
var ulNav= "#nav", openNav = "active";
 
−
 
−
$('.toggle-menu').click(function(e){
 
−
if($(ulNav).hasClass(openNav)){
 
−
$(ulNav).removeClass(openNav)
 
−
}else{
 
−
$(ulNav).addClass(openNav);
 
−
}
 
−
e.preventDefault();
 
−
})
 
−
 
−
$('.toggle-drop').on('click', function() {
 
−
$(this).next().slideToggle(400);
 
−
  $(this).toggleClass('active');
 
−
});
 
−
})
 
−
</script>
 
  
 
<style>
 
<style>
Line 35: Line 14:
  
 
body{
 
body{
 +
width: 75%;
 
font-family: 'Patrick Hand SC', cursive;
 
font-family: 'Patrick Hand SC', cursive;
 +
margin:9rem auto;
 +
padding: 2rem;
 
}
 
}
  
Line 75: Line 57:
  
  
−
 
−
html{
 
−
font-size: 14px;
 
−
}
 
−
 
−
body{
 
−
width: 75%;
 
−
margin:9rem auto;
 
−
padding: 2rem;
 
−
color: #444;
 
−
font-family: helvetica, arial, sans-serif;
 
−
  background-color: #faece5;
 
−
 
 
−
background-image: url("http://static.simpledesktops.com/uploads/desktops/2015/06/15/ramadan-2015-wallpaper1.png");
 
−
`
 
−
  /* everything shrinks to an extent */
 
−
  background-repeat: no-repeat;
 
−
  background-position: center center;
 
−
  background-attachment: fixed;
 
−
  background-size: cover;
 
−
background-position: 100px 9rem;
 
−
 
−
  /* make sure the background doesnt move when you scroll */
 
−
  background-attachment: fixed;
 
−
}
 
  
 
a:link, a:visited{
 
a:link, a:visited{
Line 186: Line 143:
 
}
 
}
  
−
.logo img{
+
#TopBar img{
 
max-width: 100px;
 
max-width: 100px;
 
display: inline-block;
 
display: inline-block;
Line 251: Line 208:
 
width: 75%;
 
width: 75%;
 
}
 
}
−
.logo{
+
#TopBar img{
 
display:none;
 
display:none;
 
}
 
}
Line 262: Line 219:
 
text-align: center
 
text-align: center
 
}
 
}
−
.nav-bar{
+
#TopBar{
 
padding-top: 30px;
 
padding-top: 30px;
 
padding-bottom: 30px;
 
padding-bottom: 30px;
Line 269: Line 226:
  
 
@media only screen and (max-width: 44.68rem){
 
@media only screen and (max-width: 44.68rem){
−
.nav-bar{
+
#TopBar{
 
width: 100%;
 
width: 100%;
 
position: static;
 
position: static;
 
}
 
}
−
.logo{
+
#TopBar img{
 
display:block;
 
display:block;
 
}
 
}
Line 319: Line 276:
 
}
 
}
  
−
.logo img{
+
#TopBar img{
 
max-width: 200px !important;
 
max-width: 200px !important;
 
}
 
}

Revision as of 20:27, 26 June 2017


iGEM Team Calgary Coming Soon!

Governments and private enterprises alike are gearing up for travel across the Solar System. Plans to colonize the solar system are underway, with Elon Musk spearheading the initiative to have a Mars colony by 2030. In a parallel vein, NASA is planning a manned exploratory mission to Mars as soon as the 2030s (and several other space agencies have similar plans and timelines for their own respective Mars explorations). This exciting time in our history nonetheless comes with the challenges of long-term space travel. Two specific issues which make frequent space missions economically and ecologically challenging are the high cost of shipping materials up to space , and how to sustainably manage the waste that is produced on a spaceship.

This year, our project involves using genetically engineered E.coli to turn human waste into bioplastics. We envision our project as a start-to-finish integrated system which can be used in space to generate items useful to the astronauts who will be undertaking early Mars missions. This solves the problem of waste management, since it essentially upcycles the solid human waste into a usable product, and it will likely reduce the cost of space travel, as fewer materials would have to be shipped up to space.