Difference between revisions of "Team:UCL/Bactoman"

 
(14 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
var image = new Array("https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png", "https://static.igem.org/mediawiki/2015/9/92/UCLbactoman2.png",  
 
var image = new Array("https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png", "https://static.igem.org/mediawiki/2015/9/92/UCLbactoman2.png",  
−
"https://static.igem.org/mediawiki/2015/a/af/Uclbactoman3.png", "https://static.igem.org/mediawiki/2015/f/fb/Uclbactoman4.png")
+
"https://static.igem.org/mediawiki/2015/a/af/Uclbactoman3.png", "https://static.igem.org/mediawiki/2015/f/fb/Uclbactoman4.png", "https://static.igem.org/mediawiki/2015/e/ee/Uclabctoman5.png", "https://static.igem.org/mediawiki/2015/2/25/Uclbactoman6.png", "https://static.igem.org/mediawiki/2015/5/5b/Uclbactoman7.png", "https://static.igem.org/mediawiki/2015/0/03/Uclbactoman8.png", "https://static.igem.org/mediawiki/2015/a/aa/Uclbactoman9.png", "https://static.igem.org/mediawiki/2015/0/02/Uclbactoman10.png", "https://static.igem.org/mediawiki/2015/2/23/Uclbactoman11.png", "https://static.igem.org/mediawiki/2015/8/8e/Uclbactoman12.png", "https://static.igem.org/mediawiki/2015/d/dc/Uclbactoman13.png", "https://static.igem.org/mediawiki/2015/8/8c/Uclbactoman14.png", "https://static.igem.org/mediawiki/2015/9/9a/Uclbactoman15.png", "https://static.igem.org/mediawiki/2015/f/f7/Uclbactoman16.png", "https://static.igem.org/mediawiki/2015/f/fc/Uclbactoman17.png", "https://static.igem.org/mediawiki/2015/9/9c/Uclbactoman18.png", "https://static.igem.org/mediawiki/2015/4/4a/Uclbactoman19.png", "https://static.igem.org/mediawiki/2015/8/83/Uclbactoman20.png", "https://static.igem.org/mediawiki/2015/1/1a/Uclbactoman21.png", "https://static.igem.org/mediawiki/2015/d/df/Uclbactoman22.png", "https://static.igem.org/mediawiki/2015/c/cb/Uclbactomanlast.png")
 
var imgNumber=1
 
var imgNumber=1
 
var numberOfImg = image.length
 
var numberOfImg = image.length
Line 38: Line 38:
 
   image1.src = "https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png"
 
   image1.src = "https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png"
 
   var image2 = new Image()
 
   var image2 = new Image()
−
   image2.src = "/learn/javascript/Apple.jpg"
+
   image2.src = "https://static.igem.org/mediawiki/2015/9/92/UCLbactoman2.png"
 
   var image3 = new Image()
 
   var image3 = new Image()
−
   image3.src = "/learn/javascript/Linux.png"
+
   image3.src = "https://static.igem.org/mediawiki/2015/a/af/Uclbactoman3.png"
 
   var image4 = new Image()
 
   var image4 = new Image()
−
   image4.src = "/learn/javascript/Windows.jpg"
+
   image4.src = "https://static.igem.org/mediawiki/2015/f/fb/Uclbactoman4.png"
 +
  var image5 = new Image()
 +
  image5.src = "https://static.igem.org/mediawiki/2015/e/ee/Uclabctoman5.png"
 +
  var image6 = new Image()
 +
  image6.src = "https://static.igem.org/mediawiki/2015/2/25/Uclbactoman6.png"
 +
  var image7 = new Image()
 +
  image7.src = "https://static.igem.org/mediawiki/2015/5/5b/Uclbactoman7.png"
 +
  var image8 = new Image()
 +
  image8.src = "https://static.igem.org/mediawiki/2015/0/03/Uclbactoman8.png"
 +
 
 
   }
 
   }
 
    
 
    
 +
  
 
</script>
 
</script>
Line 139: Line 149:
 
