typography.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. var stage;
  2. var siteNavShown = true;
  3. function triggerSiteNav() {
  4. return;
  5. if (siteNavShown) {
  6. $('#site-nav').hide(300);
  7. siteNavShown = false;
  8. } else {
  9. $('#site-nav').show(300);
  10. siteNavShown = true;
  11. }
  12. }
  13. function updateSidebar() {
  14. if (window.innerWidth <= 768 || window.innerHeight <= 600) {
  15. $('#side-bar').innerWidth($('#stage').width());
  16. $('#main-container').removeClass('col-sm-9');
  17. //$('#site-nav').hide();
  18. //siteNavShown = false;
  19. } else {
  20. //$('#site-nav').show();
  21. //siteNavShown = true;
  22. var sidebarW =
  23. stage.width() - $('#main-container').outerWidth() + (window.innerWidth - stage.innerWidth()) / 2;
  24. $('#side-bar').outerWidth(sidebarW);
  25. console.log("sidebarW=" + sidebarW);
  26. $('#main-container').addClass('col-sm-9');
  27. }
  28. }
  29. $(document).ready(function () {
  30. stage = $('#stage');
  31. $(window).resize(function () {
  32. updateSidebar();
  33. });
  34. updateSidebar();
  35. $('#main-container').removeClass('invisible');
  36. $('#main-container').addClass('fadeInTop');
  37. if (window.innerWidth <= 768) {
  38. $('#side-bar').removeClass('invisible');
  39. $('#side-bar').addClass('fadeInTop');
  40. }else{
  41. $('#side-bar').removeClass('invisible');
  42. $('#side-bar').addClass('fadeInRight');
  43. }
  44. $('.site-title').click(function () {
  45. $('.site-title a')[0].click();
  46. })
  47. });