Difference between revisions of "Team:BNU-China/Integrated Practices"

 
(11 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
<div class="main-container" id="practice">
 
<div class="main-container" id="practice">
−
     <div class="container-fluid page-heading">
+
     <div class="container-fluid page-heading"  style="background-image: url(https://static.igem.org/mediawiki/2016/3/39/T--BNU-China--sky.jpg);">
 
         <h3 id="practice-heading"> Practices </h3>
 
         <h3 id="practice-heading"> Practices </h3>
 
     </div>
 
     </div>
 
     <div class="container-fluid">
 
     <div class="container-fluid">
−
         <div class="practice-main">
+
 
−
             <div class="practice-link-left"><a href="#"> Preface </a></div>
+
         <div class="practice-main wrapper">
−
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img">
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#practice-pre"> Preface <i class="fa fa-arrow-right faa-passing animated"> </i> </a></div>
 +
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img" id="img1">
 
             <!--<a href="#">We visited here.</a>-->
 
             <!--<a href="#">We visited here.</a>-->
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Mini iGEM</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#MINI-iGEM">Mini iGEM <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-left"><a href="#">Seeing is Believing</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#Practice-seeing">Seeing is Believing <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Voice from Society</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#VOICE-FROM-SOCIETY">Voice from Society <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-left"><a href="#">CCIC</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-CCiC">CCiC  <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Orienteering</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-Orienteering">Orienteering <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
         </div>
 
         </div>
  
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
         </div>
 
         </div>
Line 55: Line 56:
 
}
 
}
  
−
function getWH(el, name) {
 
−
        var val = name === "width" ? el.offsetWidth : el.offsetHeight,
 
−
            which = name === "width" ? ['Left', 'Right'] : ['Top', 'Bottom'];
 
−
       
 
−
        // display is none
 
−
        if(val === 0) {
 
−
            return 0;
 
−
        }
 
−
 
−
        for(var i = 0, a; a = which[i++];) {
 
−
            val -= parseFloat( getStyle(el, "border" + a + "Width") ) || 0;
 
−
            val -= parseFloat( getStyle(el, "padding" + a) ) || 0;
 
−
        }
 
−
   
 
−
        return val + 'px';
 
−
    }
 
−
var img = $('img.practice-img');
 
−
var height = getWH(img, 'height');
 
−
alert(height);
 
  
  
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 02:53, 9 November 2016

Team:BNU-CHINA - 2016.igem.org