bildo/views/index.jade

Quick image gallery

doctype html
html
 head
  title bildo
  meta(charset='UTF-8')
  meta(name="viewport", content="width=device-width, initial-scale=1.0")
  style.
   a {
    text-decoration: none; color: #AA2C2C;}
   a.pag:hover, a.pag:focus {
    background-color: #AA2C2C; color: white; padding: 1px; }
   body {
    color: #444; font-size: 18px;  line-height: 1.4;}
   img {
    border: 2px solid #909090;}
  unless nogrid
   script(type='text/javascript', src='js/gridify-min.js')
   script(type='text/javascript', src='js/img.js')
  else
   style.
    body { margin-right: 3em; margin-left: 3em; } img { max-width: 80%; }1
body
 if total >= 1
  if pages.length > 1
   .pagination
    if cp !== pages[0]
     a(class='pag', href= '/?page=' + (cp - 1)) Prev
     span  · 
    span Page <b>#{cp} of #{totalPages}</b> with a total of #{total} images
    if cp !== pages[pages.length - 1]
     span  · 
     a(class='pag', href= '/?page=' + (cp + 1)) Next
  .grid
   - var nfolder = folder.replace(/\ /g,"_");
   each file in files
    - var file = file.replace(base, '').replace(folder, nfolder)
     a(target='_blank', href= file)
      img(src= file)
 else
  h1 Didn't found any image. Are you  sure that there's any?