Team:WITS-CSIR SA/About/Team

From 2011.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 56: Line 56:
</div>
</div>
-
<div class="padding">
+
<div class="padding ui-corner-all ui-widget-content">
-
<h1>Meet the Team</h1>
+
<h1 class="logo" style="font-size: 24pt;">Meet the Team</h1>
-
<div style="width: 800px; margin: 10px auto;">
+
<div style="width: 860px; margin: 10px auto;">
-
<!--Circle-->
+
-
<div class="mosaic-block circle">
+
<!--Bar 2-->  
-
<a href="http://buildinternet.com/project/mosaic" class="mosaic-overlay">&nbsp;</a>
+
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div>
+
-
</div>
+
-
+
-
<!--Fade-->  
+
<div class="mosaic-block fade">  
<div class="mosaic-block fade">  
-
<a href="http://buildinternet.com/project/mightyicons/" target="_blank" class="mosaic-overlay">  
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4>Mighty Social Icons</h4>  
+
<h4 class="mosaic-content">Natasia Kruger</h4><br/>  
-
<p>By Build Internet</p>  
+
<p class="mosaic-content">Natasia is studying microbiology and biotechnology. </p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mightyicons.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/5/5d/Natasia3.jpg"/></div>  
</div>  
</div>  
-
<!--Bar-->  
+
-
<div class="mosaic-block bar">  
+
 
-
<a href="http://www.nonsensesociety.com/2011/01/sloppy-art/" target="_blank" class="mosaic-overlay">  
+
<!--Bar 2-->  
 +
