Difference between revisions of "Template:AFCM-Egypt/footer"

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<button id="myBtn" title="Go to top"><i class="fa fa-arrow-up fa-3x"></i></button>
 
<footer style='bottom: 0px;
 
<footer style='bottom: 0px;
 
     position: fixed;
 
     position: fixed;
Line 15: Line 16:
 
                         </div>
 
                         </div>
 
                     </a>
 
                     </a>
−
<a href="Igem.afcm@gmail.com" target='_blank'>
+
                    <a href="https://mail.google.com/mail/?view=cm&fs=1&to=Igem.afcm@gmail.com&su=SUBJECT&body=BODY" target='_blank'>
 
                         <div class="icon fb" style="background-image:url('https://static.igem.org/mediawiki/2017/8/86/Gmail.png');background-repeat: no-repeat;">
 
                         <div class="icon fb" style="background-image:url('https://static.igem.org/mediawiki/2017/8/86/Gmail.png');background-repeat: no-repeat;">
 
                         </div>
 
                         </div>
Line 24: Line 25:
 
     </div>
 
     </div>
 
</footer>
 
</footer>
 +
<script>
 +
$(document).ready(function() {
 +
$('#myBtn').click(function(){
 +
document.body.scrollTop = 0;
 +
document.documentElement.scrollTop = 0;
 +
})
 +
window.onscroll = function () { scrollFunction() };
 +
        function scrollFunction() {
 +
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
                document.getElementById("myBtn").style.display = "block";
 +
            } else {
 +
                document.getElementById("myBtn").style.display = "none";
 +
            }
 +
        }
 +
 +
document.getElementById('navbar-toggle').onclick = function () {
 +
    var active = document.querySelector(".navbar-collapse");
 +
    active.classList.toggle("in");
 +
}});
 +
</script>
 
</html>
 
</html>

Latest revision as of 13:32, 27 October 2017