Team:Sheffield/team1

From 2014.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Sheffield/NavigationBar}}
{{Team:Sheffield/NavigationBar}}
-
{{Team:Sheffield}}
+
{{Team:Sheffield/Content:Team}}
 +
 
<html>
<html>
-
<head>
+
<head>
-
<title></title>
+
<title>Meet the Team</title>
-
<link href="https://2014.igem.org/Team:Sheffield/Template:team1bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
-
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
-
<script src="https://2014.igem.org/Team:Sheffield/Template:team1jquery.min.js?action=raw&ctype=text/javascript"></script>
+
<style>
-
<!-- Custom Theme files -->
+
/* Page Style */
-
<link href="https://2014.igem.org/Team:Sheffield/Template:team1style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
-
<!--webfont-->
+
-
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:100,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
+
-
<script src="https://2014.igem.org/Team:Sheffield/Template:hover_pack.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
-
 
+
-
<link href="https://2014.igem.org/Team:Sheffield/Template:team2bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
-
<link href="https://2014.igem.org/Team:Sheffield/Template:team2style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
-
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
+
-
 
+
-
<script src="https://2014.igem.org/Team:Sheffield/Template:team2hover_pack.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- Custom Theme files -->
+
-
<link href="https://2014.igem.org/Team:Sheffield/Template:team3style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
-
<script src="https://2014.igem.org/Team:Sheffield/Template:team3jquery.min.js?action=raw&ctype=text/javascript"></script>
+
-
<!-- Custom Theme files -->
+
-
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+
-
<!---//webfonts--->
+
-
<!---- start-smoth-scrolling---->
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:move-top.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:easing.js?action=raw&ctype=text/javascript"></script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
<body>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- Our Team Starts Here -->
+
-
<div class="ourteam" id="team">
+
-
 
+
-
 
+
-
  <div class="main">
+
-
 
+
-
  <div class="work" id="work">
+
-
  <div class="container">
+
-
  <div class="slider">
+
-
  <div id="da-slider" class="da-slider">
+
.teamProfiles {
-
<div class="da-slide">
+
width: 960px;
-
    <h2 class="m_3">Sheffield iGEM 2014</h2>
+
margin-left: auto;
-
<p class="m_5"><br>bla bla bla</p>
+
margin-right: auto;
-
</div>
+
}
-
<div class="da-slide">
+
.profilePicture {
-
    <h2 class="m_3">Student Researchers</h2>
+
background: #ffffff;
-
<p class="m_5"><br>bla bla bla</p>
+
-webkit-border-radius: 130px;
-
</div>
+
padding: 5px 0px;
-
  </div>
+
width: 250px;
-
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:slider.css?action=raw&ctype=text/css" />
+
height: 188px;
-
    <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.28468.js?action=raw&ctype=text/javascript"></script>
+
}
-
    <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery.cslider.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
+
-
$('#da-slider').cslider({
+
-
autoplay : true,
+
-
bgincrement : 500
+
-
});
+
-
+
-
});
+
-
</script>
+
-
</div>
+
.headerImage {
-
    </div>
+
position: absolute;
-
  </div>
+
top: -450px;
 +
width: 100%;
 +
height: 525px;
 +
overflow: hidden;
 +
z-index: -1;
 +
}
 +
.headerImage img {
 +
width: 100%;
 +
}
-
<div class="container">
+
.subPageTitle {
 +
text-align: center;
 +
font-family: 'Lato', sans-serif;
 +
font-size: 60px;
 +
letter-spacing: -2px;
 +
color: white;
 +
font-weight: 300;
 +
margin-top: 100px;
 +
margin-bottom: 70px;
 +
border: none;
 +
}
-
<div class="col-md-6 team-row-column">
+
td {
-
<img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG"  class="img-responsive" alt=""/>
+
text-align: center;
-
<h4><a href="#">Jianxing Qin</a></h4>
+
vertical-align: top;
-
<p>Control Systems Engineer</p>
+
}
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
<li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/9/94/BenM.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Ben Madden</a></h4>
+
-
<p>bla bla bla</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
                                                <li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/f/f0/SheffieldAlex.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Alex</a></h4>