{
 
{
 
content: "";
 
content: "";
−
    background-image: url('https://static.igem.org/mediawiki/2015/e/e7/UCL_MG_6312_2.png');
+
background: #000;
−
    -webkit-filter:blur(2px);
+
−
  -moz-filter: blur(2px);
+
−
  -o-filter: blur(2px);
+
−
  -ms-filter: blur(2px);
+
−
  filter: blur(2px);
+
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
   background-attachment: fixed !important;
 
   background-attachment: fixed !important;
Line 154: Line 159:
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
box-sizing: border-box;
−
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 1200, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2)));
 
 
     position: absolute;
 
     position: absolute;
 
     top: 0px;
 
     top: 0px;
Line 168: Line 172:
  
 
#mobilebackground {
 
#mobilebackground {
−
  background-image: url('https://static.igem.org/mediawiki/2015/e/e7/UCL_MG_6312_2.png');
+
background: #000;
−
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 300, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2)));
+
−
 
+
 
     top: 0;
 
     top: 0;
 
     right: 0;
 
     right: 0;
Line 184: Line 186:
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
box-sizing: border-box;
−
display: none;
+
display: block;
 
width: 100%;
 
width: 100%;
 
  height: 100%;
 
  height: 100%;
Line 279: Line 281:
  
  
−
@media(max-width:1152px){
 
−
 
−
.bigtitle {font-size: 14px;}
 
−
.bigtitle {width: 52%;}
 
−
.titlecircle {width: 80%;}
 
−
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
 
−
.buttonblack {padding: 5px 8px;}
 
−
}
 
  
  
Line 416: Line 410:
 
padding: 50px;
 
padding: 50px;
 
margin-top: 50px;
 
margin-top: 50px;
−
font-size: 18px;
+
font-size: 14px;
 
letter-spacing: 2px;
 
letter-spacing: 2px;
 +
border-radius: 10px;
 
}
 
}
  
Line 433: Line 428:
  
  
−
 
+
<center>
 +
<span class="title2">Bactoman</span></center><br/>
 
<p>
 
<p>
−
Bactoman is a comic aimed to introduce our project to a younger audience. Set in a dystopian future where the mentally ill are excommunicated and abandoned by the society, Nathan Navaro takes the mantle of Bactoman to challenge the broken society. Bactoman utilises synthetic biology to help people with mental disorders!
+
Bactoman is a comic aimed to introduce our project to a younger audience. Set in a dystopian future where the mentally ill are excommunicated and abandoned by the society, Nathan Navaro takes the mantle of Bactoman to challenge the broken society. Bactoman utilises synthetic biology to help people with mental disorders!<br/><br/><br/>
−
</p>
+
  
−
<p style="text-align: center;"><a href="JavaScript:previousImage()">Previous</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="JavaScript:nextImage()">Next</a></p>
+
</p>
 +
<p></p>
 +
<p style="text-align: center; font-weight: bold;"><a href="JavaScript:previousImage()">Previous</a> &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="JavaScript:nextImage()">Next</a></p>
 
</p>
 
</p>
 
<p>
 
<p>
 
<img src="https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png" name="slideImage"></p>
 
<img src="https://static.igem.org/mediawiki/2015/8/8d/UCLbactoman1.png" name="slideImage"></p>
  
 +
<p style="text-align: center; font-weight: bold;"><a href="JavaScript:previousImage()">Previous</a> &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="JavaScript:nextImage()">Next</a></p>
  
  
  
  
 +
<br/>
  
  
 +
</div>
  
−
 
+
<br/><br/>
 
</div>
 
</div>
  
Line 456: Line 456:
 
</div>
 
</div>
  
−
 
−
</div>
 
  
 
</div> </div>
 
</div> </div>

Latest revision as of 21:13, 31 October 2015

'

Bactoman

Bactoman is a comic aimed to introduce our project to a younger audience. Set in a dystopian future where the mentally ill are excommunicated and abandoned by the society, Nathan Navaro takes the mantle of Bactoman to challenge the broken society. Bactoman utilises synthetic biology to help people with mental disorders!


Previous                 Next

Previous                 Next