Difference between revisions of "Team:UNOTT/Sponsors"

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
 +
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
 
<style>
 
<style>
 
.contentmargin{
 
.contentmargin{
Line 16: Line 17:
 
   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:red;
 +
color:white;
 +
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 .bottom.plat{
 +
background:#333;
 +
color:white;
 +
}
 +
 
 +
.sponsors .bottom.gold{
 +
background:goldenrod;
 +
color:#fff;
 +
}
 +
 
 +
.sponsors .bottom.silv{
 +
background:silver;
 +
color:#333;
 +
}
 +
 
 +
.sponsors .bottom.bronze{
 +
background:#cd7f32;
 +
color:#fff;
 +
}
 +
 
 +
.sponsors .bottom.media{
 +
width:300px;
 +
background:#EF4836;
 +
color:#fff;
 +
}
 +
 
 +
.sponsors .bottom.sup{
 +
background:#f1f1f1;
 +
color:#333;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
Line 30: Line 157:
 
</div>
 
</div>
  
 +
<div id="team">
 +
<div class="col-sm-12"></div>
 +
</div>
 +
 +
<center>
 +
<div class="sponsors">
 +
<div class="left"><i class="fa fa-angle-left fa-3x" style="color:#333;"></i></div>
 +
<div class="box">
 +
<div class="innerbox">
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo1.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo2.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo3.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo4.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo5.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo6.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo7.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo8.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo9.png" alt="" class="resim" />
 +
</div>
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo10.png" alt="" class="resim" />
 +
</div>
 +
 +
<div class="kisi">
 +
<img src="https://javaday.istanbul/wp-content/uploads/2017/04/logo11.png" alt="" class="resim" />
 +
</div>
 +
 +
</div>
 +
</div>
 +
<div class="right"><i class="fa fa-angle-right fa-3x" style="color:#333;"></i></div>
 +
<center><div class="bottom">Platinium Sponsor</div></center>
 +
 +
</div>
 +
</center>
 
<div class="contentmargin">
 
<div class="contentmargin">
 
<h1>Thank you</h1>
 
<h1>Thank you</h1>
Line 56: Line 243:
  
  
 +
<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>
  
  

Revision as of 08:07, 31 October 2017

https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css


 

 

OUR WONDERFUL SPONSORS

 

Platinium Sponsor

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 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 ...

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!

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!