+
-
<p>Aerospace Engineer</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
<li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/c/c8/SheffieldBen.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Ben Lomax</a></h4>
+
-
<p>bla bla bla</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
                                                <li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/3/3b/SheffieldMustafa.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Mustafa</a></h4>
+
-
<p>Control Systems Engineer</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
<li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/6/63/SheffieldErika.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Erika</a></h4>
+
-
<p>bla bla bla</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
                                                <li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/46/SheffieldSharan.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Sharan</a></h4>
+
-
<p>bla bla bla</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
<li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-md-6 team-row-column">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/4d/SheffieldLara.JPG"  class="img-responsive" alt=""/>
+
-
<h4><a href="#">Lara</a></h4>
+
-
<p>bla bla bla</p>
+
-
<ul class="social">
+
-
<li><i class="tw"></i></li>
+
-
                                                <li><i class="ist"></i></li>
+
-
</ul>
+
-
</div>
+
-
<div class="clearfix"></div>
+
-
            </div>
+
-
            </div>
+
table {
-
</div>
+
background: transparent;
-
<!-- Our Team Ends Here -->
+
}
-
+
-
  <!--- portfolio ---->
+
-
<div id="portfolio" class="portfolio">
+
-
<div class="container">
+
-
<div class="head-section text-center">
+
-
<h3>Team Gallery </h3>
+
-
  <span1> </span1>
+
-
  <p>bla bla bla</p>
+
-
</div>
+
-
</div>
+
-
+
-
+
-
<!--- Portfolio --->
+
-
<div id="port" class="portfolio-box">
+
-
<div class="container">
+
-
<ul id="filters" class="clearfix">
+
-
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
+
-
<li><span class="filter" data-filter="app">Boot Camp</span></li>
+
-
<li><span class="filter" data-filter="card">Team Photos</span></li>
+
-
<li><span class="filter" data-filter="icon">Wet Labs</span></li>
+
-
<li><span class="filter" data-filter="logo">Meet Up</span></li>
+
-
<li><span class="filter" data-filter="web">Waste Plant Visit</span></li>
+
-
</ul>
+
-
</div>
+
-
<div id="portfoliolist">
+
-
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
+
-
    <div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
</div>
+
-
            </div>
+
-
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
+
-
    <div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
</div>
+
-
            </div>
+
-
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block;width:25%; opacity: 1;">
+
-
<div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
    </div>
+
-
</div>
+
-
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block;width:25%; opacity: 1;">
+
-
<div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
    </div>
+
-
</div>
+
-
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block;width:25%; opacity: 1;">
+
-
<div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block;width:25%; opacity: 1;">
+
-
<div class="portfolio-wrapper">
+
-
<a class="lightbox" href="#goofy">
+
-
  <img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
+
-
</a>
+
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
-
    </div>
+
-
</div>
+
-
<div class="clearfix"></div>
+
-
</div>
+
-
    </div>
+
-
            <!---- start-portfolio-script----->
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery.mixitup.min.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript">
+
-
$(function () {
+
-
var filterList = {
+
-
init: function () {
+
-
+
-
// MixItUp plugin
+
-
// http://mixitup.io
+
-
$('#portfoliolist').mixitup({
+
-
targetSelector: '.portfolio',
+
-
filterSelector: '.filter',
+
-
effects: ['fade'],
+
-
easing: 'snap',
+
-
// call the hover effect
+
-
onMixEnd: filterList.hoverEffect()
+
-
});
+
-
+
-
},
+
-
hoverEffect: function () {
+
-
// Simple parallax effect
+
-
$('#portfoliolist .portfolio').hover(
+
-
function () {
+
-
$(this).find('.label1').stop().animate({bottom: 0}, 200, 'easeOutQuad');
+
-
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
+
-
},
+
-
function () {
+
-
$(this).find('.label1').stop().animate({bottom: -40}, 200, 'easeInQuad');
+
-
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
+
-
}
+
-
);
+
-
+
-
}
+
-
+
-
};
+
-
// Run the show!
+
-
filterList.init();
+
-
});
+
-
</script>
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
/*
+
-
var defaults = {
+
-
  containerID: 'toTop', // fading element id
+
-
containerHoverID: 'toTopHover', // fading element hover id
+
-
scrollSpeed: 1200,
+
-
easingType: 'linear'
+
-
};
+
-
*/
+
-
+
-
$().UItoTop({ easingType: 'easeOutQuart' });
+
-
+
-
});
+
-
</script>
+
-
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
+
-
</body>
+
 +
