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) -->&nbsp;</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>