default.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html lang="en" prefix="og: http://ogp.me/ns#" debug="true">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5. <meta charset="utf-8">
  6. <title>{{ page.title }}</title>
  7. <meta name="description" content="{{page.description}}">
  8. <meta name="viewport" content="width = device-width, initial-scale = 1.0">
  9. <meta name="author" content="Dmitry Semenov">
  10. <link rel="canonical" href="{{page.canonical_url}}">
  11. <meta property="og:url" content="{{page.canonical_url}}">
  12. <meta property="og:title" content="{{page.title}}">
  13. <meta property="og:description" content="{{page.description}}">
  14. <meta property="og:image" content="http://photoswipe.com/test/horizontal-swipe.jpg">
  15. <link href="https://plus.google.com/102586375605352607718" rel="publisher" />
  16. {% if page.markdownpage == true %}
  17. <link rel="icon apple-touch-icon" href="../test/apple-touch-icon-144x144.png" sizes="144x144" type="image/png">
  18. <link href="../site-assets/site.css?v=web-{{site.pswpversion}}-{{site.siteversion}}" rel="stylesheet" />
  19. {% else %}
  20. <link rel="icon apple-touch-icon" href="test/apple-touch-icon-144x144.png" sizes="144x144" type="image/png">
  21. <link href="site-assets/site.css?v={{site.pswpversion}}-{{site.siteversion}}" rel="stylesheet" />
  22. <link href="dist/photoswipe.css?v={{site.pswpversion}}-{{site.siteversion}}" rel="stylesheet" />
  23. <link href="dist/default-skin/default-skin.css?v={{site.pswpversion}}-{{site.siteversion}}" rel="stylesheet" />
  24. {% if site.url == 'local' %}
  25. <script>
  26. document.write('<script src=dist/photoswipe.js?r='+Math.random()+'><\/script>');
  27. document.write('<script src=dist/photoswipe-ui-default.js?r='+Math.random()+'><\/script>');
  28. </script>
  29. {% else %}
  30. <script src="dist/photoswipe.min.js?v={{site.pswpversion}}-{{site.siteversion}}"></script>
  31. <script src="dist/photoswipe-ui-default.min.js?v={{site.pswpversion}}-{{site.siteversion}}"></script>
  32. {% endif %}
  33. {% endif %}
  34. <script src="//use.typekit.net/snf1yod.js"></script>
  35. <script>try{Typekit.load();}catch(e){}</script>
  36. <!--[if lt IE 9]>
  37. <script>
  38. document.createElement('figure');
  39. </script>
  40. <![endif]-->
  41. </head>
  42. <body>
  43. {% if page.markdownpage == true %}
  44. <div class="section docs"><div class="row row--docs">
  45. <a class="docs-logo" href="http://photoswipe.com">PhotoSwipe</a>
  46. <h1>{{ page.h1_title || page.title }}</h1>
  47. {% include menu.html %}
  48. {% else %}
  49. {% endif %}
  50. {{ content | markdown }}
  51. {% if page.markdownpage == true %}
  52. <p style="
  53. margin-top: 100px;
  54. margin-bottom: 100px;
  55. text-align: center;
  56. "><span title="Coded">&lt;/&gt;</span> with <span title="love">&lt;3</span> in <a class="ukraine-flag" href="http://en.wikipedia.org/wiki/Ukraine" title="Ukraine"></a> by <a href="http://twitter.com/dimsemenov">@dimsemenov</a></p>
  57. </div></div>
  58. <script>
  59. // Disable codepens on small screens, sort of.
  60. if(screen.width && screen.width < 1200 ) {
  61. var els = document.querySelectorAll('.codepen-embed');
  62. for (i = 0; i < els.length; ++i) {
  63. els[i].className += " codepen-embed--disabled";
  64. }
  65. } else {
  66. document.write('<script src="//assets.codepen.io/assets/embed/ei.js"><' + '\/script>');
  67. }
  68. </script>
  69. {% else %}
  70. {% endif %}
  71. {% if site.url != 'local' %}
  72. <!-- analytics -->
  73. <script>
  74. (function() {
  75. var url = window.location.href.toLowerCase();
  76. if(url.indexOf('photoswipe') === -1) {
  77. return;
  78. }
  79. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  80. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  81. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  82. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  83. ga('create', 'UA-49016964-1', 'photoswipe.com');
  84. ga('send', 'pageview');
  85. function trackJavaScriptError(e) {
  86. e = e || window.event;
  87. if(!e || !e.message || !e.lineno){
  88. return true;
  89. }
  90. var errMsg = e.message;
  91. var errSrc = e.filename + ': ' + e.lineno;
  92. ga('send', 'event', 'JavaScript Error', errMsg, errSrc, { 'nonInteraction': 1 });
  93. }
  94. if (window.addEventListener) {
  95. window.addEventListener('error', trackJavaScriptError, false);
  96. } else if (window.attachEvent) {
  97. window.attachEvent('onerror', trackJavaScriptError);
  98. } else {
  99. window.onerror = trackJavaScriptError;
  100. }
  101. (function (d, w, c) {
  102. (w[c] = w[c] || []).push(function() {
  103. try {
  104. w.yaCounter24301471 = new Ya.Metrika({id:24301471,
  105. webvisor:false,
  106. clickmap:false});
  107. } catch(e) { }
  108. });
  109. var n = d.getElementsByTagName("script")[0],
  110. s = d.createElement("script"),
  111. f = function () { n.parentNode.insertBefore(s, n); };
  112. s.type = "text/javascript";
  113. s.async = true;
  114. s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
  115. if (w.opera == "[object Opera]") {
  116. d.addEventListener("DOMContentLoaded", f, false);
  117. } else { f(); }
  118. })(document, window, "yandex_metrika_callbacks");
  119. })();
  120. </script>
  121. {% endif %}
  122. </body>
  123. </html>