</style>
 +
</head>
 +
<body>
 +
<div class="headerImage"><img src="https://static.igem.org/mediawiki/2014/2/22/Grey_stripes_Sheffield2014.png"></div>
 +
</body>
</html>
</html>

Latest revision as of 02:28, 18 October 2014

Meet The Team

Students

Lara Grew

Genetics

Height: 5'0
Previous Conviction: Chauvinism
Lara took charge in many of the labs, had overall responsibility for the lab book and researched attitudes to Synthetic Biology at the University of Sheffield

Mustafa Hussain

Mechatronics Engineering

Height: 5'9
Previous Conviction: GTA of a quadcopter
As well as participating in the labs, Mustafa was responsible for analysing the lab data and general computational support for the wiki

Ben Lomax

Molecular Biology

Height: 5'7
Previous Conviction: Being too damn cool
Aside from using his mind-blowing design skills, Ben was involved in a number of labs and had a hand in organising some of the collaborations with other teams

Ben Madden

Chemical Engineering

Height: 6'4
Previous Conviction: Caught in a compromising position with a bioreactor
Ben took the lead with the Product Design Modelling, creating a small, undersink bioreactor unit and planning it's manufacture

Sharan Nanuan

Biochemistry and Microbiology

Height: 5'5
Previous Conviction: Caught in socks and sandals in the lab
Sharan was the mastermind behind the SocioBrick Registry, contributed to the Policy and Practices research, and was a regular figure in the Fatberglar labs

Erika Otaviano

Bioengineering with Bioprocessing

Height: 5'5
Previous Conviction: Hotel room liasons with interviewees
Erika took the helm with the lab notation, had a hand in the Notions of Responsibility report, engaged in some of the collaborations and took part in labs

Jianxing Qin

Control Systems Engineering

Height: 5'10
Previous Conviction: Poor iGEM cinematography
Jay's technological expertise was put to use in making the wiki and editing the videos

Alex Simpson

Aerospace Engineering

Height: 6'1
Previous Conviction: Glowing brighter than the RFP assays
Alex's key responsibilities were in product design and expert consultation, alongside the Notions of Responsibility study, and lab support

Advisors

Elizabeth Court

Biological Engineering PhD Student

Height: 5'4X
Previous Conviction: Drunk
Elizabeth was resident lab advisor in Engineering department, despite not being an engineer...

Charlotte Green

School of Clinical Dentistry PhD Student

Height: 5'3
Previous Conviction: Disorderly
Charlotte was resident lab advisor in the Dental School, despite not being a dentist.

Celso Gomes

Science and Technology Studies PhD Student

Height: 6'0
Previous Conviction: Illegal experiments with time travel
Celso helped the team with their policy and practices projects. He had a great time revisiting the biology labs.

Andrew Landels

Biological Engineering PhD Student

Height: 5'11
Previous Conviction: Crimes against fashion
Andrew helped the team with biological and computational work, as well as a providing perspectives as an iGEM alumni

Rob Meckin

Science and Technology Studies Phd Student

Height: 5'11
Previous Conviction: Too numerous to mention
Rob used his expertise in STS to guide the team's policy and practices.

Instructors

Dr. Graham Stafford

The School of Clinical Dentistry

Dr. Susan Molyneux-Hodgson

Sociological Studies

Prof. Phillip C. Wright

Chemical and Biological Engineering

We couldn't have done this without the help of a lot more people! Check out our acknowledgements page

Meet the Team

Retrieved from "http://2014.igem.org/Team:Sheffield/team1"