Difference between revisions of "Team:UNOTT/Sponsors"

 
(119 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 +
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
<style>
 
<style>
 
.contentmargin{
 
.contentmargin{
Line 16: Line 18:
 
   color: #34495E;
 
   color: #34495E;
 
}
 
}
 +
 +
@import "https://fonts.googleapis.com/css?family=Droid+Sans";
 +
.innerbox{
 +
white-space: nowrap;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
transition:0.3s left;
 +
}
 +
 +
#team{
 +
width:100%;
 +
}
 +
 +
#team.col-sm-12{
 +
width:100%;
 +
}
 +
 +
.sponsors{
 +
 +
height:100px;
 +
text-align:center;
 +
font-family:'Droid Sans', sans-serif;
 +
  -webkit-touch-callout: none; /* iOS Safari */
 +
    -webkit-user-select: none; /* Safari */
 +
    -khtml-user-select: none; /* Konqueror HTML */
 +
      -moz-user-select: none; /* Firefox */
 +
        -ms-user-select: none; /* Internet Explorer/Edge */
 +
            user-select: none; /* Non-prefixed version, currently
 +
                                  supported by Chrome and Opera */
 +
}
 +
 +
.sponsors .box{
 +
width:750px;
 +
float:left;
 +
overflow:hidden;
 +
height:100px;
 +
position:relative;
 +
}
 +
 +
 +
 +
.sponsors .kisi{
 +
width:250px;
 +
float:left;
 +
transition:0.6s filter;
 +
}
 +
 +
.sponsors .box img{
 +
width:200px;
 +
height:100px;
 +
}
 +
 +
.box p{
 +
font-weight:bold;
 +
color:#333;
 +
}
 +
 +
.box span{
 +
display:inline-block;
 +
padding:4px 10px;
 +
border-radius:50px;
 +
background:#ffffff;
 +
color:black;
 +
width:auto;
 +
font-weight:Bold;
 +
margin-top:5px;
 +
text-transform:uppercase;
 +
font-size:10pt;
 +
}
 +
 +
.sponsors .left, .sponsors .right{
 +
width:50px;
 +
height:100%;
 +
float:left;
 +
padding-top:20px;
 +
text-align:center;
 +
}
 +
 +
 +
 +
.sponsors .kisi:not(.active){
 +
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);
 +
opacity:0.7;
 +
}
 +
 +
.sponsors .bottom{
 +
width:200px;
 +
height:30px;
 +
clear:both;
 +
display:block;
 +
line-height:30px;
 +
border-radius:50px;
 +
transition:0.3s color, 0.3s background, 0.2s width;
 +
}
 +
.sponsors .resim {
 +
      width: 100%;
 +
      height: auto;
 +
     
 +
 +
}
 +
 +
.cascadeimg{
 +
   
 +
    position:absolute;
 +
    border-radius: 20px;
 +
    left: 55%;
 +
}
 +
 +
a {
 +
color: #96A296;
 +
font-weight: bold;
 +
}
 +
 +
.leftcol {
 +
width: 40%;
 +
float: left;
 +
position: relative;
 +
min-height: 1px;
 +
right: -100px;
 +
padding-left: 15px;
 +
 +
}
 +
 +
eppendorfimg {
 +
    position:absolute;
 +
    border-radius: 20px;
 +
   
 +
   
 +
 +
}
 +
.snapimg {
 +
   
 +
    position:absolute;
 +
    left:55%;
 +
    border-radius: 20px;
 +
}
 +
 +
.NEBimg {
 +
      position:absolute;
 +
    left:55%;
 +
    border-radius: 20px;
 +
    top:72%;
 +
}
 +
 +
.tshirt {
 +
    position: relative;
 +
    top: -150px;
 +
}
 +
 +
