Difference between revisions of "Team:Central Calgary/wiki1"
Line 534: | Line 534: | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | // JavaScript Document | ||
+ | |||
+ | //Make the header follow the screen | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | //THE FOOTER FONT SIZE INITIAL SET! | ||
+ | var x = $(window).width(); | ||
+ | $("#footerText").css("font-size", x/70); | ||
+ | $("#footerTop").css("height", x/25); | ||
+ | |||
+ | }); | ||
+ | |||
+ | //THE STICKHY HEADER | ||
+ | |||
+ | |||
+ | //The resize based on the width of the browser! | ||
+ | $(window).resize(function() { | ||
+ | |||
+ | var x = $(this).width(); | ||
+ | |||
+ | if (x < 811) { | ||
+ | |||
+ | $("#menuImage").fadeOut("fast"); | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $("#menuImage").show(); | ||
+ | |||
+ | } | ||
+ | |||
+ | if (x < 760) { | ||
+ | |||
+ | $("#menuText").css(); | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $("#menuImage").show(); | ||
+ | |||
+ | } | ||
+ | $("#footerText").css("font-size", x/70); | ||
+ | $("#footerTop").css("height", x/25); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
Revision as of 20:34, 27 August 2015
Howdy Chocker!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec purus non eros dapibus pulvinar. Curabitur mollis augue ut congue tempus. Vestibulum ac lobortis sem. Suspendisse tempus, massa ut feugiat dapibus, dui sapien pellentesque risus, sit amet dignissim velit lectus non lectus. Vivamus sagittis sem ante, nec congue est ornare non. Aenean in nibh faucibus, posuere nibh quis, lacinia dolor. Nulla blandit rhoncus convallis. Mauris at massa id sapien suscipit suscipit vel sed dui. Cras euismod purus rutrum metus ullamcorper ullamcorper.
Bonjour Pete!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec purus non eros dapibus pulvinar. Curabitur mollis augue ut congue tempus. Vestibulum ac lobortis sem. Suspendisse tempus, massa ut feugiat dapibus, dui sapien pellentesque risus, sit amet dignissim velit lectus non lectus. Vivamus sagittis sem ante, nec congue est ornare non. Aenean in nibh faucibus, posuere nibh quis, lacinia dolor. Nulla blandit rhoncus convallis. Mauris at massa id sapien suscipit suscipit vel sed dui. Cras euismod purus rutrum metus ullamcorper ullamcorper.
Greetings Jar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec purus non eros dapibus pulvinar. Curabitur mollis augue ut congue tempus. Vestibulum ac lobortis sem. Suspendisse tempus, massa ut feugiat dapibus, dui sapien pellentesque risus, sit amet dignissim velit lectus non lectus. Vivamus sagittis sem ante, nec congue est ornare non. Aenean in nibh faucibus, posuere nibh quis, lacinia dolor. Nulla blandit rhoncus convallis. Mauris at massa id sapien suscipit suscipit vel sed dui. Cras euismod purus rutrum metus ullamcorper ullamcorper.