menu.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div class="docs-menu">
  2. <!-- <a class="docs-logo" href="http://photoswipe.com">PhotoSwipe</a> -->
  3. <ul id="docs-menu-list">
  4. <li>
  5. <a href="getting-started.html">Getting started</a>
  6. </li>
  7. <li>
  8. <a href="options.html">Options</a>
  9. </li>
  10. <li>
  11. <a href="api.html">API</a>
  12. </li>
  13. <li>
  14. <a href="faq.html">FAQ</a>
  15. </li>
  16. <li style="margin-top: 15px;">
  17. <a href="custom-html-in-slides.html">HTML in slides</a>
  18. </li>
  19. <li>
  20. <a href="responsive-images.html">Responsive images</a>
  21. </li>
  22. <li>
  23. <a href="performance-tips.html">Performance tips</a>
  24. </li>
  25. <li>
  26. <a href="seo.html">SEO</a>
  27. </li>
  28. <li style="margin-top: 15px;">
  29. <a href="https://github.com/dimsemenov/PhotoSwipe" class="external">GitHub</a>
  30. </li>
  31. <li>
  32. <a href="https://photoswipe.uservoice.com/forums/275302-feature-requests-ideas" class="external">Ideas</a>
  33. </li>
  34. <li>
  35. <a href="http://twitter.com/photoswipe" class="external">Twitter</a>
  36. </li>
  37. <li>
  38. <a href="http://dimsemenov.com/subscribe.html?i=pswp" class="external">Newsletter</a>
  39. </li>
  40. </ul>
  41. <div class="docs-menu__ad">
  42. Code Computerlove are <a href="http://www.codecomputerlove.com/jobs/">hiring software engineers</a> in the UK.
  43. </div>
  44. </div>
  45. <script>
  46. (function() {
  47. // And this, kids, is what lazy JS developers do when they need a menu in Jekyll
  48. var menuEls = document.getElementById('docs-menu-list').children,
  49. el,
  50. currUrl = window.location.href;
  51. for(var i = 0, l = menuEls.length; i < l; i++) {
  52. el = menuEls[i].children[0];
  53. if( currUrl.indexOf( el.href ) > -1 ) {
  54. el.className += 'docs-menu__item--active';
  55. }
  56. }
  57. }());
  58. </script>