1 files changed, 76 insertions, 0 deletions
diff --git a/templates/template_picture.html b/templates/template_picture.html
new file mode 100644
index 0000000..413d348
--- /dev/null
+++ b/templates/template_picture.html
@@ -0,0 +1,76 @@
+<?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" />
+	<script type="text/javascript" src="$(TEMPLATES_PATH)scripts-general.js"> </script>
+</head>
+<body onload="javascript: read_exif_table_cookie(); preload_image('$(IMG_SRC_PRELOAD)');">
+
+
+<!--  ##  Navigation bar  -->
+<div class="navigation">
+  <div class="navlinks"><!-- $(NAV_BAR) --></div>
+  <div class="navposition">
+    <span class="navposnumber"><!-- $(FILE_NO) --></span> of <span class="navposnumber"><!-- $(TOTAL_ITEMS) --></span>
+    <span class="navposspacer"></span>
+    <a href="$(LINK_PREV)">&lt; Previous</a> :: <a href="$(LINK_NEXT)">Next &gt;</a>
+  </div>
+  <div class="navexif">ISO <!-- $(EXIF_ISO) --> :: <!-- $(EXIF_TIME) --> :: <!-- $(EXIF_APERTURE) --> :: <!-- $(EXIF_FOCAL_LENGTH) --></div>
+</div>
+
+
+<div class="master_content">
+  <!--  ##  Description  -->
+  <div class="description">
+    <div class="desc_title"><!-- $(TITLE) --></div>
+    <div class="desc_text"><!-- $(DESCRIPTION) --></div>
+  </div>
+
+  <!--  ##  Image  -->
+  <div class="img_preview">
+    <a href="$(LINK_NEXT)"><img src="$(IMG_SRC)" width="$(IMG_SIZE_W)" height="$(IMG_SIZE_H)" alt="" id="$(IMG_BORDER_STYLE)" /></a>
+    <!-- $(BEGIN_IMG_FULLSIZE_LINK) -->
+    <div class="img_preview_full">
+      <a href="$(IMG_SRC_FULL)">See original size (<!-- $(IMG_SIZE_ORIG_W) -->x<!-- $(IMG_SIZE_ORIG_H) -->)</a>
+    </div>  
+    <!-- $(END_IMG_FULLSIZE_LINK) -->
+  </div>
+
+  <!-- $(BEGIN_EXIF_TABLE) -->
+  <!--  ##  EXIF  -->
+  <div class="exif">
+    <div id="exif_table" style="display: none;">
+      :: <a href="javascript: set_exif_table_visibility('no'); write_exif_table_cookie('no');">Hide EXIF</a>
+      <table><tbody>
+        <tr><td>Date: </td>            <td><!-- $(EXIF_DATE) --></td></tr>
+        <tr><td>Camera: </td>          <td><!-- $(EXIF_CAMERA_MODEL) --></td></tr>
+        <tr><td>ISO: </td>             <td><!-- $(EXIF_ISO) --></td></tr>
+        <tr><td>Focal length: </td>    <td><!-- $(EXIF_FOCAL_LENGTH) --></td></tr>
+        <tr><td>Aperture value: </td>  <td><!-- $(EXIF_APERTURE) --></td></tr>
+        <tr><td>Exposure time: </td>   <td><!-- $(EXIF_TIME) --></td></tr>
+        <tr><td>Flash: </td>           <td><!-- $(EXIF_FLASH) --></td></tr>
+      </tbody></table>
+    </div>
+    <div id="exif_line" style="display: block;">
+      :: <a href="javascript: set_exif_table_visibility('yes'); write_exif_table_cookie('yes');">Show EXIF</a>
+    </div>
+  </div>  
+  <!-- $(END_EXIF_TABLE) -->
+
+  <!--  ##  Footnote, also acts as a bottom border  -->
+  <div class="footnote">
+    <div class="desc_text"><!-- $(FOOTNOTE) --></div>
+  </div>
+</div> <!-- end of master_content -->
+
+
+<!--  ##  Footer  -->
+<div class="footer"><!-- $(FOOTER) --></div>
+
+</body>
+</html>