.allsponsors {
 +
  padding: auto;
 
    
 
    
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
Line 30: Line 186:
 
</div>
 
</div>
  
 +
 +
<div class="allsponsors">
 +
<center>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
 +
<img id="notts" src="https://static.igem.org/mediawiki/2017/4/4b/University_of_Nottingham_Logo.png" style="width:25%;height:auto;">
 +
 +
<br>
 +
<br>
 +
 +
<img src="https://static.igem.org/mediawiki/2017/6/68/T--UNOTT--Cascade.png" style="width:25%;height:auto;">
 +
 +
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/7/7d/T--UNOTT--Snapgene.png" style="width:25%;height:auto;">
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/c/c8/T--UNOTT--Eppendorflogo.jpeg" style="width:25%;height:auto;">
 +
 +
<img src="https://static.igem.org/mediawiki/2017/c/c8/T--UNOTT--NEB.png" style="width:25%;height:auto;">
 +
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/3/34/T--UNOTT--SBRC.png" style="width:25%;height:auto;">
 +
</center>
 +
</div>
 +
 +
 +
</div>
 +
</center>
 
<div class="contentmargin">
 
<div class="contentmargin">
 +
 +
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
<h1>Thank you</h1>
 
<h1>Thank you</h1>
 
<center><p>We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here too.</p></center>
 
<center><p>We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here too.</p></center>
  
−
<h1 style"text-align: center; color: #02263e">The University of Nottingham</h1><center><p>We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!</p></center>
+
<h1>The University of Nottingham</h1><center><p>We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!</p></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/thumb/e/ee/T--UNOTT--teamwithnottssign.jpeg/800px-T--UNOTT--teamwithnottssign.jpeg"></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/thumb/e/ee/T--UNOTT--teamwithnottssign.jpeg/800px-T--UNOTT--teamwithnottssign.jpeg"></center>
  
−
<center><h3 style"text-align: center; color: #02263e">Cascade</h3></center>
+
<h1>Cascade</h1>
−
<center><p>The cascade fund is a pot of money that comes from alumni and sponsors associated with UoN, to fund transformative student research projects. To see our blog post on how the Cascade money has been put to use please see the link here ... insert link here ...</p></center>
+
<p class="leftcol">The Cascade fund is a pot of money that comes from alumni and sponsors associated with the University of Nottingham, to fund transformative student research projects. If you would like to donate see the link <a href="https://alumni.nottingham.ac.uk/impact/donationform-cascade">here</a></p>
−
<center><img src="https://static.igem.org/mediawiki/2017/thumb/f/f0/T--UNOTT--elliewithimpact.jpeg/400px-T--UNOTT--elliewithimpact.jpeg"></center>
+
<img class="cascadeimg" src="https://static.igem.org/mediawiki/2017/thumb/f/f0/T--UNOTT--elliewithimpact.jpeg/400px-T--UNOTT--elliewithimpact.jpeg" style="width:300px;height:auto;">
 +
<br><br><br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
  
−
<center><h3 style"text-align: center; color: #02263e">Snapgene</h3></center>
+
<h1>Snapgene</h1>
−
<center><p>We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful!</p></center>
+
<p class="leftcol">We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful since they designed our primers using their software!</p>
−
<center><img src="https://static.igem.org/mediawiki/2017/thumb/d/d9/T--UNOTT--elliewithsnapgene.jpeg/800px-T--UNOTT--elliewithsnapgene.jpeg"></center>
+
<img class="snapimg" src="https://static.igem.org/mediawiki/2017/thumb/d/d9/T--UNOTT--elliewithsnapgene.jpeg/800px-T--UNOTT--elliewithsnapgene.jpeg" style="width:400px;height:auto;" >
  
−
<center><h3 style"text-align: center; color: #02263e">Eppendorf</h3>
 
−
<center><p>The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.</center>
 
−
<center><img src="https://static.igem.org/mediawiki/2017/7/77/T--UNOTT--eppendorfpicture.jpeg" style="height: auto; width: 800px;"></center>
 
  
−
<center><h3 style"text-align: center; color: #02263e">New England Biolabs</h3></center>
+
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
−
<center><p>It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!</p></center>
+
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
−
<center><img src="https://static.igem.org/mediawiki/2017/thumb/1/1a/T--UNOTT--vikenzymesneb.jpeg/800px-T--UNOTT--vikenzymesneb.jpeg"></center>
+
<p>&nbsp;</p><p>&nbsp;</p>
 +
<p>&nbsp;</p><p>&nbsp;</p>
  
 +
<h1 style="text-align:left;">Eppendorf</h1>
 +
<p class="leftcol">The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.</p><br><br>
  
 +
<img class="eppendorfimg" src="https://static.igem.org/mediawiki/2017/7/77/T--UNOTT--eppendorfpicture.jpeg" style="height: auto; width: 800px;border-radius: 20px;">
 +
<br>
 +
<br>
 +
<br>
  
  
 +
<h1>New England Biolabs</h1>
 +
<p class="leftcol">It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!</p>
  
  
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<h1>T-shirt design</h1>
 +
<center>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<img class="tshirt" src="https://static.igem.org/mediawiki/2017/0/0e/T--UNOTT--tshirt.jpeg" style="width:65%;height:auto;">
 +
</center>
  
 +
<br>
 +
<br>
 +
<br>
 +
 +
<script>
 +
var sponsorkac = -1;
 +
var stanesboyut = 250;
 +
var sboyut;
 +
var stoplamkac;
 +
 +
function sponsorbak(){
 +
sboyut = Math.floor((jQuery("#team .col-sm-12").width()-100)/stanesboyut);
 +
if(sboyut>3){sboyut=3;}else if(sboyut==2){sboyut=1}
 +
var kucukb = 0;
 +
if(sboyut==1){
 +
kucukb = 1;
 +
}
 +
jQuery(".bottom").removeClass("plat").removeClass("gold").removeClass("silv").removeClass("bronze").removeClass("media").removeClass("sup");
 +
if(sponsorkac==-1+kucukb){
 +
jQuery(".sponsors .bottom").addClass("plat");
 +
jQuery(".sponsors .bottom").html("Platinium Sponsor");
 +
}
 +
if(sponsorkac==0+kucukb || sponsorkac==1+kucukb){
 +
jQuery(".sponsors .bottom").addClass("gold");
 +
jQuery(".sponsors .bottom").html("Gold Sponsor");
 +
}
 +
if(sponsorkac==2+kucukb){
 +
jQuery(".sponsors .bottom").addClass("silv");
 +
jQuery(".sponsors .bottom").html("Silver Sponsor");
 +
}
 +
if(sponsorkac==3+kucukb){
 +
jQuery(".sponsors .bottom").addClass("bronze");
 +
jQuery(".sponsors .bottom").html("Bronze Sponsor");
 +
}
 +
if(sponsorkac==4+kucukb){
 +
jQuery(".sponsors .bottom").addClass("media");
 +
jQuery(".sponsors .bottom").html("Main Technology Media Sponsor");
 +
}
 +
 +
if(sponsorkac>=5+kucukb){
 +
jQuery(".sponsors .bottom").addClass("sup");
 +
jQuery(".sponsors .bottom").html("Supporter");
 +
}
 +
 +
 +
jQuery(".sponsors .kisi").removeClass("active");
 +
jQuery(".sponsors .kisi:nth-child("+(sponsorkac+2-kucukb)+")").addClass("active");
 +
 +
stoplamkac = jQuery(".innerbox .kisi").length-sboyut;
 +
jQuery(".sponsors .box").css("width",((sboyut)*stanesboyut)+"px");
 +
jQuery(".sponsors").css("width",(((sboyut)*stanesboyut)+100)+"px");
 +
jQuery(".sponsors .innerbox").css("width", ((jQuery(".sponsors .innerbox .kisi").length)*stanesboyut)+"px");
 +
jQuery(".sponsors .innerbox").css("left", -(sponsorkac)*stanesboyut+"px")
 +
}
 +
sponsorbak();
 +
jQuery(".sponsors .left").click(function(){
 +
if(sboyut==3){
 +
if(sponsorkac!=-1){
 +
sponsorkac--;
 +
}else{
 +
sponsorkac = stoplamkac+1;
 +
}
 +
}else{
 +
if(sponsorkac!=0){
 +
sponsorkac--;
 +
}else{
 +
sponsorkac = stoplamkac;
 +
}
 +
}
 +
sponsorbak();
 +
});
 +
 +
jQuery(".sponsors .right").click(function(){
 +
if(sboyut==3){
 +
if(sponsorkac!=stoplamkac+1){
 +
sponsorkac++;
 +
}else{
 +
sponsorkac = -1;
 +
}
 +
}else{
 +
if(sponsorkac!=stoplamkac){
 +
sponsorkac++;
 +
}else{
 +
sponsorkac = 0;
 +
}
 +
}
 +
sponsorbak();
 +
});
 +
 +
var sustunde = 0;
 +
jQuery(".sponsors").mouseenter(function(){
 +
sustunde = 1;
 +
});
 +
 +
jQuery(".sponsors").mouseleave(function(){
 +
sustunde = 0;
 +
});
 +
 +
setInterval(function(){
 +
if(sustunde == 0){
 +
jQuery(".sponsors .right").click();
 +
sponsorbak();
 +
}
 +
},3000);
 +
</script>
 +
 +
</div>
  
 
</body>
 
</body>

Latest revision as of 01:13, 2 November 2017



 

 

OUR WONDERFUL SPONSORS

 

 

 

 

 

 











Thank you

We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here too.

The University of Nottingham

We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!

Cascade

The Cascade fund is a pot of money that comes from alumni and sponsors associated with the University of Nottingham, to fund transformative student research projects. If you would like to donate see the link here
























Snapgene

We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful since they designed our primers using their software!

 

 

 

 

 

 

 

 

 

 

Eppendorf

The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.






New England Biolabs

It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!

 

 

 

 

 

T-shirt design