<div class="mosaic-block fade">  
 +
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4>Sloppy Art - A Mess of Inspiration</h4>  
+
<h4 class="mosaic-content">Ezio</h4><br/>  
-
<p>via the Nonsense Society (image credit: Florian</p>  
+
<p class="mosaic-content">Ezio is studying molecular medicine. He likes to watch bacteria grow.</p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/florian.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/6/6f/EzioSerious.jpg"/></div>  
</div>  
</div>  
<!--Bar 2-->  
<!--Bar 2-->  
-
<div class="mosaic-block bar2">  
+
<div class="mosaic-block fade">  
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4>I Am Not Human - Unique Self Portraits</h4><br/>  
+
<h4 class="mosaic-content">Gloria</h4><br/>  
-
<p>via the Nonsense Society (photo credit: Dan Deroches)</p>  
+
<p class="mosaic-content">Studying Microbiology at Wits</p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/desroches.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/a/a0/Gloria.jpg"/></div>  
</div>  
</div>  
-
<!--Bar 3-->  
+
-
<div class="mosaic-block bar3">  
+
<!--Bar 2-->  
-
<a href="http://www.desktopped.com/featured/2010/09/multi-display-setup-with-four-systems-and-a-whole-lot-of-screen-space/" target="_blank" class="mosaic-overlay">  
+
<div class="mosaic-block fade">  
 +
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4>Multi-Display Setup With Four Systems, A Wall of Screens, And 64TB Of Storage</h4>  
+
<h4 class="mosaic-content">Sasha</h4><br/>  
-
<p>via Desktopped</p>  
+
<p class="mosaic-content">Sasha is studying molecular medicine.</p>  
</div>  
</div>  
</a>  
</a>  
-
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/64tb.jpg"/></a>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/3/3a/Sasha2.JPG"/></div>  
</div>  
</div>  
-
<!--Cover-->  
+
-
<div class="mosaic-block cover">
+
-
<div class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/imac.jpg"/></div>  
+
 
-
<a href="http://www.desktopped.com/featured/2010/12/mounted-imac-and-desk-mod-with-computer-components-built-in/" target="_blank" class="mosaic-backdrop">  
+
<!--Bar 2-->  
 +
<div class="mosaic-block fade">  
 +
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4>Mounted iMac And Desk Mod With Computer Components Built In</h4>  
+
<h4 class="mosaic-content">Brad</h4><br/>  
-
<p>via Desktopped</p>  
+
<p class="mosaic-content">Brad is studying information engineering.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/9/9a/Brad.JPG"/></div>
</div>  
</div>  
 +
-
<!--Cover 2-->  
+
<!--Bar 2-->  
-
<div class="mosaic-block cover2">  
+
<div class="mosaic-block fade">  
-
<a href="http://yourather.com/questions/135" target="_blank" class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/yourather.jpg"/></a>
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
-
<a href="http://yourather.com/questions/135" target="_blank" class="mosaic-backdrop">  
+
<div class="details">  
<div class="details">  
-
<h4>Hardest Choice Ever</h4>  
+
<h4 class="mosaic-content">Richard</h4><br/>  
-
<p>via You Rather</p>  
+
<p class="mosaic-content">Richard is studying chemical engineering.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/igem.org/b/b0/Richard2.png"/></div>
</div>  
</div>  
-
+
 
-
<!--Cover 3-->  
+
<!--Bar 2-->  
-
<div class="mosaic-block cover3">  
+
<div class="mosaic-block fade">  
-
<div class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/omr-office.jpg"/></div>
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
-
<a href="http://officeal.com/offices/one-mighty-roar/" target="_blank" class="mosaic-backdrop">  
+
<div class="details">  
<div class="details">  
-
<h4>One Mighty Roar Office</h4>  
+
<h4 class="mosaic-content">Karl</h4><br/>  
-
<p>via Officeal</p>  
+
<p class="mosaic-content">Karl is a lecturer at Wits and an advisor to the team.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/2/2d/Karl1.JPG"/></div>
</div>  
</div>  
 +
 +
 +
 +
<!--Bar 2-->
 +
<div class="mosaic-block fade">
 +
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">
 +
<div class="details">
 +
<h4 class="mosaic-content">Marco</h4><br/>
 +
<p class="mosaic-content">Marco is a lecturer at Wits med campus. He is one of our advisors.</p>
 +
</div>
 +
</a>
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/7/7d/Marco.jpg"/></div>
 +
</div>
 +
 +
<!--Bar 2-->
 +
<div class="mosaic-block fade">
 +
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">
 +
<div class="details">
 +
<h4 class="mosaic-content">Michelle</h4><br/>
 +
<p class="mosaic-content">Michelle is an ex-iGEMer and advisor to the team.</p>
 +
</div>
 +
</a>
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/7/75/Michelle.jpg"/></div>
 +
</div>
 +
 +
<div class="clearfix"></div>  
<div class="clearfix"></div>  
-
 
-
</div>
 
</div>
</div>
 +
 +
<script type="text/javascript">
<script type="text/javascript">
   $(function(){
   $(function(){
-
    $('.circle').mosaic({
 
-
opacity : 0.8 //Opacity for overlay (0-1)
 
-
});
 
-
 
$('.fade').mosaic();
$('.fade').mosaic();
Line 163: Line 187:
$('.bar2').mosaic({
$('.bar2').mosaic({
animation : 'slide' //fade or slide
animation : 'slide' //fade or slide
-
});
 
-
 
-
$('.bar3').mosaic({
 
-
animation : 'slide', //fade or slide
 
-
anchor_y : 'top' //Vertical anchor position
 
});
});

Latest revision as of 06:51, 24 May 2011

Meet the Team

Natasia Kruger


Natasia is studying microbiology and biotechnology.

Ezio


Ezio is studying molecular medicine. He likes to watch bacteria grow.

Gloria


Studying Microbiology at Wits

Sasha


Sasha is studying molecular medicine.

Brad


Brad is studying information engineering.

Richard


Richard is studying chemical engineering.

Karl


Karl is a lecturer at Wits and an advisor to the team.

Marco


Marco is a lecturer at Wits med campus. He is one of our advisors.

Michelle


Michelle is an ex-iGEMer and advisor to the team.

Retrieved from "http://2011.igem.org/Team:WITS-CSIR_SA/About/Team"