Skip to content

pascalfree/pholio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pholio

Pholio is a semi-static template, that allows to design creative and individual photo galleries easily. Multiple Pictures can be arranged in frames using custom (static) html and css. Pholio then automatically adds life to the frames, making them interactive on desktop and on touch devices.

Demo

Install

see install.md

Documentation

How to create a page doc/pages.md

Why

While many online galleries are easy to set up and great to manage photo collections, they usually won't let the artist put up their pictures exactly how they want to. Customizing usually means, digging into a lot of code or writing some code from scratch. Pholio lets the artist decide how the pictures are presented in simple html and css, while adding all the interactions automatically.

How

A pholio website consists of one or more pages. Each page is a html snippet containing information about the formatting of the pictures and the text beeing displayed. Pholio allows to switch beetween the pages by clicking the arrows left and right of the page or by swiping on a touch screen devices. Each picture becomes clickable and will show up in a customized lightbox.

Interactions

  • Switch between different Frames
  • Click a picture to view in full size
  • Hover a picture to show caption
  • Add external links to picture.
  • enable history back (including animations)
  • Keyboard navigation

Extensability

  • customize animations in the separate animations.js file
  • Plugins: A plugin framework is under construction

TODO

  • preload larger scale images of current frame before clicking, make option to disable in settings.
  • full screen mode (STRG+F)?

Thanks