Team:UCSD Software/Tester

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 13: Line 13:
      
      
     <Style>
     <Style>
-
 
-
 
-
.box{
 
-
    width:500px;
 
-
    height: 500px;
 
-
    float:left;
 
-
}
 
-
.trigger{
 
-
    width:255px;
 
-
    height: 255px;
 
-
    position:absolute;
 
-
    z-index: 10;
 
-
    left:110px;
 
-
    top:110px;
 
-
    background-image:url(https://raw.githubusercontent.com/dineshhv/popcircle/master/images/big_round.png); cursor: pointer;
 
-
    margin-left: 750px;
 
-
    margin-top: 250px;
 
-
}
 
-
 
-
.popcircle{
 
-
    position:relative;
 
-
    z-index: 9;
 
-
    width:500px;
 
-
    height:500px;
 
-
    left:0px;
 
-
    top:0px;
 
-
}
 
-
.popcircle ul{
 
-
    list-style:none;
 
-
    padding:0px;
 
-
    margin: 0px;
 
-
    height: auto;
 
-
    cursor: pointer;
 
-
}
 
-
.popcircle ul li{
 
-
    top: 187.5px;
 
-
    left: 187.5px;
 
-
    height: 100px;
 
-
    width: 100px;
 
-
    position: absolute;
 
-
}
 
Line 578: Line 537:
           <!--</div> <!-- REMOVE THIS DIV TO NOT MAKE PAGES FULL WIDTH -->
           <!--</div> <!-- REMOVE THIS DIV TO NOT MAKE PAGES FULL WIDTH -->
-
   
 
-
            <div class="box">
 
-
    <div class="trigger" id="circle_btn"></div>
 
-
    <div class="popcircle">
 
-
      <ul id="pops">
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/red.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/red.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
      </ul>
 
-
    </div>
 
-
</div>
 
Line 654: Line 600:
                     </div>  
                     </div>  
                 </div>
                 </div>
-
                     <div class="col-md-1">
+
                     <div class="col-md-2">
                     <div class="thumbnail text-center" id="underPic">
                     <div class="thumbnail text-center" id="underPic">
                         <img class="img-circle" src="http://i.imgur.com/0ema9ys.jpg?1">
                         <img class="img-circle" src="http://i.imgur.com/0ema9ys.jpg?1">
Line 660: Line 606:
                     </div>  
                     </div>  
                 </div>
                 </div>
-
                 <div class="col-md-1">
+
                 <div class="col-md-2">
                     <div class="thumbnail text-center" id="underPic">
                     <div class="thumbnail text-center" id="underPic">
                         <a href = "https://2014.igem.org/Team:UCSD_Software#justin"><img class="img-circle" src="http://i.imgur.com/sHfGPQu.jpg?1"></a>
                         <a href = "https://2014.igem.org/Team:UCSD_Software#justin"><img class="img-circle" src="http://i.imgur.com/sHfGPQu.jpg?1"></a>
Line 669: Line 615:
                  
                  
                  
                  
-
                 <div class="col-md-1">
+
                 <div class="col-md-2">
                     <div class="thumbnail text-center" id="underPic">
                     <div class="thumbnail text-center" id="underPic">
                         <img class="img-circle" src="http://i.imgur.com/KRVDEWi.png?1">
                         <img class="img-circle" src="http://i.imgur.com/KRVDEWi.png?1">
Line 675: Line 621:
                     </div>  
                     </div>  
                 </div>
                 </div>
-
                 <!--</div>
+
                 </div>
    
    
            
            
-
                 <div class="row text-center" id="undergraduates">-->
+
                 <div class="row text-center" id="undergraduates">
-
                 <div class="col-md-1">
+
                 <div class="col-md-2">
                     <div class="thumbnail text-center" id="underPic">
                     <div class="thumbnail text-center" id="underPic">
                         <img class="img-circle" src="http://i.imgur.com/QTt1khj.jpg?1">
                         <img class="img-circle" src="http://i.imgur.com/QTt1khj.jpg?1">
Line 685: Line 631:
                     </div>  
                     </div>  
                 </div>
                 </div>
-
                 <!--</div>-->
+
                 </div>
              
              
             <!--end of graduates-->
             <!--end of graduates-->
Line 694: Line 640:
     //redirecting to other pages  
     //redirecting to other pages  
     $('h1.firstHeading').remove();
     $('h1.firstHeading').remove();
-
 
-
    $('.trigger').click(function(e){
 
-
    e.preventDefault();
 
-
    $.popcircle('#pops',
 
-
      {
 
-
        spacing:'10px',
 
-
        type:'full', // full, half, quad
 
-
        offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1
 
-
        ease:'easeOutElastic',
 
-
        time:'slow' // slow, fast, 1000
 
-
      }
 
-
    );
 
-
});
 

Latest revision as of 08:57, 16 October 2014


The Team

Retrieved from "http://2014.igem.org/Team:UCSD_Software/Tester"