summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/scripts-general.js22
-rw-r--r--templates/styles.css357
-rw-r--r--templates/template-album.tmpl70
-rw-r--r--templates/template-index.tmpl73
-rw-r--r--templates/template-view_photo.tmpl71
5 files changed, 593 insertions, 0 deletions
diff --git a/templates/scripts-general.js b/templates/scripts-general.js
new file mode 100644
index 0000000..cf558c0
--- /dev/null
+++ b/templates/scripts-general.js
@@ -0,0 +1,22 @@
+function readCookie() {
+ var theme = document.cookie;
+ var theme = unescape(theme);
+
+ return theme;
+}
+
+function writeCookie(theme) {
+ //FIXME - set expires
+ var original_cookie = "theme=" + escape(theme);
+ document.cookie = original_cookie;
+}
+
+
+function toggle_div(classname) {
+ var div = document.getElementById(classname);
+ if(div.style.display == 'none') {
+ div.style.display = 'block';
+ } else {
+ div.style.display = 'none';
+ }
+}
diff --git a/templates/styles.css b/templates/styles.css
new file mode 100644
index 0000000..e0ae25e
--- /dev/null
+++ b/templates/styles.css
@@ -0,0 +1,357 @@
+body {
+ /*
+ margin: 0px 50px 0px 50px;
+ width: auto;
+ */
+ margin: 20px 0px 20px 0px;
+ font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
+ font-size: 12px;
+ color: #EEEEEC;
+ background: #343D42;
+}
+
+img {
+ border: 0px;
+}
+
+a:link {
+ color: #C9CED1;
+}
+
+a:visited {
+ color: #C9CED1;
+}
+
+a:hover {
+ color: #A3BED4;
+}
+
+div.navigation {
+ position: fixed;
+ z-index: 1;
+ top: 0px;
+ background-color: #606466;
+ width: 100%;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ font-size: 13px;
+ border-top: 10px solid #343D42;
+ border-bottom: 1px dotted #80878A;
+}
+
+.navigation tr td:first-child {
+ padding-left: 15px;
+}
+
+.navigation tr td:last-child {
+ padding-right: 20px;
+}
+
+div.desc {
+ margin-left: 15px;
+ margin-top: 60px;
+ margin-bottom: 40px;
+ font-size: 21px;
+ font-weight: bold;
+ color: #EEEEEC;
+}
+
+div.desc_date {
+ margin-top: 8px;
+ font-size: 12px;
+ font-weight: normal;
+ color: #D0D0D0;
+}
+
+div.footer {
+ text-align: center;
+ margin-top: 10px;
+ background-color: #4F5659;
+ width: 100%;
+ padding: 3px;
+ font-size: 11px;
+ font-family: "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
+ color: #9A9C97;
+ border-top: 1px dotted #7C8285;
+ position: fixed;
+ bottom: 0px;
+}
+
+a.footermail {
+ color: #B1B3AD;
+ text-decoration: none;
+}
+
+a.footermail:hover {
+ color: #C5C7C0;
+ text-decoration: underline;
+}
+
+img#preview {
+/* border: 6px solid #384347; */
+ background-color: #6b6c69;
+ padding: 1px;
+/* -moz-border-radius: 5px; */
+}
+
+img#preview:hover {
+/* border: 6px solid #A3BED4; */
+}
+
+div#img_preview {
+ text-align: center;
+}
+
+div.exif {
+ margin-left: 15px;
+ margin-top: 30px;
+ margin-bottom: 40px;
+ font-size: 12px;
+ color: #EEEEEC;
+}
+
+.exif tr td:first-child {
+ color: #babdb6;
+}
+
+.exif td + td {
+ text-align: left;
+ padding-left: 2px;
+}
+
+.exif table {
+ padding-left: 30px;
+ padding-top: 10px;
+ font-size: 9px;
+
+}
+
+a.exif_line_a {
+/* color: #B1B3AD; */
+ text-decoration: none;
+ font-weight: bold;
+ border-bottom: 1px solid;
+}
+
+a.exif_line_a:hover {
+ color: #C5C7C0;
+ border-bottom: 1px dotted;
+}
+
+
+
+
+div.bigthumbnails {
+ text-align: left;
+ padding-left: 20px;
+ padding-right: 20px;
+ margin-bottom: 50px;
+ color: #babdb6;
+ font-size: 11px;
+}
+
+
+div.bigthumbnails table {
+ float: left;
+ text-align: center;
+/* text-decoration: none; */
+ font-size: 11px;
+ border: 0px;
+}
+
+div.one_thumbnail {
+ float: left;
+ text-align: center;
+ width: 215px;
+ height: 232px;
+}
+
+div.bigthumbnails a {
+ position: relative;
+/* display: block; */
+ float: left;
+ width: 205px;
+ height: 220px;
+/* text-align: center; */
+ text-decoration: none;
+ background-color: #232729;
+ margin: 1px; /* Needs to be changed below in div.bigthumbnails a:hover */
+ border: 1px solid #6b6c69;
+ -moz-border-radius: 6px;
+}
+
+div.bigthumbnails a:hover {
+ background-color: #32332F;
+ margin: 0px; /* div.bigthumbnails a->margin - 1px */
+ border: 2px solid #A3BED4;
+}
+
+div.bigthumbnails img {
+ /* landscape */
+ padding-top: 25px;
+ padding-bottom: 30px;
+}
+
+div.bigthumbnails img.portrait {
+ /* portrait */
+ padding-top: 10px;
+ padding-bottom: 4px;
+}
+
+.thumb_name {
+ position: absolute;
+ bottom: 10px;
+ left: 65px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+div.thumbnail_text {
+ padding-top: 3px;
+}
+
+.thumbnail_text {
+ padding-top: 3px;
+ font-size: 12px;
+}
+
+a#thumbnail_text_a {
+/* color: #B1B3AD; */
+ text-decoration: none;
+ font-weight: bold;
+ border-bottom: 1px solid;
+}
+
+a#thumbnail_text_a:hover {
+ color: #C5C7C0;
+ border-bottom: 1px dotted;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+div.albumlist {
+ text-align: left;
+ padding-left: 20px;
+ padding-right: 20px;
+ margin-bottom: 50px;
+}
+
+div.one_album {
+ float: left;
+ width: 600px;
+ height: 230px;
+}
+
+div.albumlist a {
+ position: relative;
+ display: block;
+ float: left;
+ width: 580px;
+ height: 210px;
+ text-decoration: none;
+ background-color: #232729;
+ margin: 1px; /* Needs to be changed below in div.bigthumbnails a:hover */
+ border: 1px solid #6b6c69;
+ color: #babdb6;
+ -moz-border-radius: 4px;
+}
+
+div.albumlist img {
+ /* landscape */
+ position: absolute;
+ left: 15px;
+ top: 15px;
+}
+
+div.albumlist a:hover {
+ background-color: #32332F;
+ margin: 0px; /* div.bigthumbnails a->margin - 1px */
+ border: 2px solid #A3BED4;
+ color: #A3BED4;
+}
+
+.album_text {
+ font-size: 20px;
+ font-weight: bold;
+ position: relative;
+ left: 215px;
+ top: 15px;
+}
+
+.album_subtext {
+ font-size: 16px;
+ font-weight: normal;
+ position: relative;
+ left: 215px;
+ top: 15px;
+}
+
+.album_note {
+ font-size: 11px;
+ font-weight: normal;
+ position: absolute;
+ right: 25px;
+ bottom: 20px;
+}
+
+.album_text_portrait {
+ font-size: 20px;
+ font-weight: bold;
+ position: relative;
+ left: 155px;
+ top: 15px;
+}
+
+.album_subtext_portrait {
+ font-size: 16px;
+ font-weight: normal;
+ position: relative;
+ left: 155px;
+ top: 15px;
+}
+
+
+
+div.contentx {
+ height: 200px;
+ width: 300px;
+ overflow: auto;
+ border: 1px solid #666;
+ background-color: #ccc;
+ padding: 8px;
+
+}
diff --git a/templates/template-album.tmpl b/templates/template-album.tmpl
new file mode 100644
index 0000000..e8eb115
--- /dev/null
+++ b/templates/template-album.tmpl
@@ -0,0 +1,70 @@
+<?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>
+ <title>Browsing album "<!-- $(ID) -->"</title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta name="generator" content="Bluefish 1.0.6" />
+ <meta name="date" content="2007-01-06T22:48:18+0100" />
+ <meta name="description" content="Photo album: <!-- $(ID) -->" />
+ <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
+ <meta http-equiv="content-style-type" content="text/css "/>
+ <link href="support/folder-saved-search.png" type="image/png" rel="icon" />
+ <!-- link rel="shortcut icon" href="http://primates.ximian.com/%7Ejimmac/photos/favicon.ico" type="image/x-icon" / -->
+ <link href="styles.css" type="text/css" rel="stylesheet" media="screen, print" />
+ <script type="text/javascript" src="scripts-general.js"> </script>
+</head>
+<body>
+
+
+<!-- ## Navigation bar -->
+<div class="navigation">
+<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
+ <!-- $(NAV_BAR) -->
+</td>
+<td align="right"><b><!-- $(TOTAL_ITEMS) --> items</b></td></tr></table>
+</div>
+
+
+<!-- ## Description -->
+<div class="desc">
+<!-- $(BEGIN_GO_UP) -->
+<div class="desc_date">:: <a href="../index.html" id="exif_line_a">Go Up</a><br /><br /><br /></div>
+<!-- $(END_GO_UP) -->
+<!-- $(TITLE) -->
+<div class="desc_date"><!-- $(DESCRIPTION) --></div>
+</div>
+
+
+<!-- ## Images -->
+<div class="bigthumbnails">
+<!-- $(BEGIN_IMG_LIST) -->
+ <!-- $(BEGIN_IMG_LIST_LANDSCAPE) -->
+ <div class="one_thumbnail">
+ <a href="<!-- $(IMG_SUBPAGE) -->">
+ <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" /><br />
+ <span class="thumb_name"><!-- $(IMG_FILENAME) --></span>
+ </a>
+ </div>
+ <!-- $(END_IMG_LIST_LANDSCAPE) -->
+ <!-- $(BEGIN_IMG_LIST_PORTRAIT) -->
+ <div class="one_thumbnail">
+ <a href="<!-- $(IMG_SUBPAGE) -->">
+ <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" class="portrait" /><br />
+ <span class="thumb_name"><!-- $(IMG_FILENAME) --></span>
+ </a>
+ </div>
+ <!-- $(END_IMG_LIST_PORTRAIT) -->
+<!-- $(END_IMG_LIST) -->
+</div>
+
+
+<!-- Dirty hack to add free space at the bottom of the page -->
+<div style="display: block; float: left; height: 290px;"></div>
+
+<!-- ## Footer -->
+<!-- $(FOOTER) -->
+
+
+</body>
+</html>
diff --git a/templates/template-index.tmpl b/templates/template-index.tmpl
new file mode 100644
index 0000000..2f941a2
--- /dev/null
+++ b/templates/template-index.tmpl
@@ -0,0 +1,73 @@
+<?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>
+ <title><!-- $(ID) --></title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta name="generator" content="Bluefish 1.0.6" />
+ <meta name="date" content="2007-01-06T22:48:18+0100" />
+ <meta name="description" content="Photo index: <!-- $(ID) -->" />
+ <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
+ <meta http-equiv="content-style-type" content="text/css "/>
+ <link href="support/folder-saved-search.png" type="image/png" rel="icon" />
+ <!-- link rel="shortcut icon" href="http://primates.ximian.com/%7Ejimmac/photos/favicon.ico" type="image/x-icon" / -->
+ <link href="styles.css" type="text/css" rel="stylesheet" media="screen, print" />
+ <script type="text/javascript" src="scripts-general.js"> </script>
+</head>
+<body>
+
+
+<!-- ## Navigation bar -->
+<div class="navigation">
+<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
+ <!-- $(NAV_BAR) -->
+</td>
+<td align="right"><b><!-- $(TOTAL_ITEMS) --> albums</b></td></tr></table>
+</div>
+
+
+<!-- ## Description -->
+<div class="desc">
+<!-- $(BEGIN_GO_UP) -->
+<div class="desc_date">:: <a href="../index.html" id="exif_line_a">Go Up</a><br /><br /><br /></div>
+<!-- $(END_GO_UP) -->
+<!-- $(TITLE) -->
+<div class="desc_date"><!-- $(DESCRIPTION) --></div>
+</div>
+
+
+<!-- ## Albums -->
+<div class="albumlist">
+<!-- $(BEGIN_IMG_LIST) -->
+ <!-- $(BEGIN_IMG_LIST_LANDSCAPE) -->
+ <div class="one_album">
+ <a href="<!-- $(ALBUM_SUBPATH) -->">
+ <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
+ <span class="album_text"><!-- $(IMG_TITLE) --></span><br /><br /><br />
+ <span class="album_subtext"><!-- $(IMG_DESCRIPTION) --></span><br /><br />
+ <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
+ </a>
+ </div>
+ <!-- $(END_IMG_LIST_LANDSCAPE) -->
+ <!-- $(BEGIN_IMG_LIST_PORTRAIT) -->
+ <div class="one_album">
+ <a href="<!-- $(ALBUM_SUBPATH) -->">
+ <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
+ <span class="album_text_portrait"><!-- $(IMG_TITLE) --></span><br /><br /><br />
+ <span class="album_subtext_portrait"><!-- $(IMG_DESCRIPTION) --></span><br /><br />
+ <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
+ </a>
+ </div>
+ <!-- $(END_IMG_LIST_PORTRAIT) -->
+<!-- $(END_IMG_LIST) -->
+</div>
+
+<!-- Dirty hack to add free space at the bottom of the page -->
+<div style="display: block; float: left; height: 390px;"></div>
+
+<!-- ## Footer -->
+<!-- $(FOOTER) -->
+
+
+</body>
+</html>
diff --git a/templates/template-view_photo.tmpl b/templates/template-view_photo.tmpl
new file mode 100644
index 0000000..2cd9b5c
--- /dev/null
+++ b/templates/template-view_photo.tmpl
@@ -0,0 +1,71 @@
+<?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>
+ <title>Viewing photo "<!-- $(FILE_NAME) -->" [<!-- $(FILE_NO) -->/<!-- $(TOTAL_ITEMS) -->]</title>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta name="generator" content="Bluefish 1.0.7"/>
+ <meta name="date" content="2007-08-27T23:06:28+0200"/>
+ <meta name="description" content="Viewing photo '<!-- $(FILE_NAME) -->'" />
+ <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
+ <meta http-equiv="content-style-type" content="text/css "/>
+ <link href="support/image-x-generic.png" type="image/png" rel="icon" />
+ <!-- link rel="shortcut icon" href="http://primates.ximian.com/%7Ejimmac/photos/favicon.ico" type="image/x-icon" / -->
+ <link href="styles.css" type="text/css" rel="stylesheet" media="screen, print" />
+ <script type="text/javascript" src="scripts-general.js"> </script>
+</head>
+<body>
+
+
+<!-- ## Navigation bar -->
+<div class="navigation">
+<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
+ <!-- $(NAV_BAR) -->
+</td>
+<td align="center" style="color: #AAAAAA;">ISO <!-- $(EXIF_ISO) --> :: <!-- $(EXIF_TIME) --> :: <!-- $(EXIF_APERTURE) --> :: <!-- $(EXIF_FOCAL_LENGTH) --></td>
+<td align="right"><b><!-- $(FILE_NO) --></b> of <b><!-- $(TOTAL_ITEMS) --></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+ <a href="<!-- $(LINK_PREV) -->">&lt; Previous</a> :: <a href="<!-- $(LINK_NEXT) -->">Next &gt;</a>
+</td></tr></table>
+</div>
+
+<div class="content">
+<!-- ## Description -->
+<div class="desc"><!-- $(TITLE) -->
+<div class="desc_date"><!-- $(DESCRIPTION) --></div>
+</div>
+
+
+<!-- ## Image -->
+<div id="img_preview">
+ <a href="<!-- $(LINK_NEXT) -->" id="img_preview_a"><img src="<!-- $(IMG_SRC_BIG) -->" width="<!-- $(IMG_SIZE_BIG_W) -->" height="<!-- $(IMG_SIZE_BIG_H) -->" alt="" id="preview" /></a>
+ <br /><br />
+ <!-- $(BEGIN_IMG_FULLSIZE_LINK) -->
+ <a href="<!-- $(IMG_SRC_FULL) -->">See original size (<!-- $(IMG_SIZE_ORIG_W) -->x<!-- $(IMG_SIZE_ORIG_H) -->)</a>
+ <!-- $(END_IMG_FULLSIZE_LINK) -->
+</div>
+
+
+<!-- ## EXIF -->
+<div id="exif_table" style="display: none;" class="exif">
+:: <a href="javascript:toggle_div('exif_table');toggle_div('exif_line');" class="exif_line_a">Hide EXIF</a>
+<table class="exif">
+<tbody><tr><td align="right">Date: </td><td><b><!-- $(EXIF_DATE) --></b></td></tr>
+<tr><td align="right">Camera: </td><td><b><!-- $(EXIF_CAMERA_MODEL) --></b></td></tr>
+<tr><td align="right">ISO: </td><td><b><!-- $(EXIF_ISO) --></b></td></tr>
+<tr><td align="right">Focal length: </td><td><b><!-- $(EXIF_FOCAL_LENGTH) --></b></td></tr>
+<tr><td align="right">Aperture value: </td><td><b><!-- $(EXIF_APERTURE) --></b></td></tr>
+<tr><td align="right">Exposure time: </td><td><b><!-- $(EXIF_TIME) --></b></td></tr>
+<tr><td align="right">Flash: </td><td><b><!-- $(EXIF_FLASH) --></b></td></tr>
+</tbody></table>
+</div>
+<div style="display: block;" id="exif_line" class="exif">
+:: <a href="javascript:toggle_div('exif_table');toggle_div('exif_line');" class="exif_line_a">Show EXIF</a>
+</div>
+</div>
+
+<!-- ## Footer -->
+<!-- $(FOOTER) -->
+
+
+</body>
+</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-01-12 08:19:22 +0000