Difference between revisions of "Team:Newcastle/Team"
m (Check styling.) |
(Fix unclosed div tag and script card height.) |
||
| Line 6: | Line 6: | ||
<h2>Team</h2> | <h2>Team</h2> | ||
</div> | </div> | ||
| − | <div> | + | </div> |
<div class="row"> | <div class="row"> | ||
<div class="col-md-3"> | <div class="col-md-3"> | ||
| Line 40: | Line 40: | ||
</div> | </div> | ||
<script src="https://2016.igem.org/Team:Newcastle/libs/jquery-flip-js?action=raw&ctype=text/javascript"></script> | <script src="https://2016.igem.org/Team:Newcastle/libs/jquery-flip-js?action=raw&ctype=text/javascript"></script> | ||
| − | + | ||
<script> | <script> | ||
| − | $(function() { $(".card").flip({ | + | $(function() { |
| + | // Make sure card takes up space even when flip enabled. | ||
| + | $(".card").height(Math.ceil($('.col-md-3').width() * 1.47)); | ||
| + | // Enable the flip plugin. | ||
| + | $(".card").flip({ | ||
axis: 'y', | axis: 'y', | ||
trigger: 'hover' | trigger: 'hover' | ||
}) }); | }) }); | ||
</script> | </script> | ||
| − | + | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 15:37, 21 September 2016
Team
