diff options
| author | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2016-04-03 17:15:05 +0200 |
|---|---|---|
| committer | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2016-04-03 17:29:55 +0200 |
| commit | 654007b709d804767ab5be3bde3b134221a5b589 (patch) | |
| tree | 70ab1adf75d3f4c5cebcfdb44748b4ddec8c68c3 /templates/fluid/template_index.html | |
| parent | c8979f40106cc429c8125ce0f520f9470da5404c (diff) | |
| download | cataract-654007b709d804767ab5be3bde3b134221a5b589.tar.xz | |
New 'fluid' theme
Introducing a modern looking theme that changes gallery philosophy a bit.
Instead of having thumbnails on an album page and photos on separate pages
this new design brings emphasis on story telling. Viewer is advised to
go through the whole album sequentially, bringing atmosphere to the whole
set.
All photos are loaded within a single page and keyboard navigation via
left/right arrows is supposed to be used to switch the presentation
mode on.
Three photo sizes are supported now with the 'preview' size being the
default. High resolution size has been introduced for 2560x1440 screens
and larger.
Note that this template uses code from 3rd parties, see CREDITS for
details. I haven't been able to contact anyone behind the TheCodePlayer.com
project so licensing of the breadcrumbs might be an issue.
Diffstat (limited to 'templates/fluid/template_index.html')
| -rw-r--r-- | templates/fluid/template_index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/templates/fluid/template_index.html b/templates/fluid/template_index.html new file mode 100644 index 0000000..74833dd --- /dev/null +++ b/templates/fluid/template_index.html @@ -0,0 +1,77 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head profile="http://www.w3.org/2005/10/profile"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> + <title>$(PAGE_TITLE)</title> +<!-- $(CGG_META_TAGS) --> +<!-- $(CGG_ATOM_FEED_TAGS) --> + <link href="$(TEMPLATES_PATH)styles.css" type="text/css" rel="stylesheet" media="screen, print" /> +</head> +<body> + + +<!-- ## Navigation bar --> +<div class="navigation photostream-hide"> + <div class="navbar"> + <!-- $(BEGIN_NAV_BAR) --> + <!-- $(BEGIN_NAV_BAR_FIRST) --> + <a href="$(NAV_BAR_ELEM_LINK)" class="av" rel="home"><i class="fa fa-home"></i> <!-- $(NAV_BAR_ELEM_TITLE) --> </a> + <!-- $(END_NAV_BAR_FIRST) --> + <!-- $(BEGIN_NAV_BAR_ELEM) --> + <a href="$(NAV_BAR_ELEM_LINK)"><!-- $(NAV_BAR_ELEM_TITLE) --></a> + <!-- $(END_NAV_BAR_ELEM) --> + <!-- $(BEGIN_NAV_BAR_LAST) --> + <a href="$(NAV_BAR_ELEM_LINK)"><!-- $(NAV_BAR_ELEM_TITLE) --></a> + <!-- $(END_NAV_BAR_LAST) --> + <!-- $(BEGIN_NAV_BAR_CURRENT) --> + <span class="nav-current av"><!-- $(NAV_BAR_ELEM_TITLE) --></span> + <!-- $(END_NAV_BAR_CURRENT) --> + <!-- $(BEGIN_NAV_BAR_CURRENT_ROOT) --> + <span class="nav-current nav-root"><i class="fa fa-home"></i> <!-- $(NAV_BAR_ELEM_TITLE) --></span> + <!-- $(END_NAV_BAR_CURRENT_ROOT) --> + <!-- $(END_NAV_BAR) --> + </div> + <div class="nav-right"><!-- $(TOTAL_ITEMS) --> albums</div> +</div> + +<div class="content-wrapper"> +<div class="content"> + <div class="title"><!-- $(TITLE) --></div> + <div class="text"><!-- $(DESCRIPTION) --></div> + +<div class="albums"> + <!-- $(BEGIN_IMG_LIST) --> + <!-- $(BEGIN_LIST_PICTURE) --> + <div class="index_item" style="background-image:url($(IMG_SRC_THUMB))"> + <div class="position_marker" id="$(IMG_POS_MARKER)"></div> + <a href="$(ALBUM_SUBPATH)"> + <span class="album_text"><!-- $(IMG_TITLE) --></span><br /> + <span class="album_subtext"><!-- $(IMG_DESCRIPTION) --></span> + <!-- $(ifdef(IS_PROTECTED)) --><span class="album_protected_note"><br />(This album is password protected)</span><!-- $(endif(IS_PROTECTED)) --> + <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span> + </a> + </div> + <!-- $(END_LIST_PICTURE) --> + <!-- $(BEGIN_LIST_SEPARATOR) --> + <div class="separator"><!-- $(LIST_SEPARATOR_TITLE) --></div> + <!-- $(END_LIST_SEPARATOR) --> + <!-- $(BEGIN_LIST_INTERSPACE) --> + <div class="interspace"><!-- $(LIST_INTERSPACE_TITLE) --></div> + <!-- $(END_LIST_INTERSPACE) --> + <!-- $(END_IMG_LIST) --> + + <!-- ## Footnote, also acts as a bottom border --> + <div class="footnote"><!-- $(FOOTNOTE) --></div> +</div> + +</div> + +<!-- ## Footer --> +<div class="footer photostream-hide"> + <hr /><!-- $(FOOTER) --> +</div> +</div> + +</body> +</html> |