enikesha
/
photo-store


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#" debug="true">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    
    <meta charset="utf-8">

    <title>Photo store</title>

    <meta name="viewport" content="width = device-width, initial-scale = 1.0"> 

    <link rel="stylesheet" href="/css/site.css">
    <script src="/js/site.js"></script>

    <!-- Core CSS file -->
    <link rel="stylesheet" href="/css/photoswipe.css"> 

    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite, 
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="/css/default-skin.css"> 

    <!-- Core JS file -->
    <script src="/js/photoswipe.min.js"></script> 

    <!-- UI JS file -->
    <script src="/js/photoswipe-ui-default.min.js"></script> 

    <!--[if lt IE 9]>
        <script>
          document.createElement('figure');
        </script>
    <![endif]-->
  </head>

  <body>
	<div class="section section--head">
	  <div class="row row--heading">
		<h1>PhotoStore</h1>
        <a href="/incoming/"><h3>Incoming</h3></a>
	  </div>
    </div>

    <div class="section">
	  <div class="row">
        <div id="albums" class="demo-gallery"></div>
      </div>
    </div>

    <div id="gallery" class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
		  <div class="pswp__item"></div>
		  <div class="pswp__item"></div>
		  <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
			<div class="pswp__counter"></div>
			<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
			<!--<button class="pswp__button pswp__button--share" title="Share"></button> -->
			<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
			<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
			<div class="pswp__preloader">
			  <div class="pswp__preloader__icn">
				<div class="pswp__preloader__cut">
				  <div class="pswp__preloader__donut"></div>
				</div>
			  </div>
			</div>
          </div>
		  <div class="pswp__loading-indicator"><div class="pswp__loading-indicator__line"></div></div>
          <!--<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
	        <div class="pswp__share-tooltip">
	        </div>
	      </div>
          -->
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__center">
            </div>
          </div>
        </div>
      </div>
    </div>

    <script type="text/javascript">
      jsonGET('/api/albums/', function(data) {
          if (data)
              setAlbums(data);
      });
    </script>
  </body>
</html>