From ea7c5f379929222119df54f0f0a9af008bce4d30 Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Sun, 27 Apr 2008 09:47:40 -0700
Subject: edited tool tips for links in single_image

Signed-off-by: Arun Persaud <arun@nubati.net>
---
 themes/default/templates/single_photo.tpl | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'themes/default/templates')

diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl
index a16776e..78e489d 100644
--- a/themes/default/templates/single_photo.tpl
+++ b/themes/default/templates/single_photo.tpl
@@ -16,13 +16,13 @@
  </div>
  <div style="text-align: right;">
   <a href="javascript:zoom(-10);" title="zoom_out" onclick="click(this);"><img src="resources/zoom-out.png" /></a>
-  <a href="javascript:zoom(0);" title="zoom_in" onclick="click(this);"><img src="resources/zoom-100.png" /></a>
+  <a href="javascript:zoom(0);" title="zoom_100" onclick="click(this);"><img src="resources/zoom-100.png" /></a>
   <a href="javascript:zoom(10);" title="zoom_in" onclick="click(this);"><img src="resources/zoom-in.png" /></a>
   <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/32_play.png" /></a>
   {if $extern_link }
    <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a>
   {/if}
-  <a href="{$image_url_full}" target="_blank" onclick="click(this);">
+  <a href="{$image_url_full}" title="orig_image" target="_blank" onclick="click(this);">
    <img src="resources/original.png" alt="original resolution" />
   </a>
  </div>
-- 
cgit v1.2.3-18-g5258


From fc6775ae5b69f566dcc32aa765e47ab6229c9abb Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Thu, 8 May 2008 21:27:46 -0700
Subject: cleanup: moved more CSS into the stylesheet

started separating the CSS from the templates.

Signed-off-by: Arun Persaud <arun@nubati.net>
---
 themes/default/templates/search.tpl    |  4 ++--
 themes/default/templates/slideshow.tpl |  6 +++---
 themes/default/templates/tags.tpl      |  4 ++--
 themes/default/templates/welcome.tpl   | 28 ++++++++++++++--------------
 4 files changed, 21 insertions(+), 21 deletions(-)

(limited to 'themes/default/templates')

diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl
index f983c40..18d1f40 100644
--- a/themes/default/templates/search.tpl
+++ b/themes/default/templates/search.tpl
@@ -1,4 +1,4 @@
-<span style="vertical-align: middle; text-decoration: underline;">
+<span class="tags">
  <img src="resources/loupe.png" alt="loupe" />Search:
 </span>
 <form action="" onsubmit="startSearch(); return false;">
@@ -39,7 +39,7 @@
  </tr>
  <tr>
   <td>Date:</td>
-  <td style="white-space: nowrap;">
+  <td class="nowarp">
    { if ! $date_search_enabled }
     <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();">
    { else }
diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl
index c5e8ba5..22c86a8 100644
--- a/themes/default/templates/slideshow.tpl
+++ b/themes/default/templates/slideshow.tpl
@@ -10,13 +10,13 @@
    <a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a>
    <a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a>
   </div>
-  <div style="margin: 0 auto; padding: 10px;">
+  <div id="slide_close">
    <a href="javascript:window.close();" title="click to close slideshow">
-    <img id="slide_img" alt="slideshow_img" style="padding: 15px; background-color: #000000;" />
+    <img id="slide_img" alt="slideshow_img" />
    </a>
   </div>
   <form>
-   <div id="slider-1" tabIndex="1" style="margin: 0 auto;" onclick="if(this.blur)this.blur();">
+   <div id="slider-1" tabIndex="1" onclick="if(this.blur)this.blur();">
    <input id="slider-input-1" name="slider-input-1" onclick="if(this.blur)this.blur();" />
    </div>
   </form>
diff --git a/themes/default/templates/tags.tpl b/themes/default/templates/tags.tpl
index 326c095..e4b04a8 100644
--- a/themes/default/templates/tags.tpl
+++ b/themes/default/templates/tags.tpl
@@ -1,8 +1,8 @@
-<span style="vertical-align: middle; text-decoration: underline;">
+<span class="tags">
  <img src="resources/available_tags.png" alt="available tags" />Available Tags:
 </span>
 <div id="available_tags"></div>
-<span style="vertical-align: middle; text-decoration: underline;">
+<span class="tags">
  <img src="resources/selected_tags.png" alt="selected tags" />Selected Tags:
 </span>
  &nbsp;
diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl
index 4629fda..7edda55 100644
--- a/themes/default/templates/welcome.tpl
+++ b/themes/default/templates/welcome.tpl
@@ -1,35 +1,35 @@
 <!-- welcome -->
-<div class="header" style="text-align: left;">
+<div class="header">
  phpfspot welcomes you to a dynamic photo gallery for <a href="http://f-spot.org" target="_blank">F-Spot</a><br />
 </div>
-<div style="padding: 10px; margin-left: 10px; margin-right: 10px;">
+<div class="welcome">
 
- <div style="float: left; padding-right: 10px; width: 150px; text-align: center;">
-  <img src="phpfspot_img.php?idx=rand&width=150&i=1">
- </div>
+ <p>
  <div>
+   <img src="phpfspot_img.php?idx=rand&width=150&i=1">
+ </div>
   This application targets to provide an easy way, to presentate your F-Spot<br />
   pictures in the web, in a way where you do not need any of the current<br />
   web2.0 providers or setup complex apps like gallery
- </div>
+ </p>
 
  <br class="clearboth">
 
- <div style="float: left; padding-right: 10px; width: 150px; text-align: center;">
-  <img src="phpfspot_img.php?idx=rand&width=150&i=2">
- </div>
+ <p>
  <div>
+   <img src="phpfspot_img.php?idx=rand&width=150&i=2">
+ </div>
   You can adapt this welcome page in the file "welcome.tpl" in the template<br />
   directory of your current theme.
- </div>
+ </p>
 
  <br class="clearboth">
 
- <div style="float: left; padding-right: 10px; width: 150px; text-align: center;">
-  <img src="phpfspot_img.php?idx=rand&width=150&i=3">
- </div>
+ <p>
  <div>
- <a href="javascript:showPhotoIndex();">[ Click here to take a look at your photo index or select a tag from the list on the left ]</a>
+   <img src="phpfspot_img.php?idx=rand&width=150&i=3">
  </div>
+ <a href="javascript:showPhotoIndex();">[ Click here to take a look at your photo index or select a tag from the list on the left ]</a>
+ </p>
 </div>
 <!-- /welcome -->
-- 
cgit v1.2.3-18-g5258


From d774bea5f0bc063be6426668e19faf02167f3d65 Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Sat, 10 May 2008 09:40:29 -0700
Subject: cleanup: moved more CSS into the stylesheet

almost everything in the stylesheet now

Signed-off-by: Arun Persaud <arun@nubati.net>
---
 themes/default/templates/credits.tpl      |  2 +-
 themes/default/templates/photo_index.tpl  | 16 ++++++++--------
 themes/default/templates/single_photo.tpl | 10 +++++-----
 3 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'themes/default/templates')

diff --git a/themes/default/templates/credits.tpl b/themes/default/templates/credits.tpl
index ba772a1..2bc7b28 100644
--- a/themes/default/templates/credits.tpl
+++ b/themes/default/templates/credits.tpl
@@ -1,7 +1,7 @@
 <div class="header">
  <b>{$product} {$version}</b><br />
 </div>
-<div style="margin-top: 10px; margin-left: 10px;">
+<div class="credits">
  by Andreas Unterkircher<br />
  Licensed under GPLv3, <a href="http://oss.netshadow.at/oss/phpfspot/Project" target="_blank">phpfspot</a>
  <hr />
diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl
index c01c6af..413ec26 100644
--- a/themes/default/templates/photo_index.tpl
+++ b/themes/default/templates/photo_index.tpl
@@ -1,6 +1,6 @@
 <!-- Photo Index -->
 <div class="header">
- <div style="float: left;">
+ <div class="subheader">
   <b>Photo Index</b>
   {if $searchfor }
    {if $count == 1}
@@ -26,7 +26,7 @@
    Results are limited to a date within {$from_date} to {$to_date}.
   {/if}
  </div>
-<div style="text-align: right">
+<div class="textright">
   {if $slideshow_link }
    <a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="resources/slideshow.png" /></a>
   {/if}
@@ -42,9 +42,9 @@
  </div>
 </div>
 { if $tag_result }
-<div style="height: 1px; background-color: #ffffff;"></div>
+<div class="tagresult"></div>
 <div class="subheader">
- <div style="display: table-cell; vertical-align: middle;">
+ <div class="tagresulttags">
  Tags:
  </div>
  { $selected_tags }
@@ -74,10 +74,10 @@
 
 </div>
 <br class="clearboth" />
-<div style="width: 100%; margin-top: 20px;">
+<div class="indexnavigation">
 
  <!-- the right nav arrow -->
- <div style="float: right; width: 40px; margin-right: 0px; padding-right: 10px;">
+ <div class="indexnavigationright">
  { if $next_url == "" }
   { if $count != 0 }
    <img src="resources/arrow_right_gray.png" alt="last page reached" />
@@ -90,7 +90,7 @@
  </div>
 
  <!-- the left nav arrow -->
- <div style="float: left; margin: 0px; padding-left: 10px; width: 40px;">
+ <div class="indexnavigationleft">
  { if $previous_url == "" }
   { if $count != 0 }
    <img src="resources/arrow_left_gray.png" alt="first page reached" />
@@ -103,7 +103,7 @@
  </div>
 
  <!-- the middle page selector -->
- <div style="text-align: center;">
+ <div class="indexnavigationcenter">
  { if $page_selector != "" }
   {$page_selector}
  { /if}
diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl
index 78e489d..b6cdecb 100644
--- a/themes/default/templates/single_photo.tpl
+++ b/themes/default/templates/single_photo.tpl
@@ -1,6 +1,6 @@
 <!-- Single photo -->
 <div class="header">
- <div style="text-align: left; float: left;">
+ <div class="subheader">
   <b>Photo {$image_name}</b><br />
   {if $photo_count > 0}
    {$photo_number} of {$photo_count}
@@ -14,7 +14,7 @@
    {/if}
   {/if}
  </div>
- <div style="text-align: right;">
+ <div class="textright"">
   <a href="javascript:zoom(-10);" title="zoom_out" onclick="click(this);"><img src="resources/zoom-out.png" /></a>
   <a href="javascript:zoom(0);" title="zoom_100" onclick="click(this);"><img src="resources/zoom-100.png" /></a>
   <a href="javascript:zoom(10);" title="zoom_in" onclick="click(this);"><img src="resources/zoom-in.png" /></a>
@@ -29,7 +29,7 @@
 </div>
 
 <div>
- <div id="photo_details" style="float: right; margin-top: 20px; margin-right: 20px;">
+ <div id="photo_details">
    { if $ExifMadeWith }
    <u><img src="resources/camera.png" alt="camera icon" />&nbsp;Image taken with:</u><br />
    {$ExifMadeWith}<br />
@@ -67,7 +67,7 @@
 
  <!-- the photo itself -->
 
- <div style="text-align: left; margin-top: 20px; margin-left: 20px;">
+ <div class="photo">
  { if $next_url == "" }
   <a href="javascript:showPhotoIndex();" onclick="click(this);" name="photo">
  { else }
@@ -79,7 +79,7 @@
 
  <!-- navigation arrows -->
 
- <div style="margin-left: 20px;">
+ <div class="photonavigation">
   { if $previous_url == "" }
    <img src="resources/arrow_left_gray.png" alt="first photo reached" />
   { else }
-- 
cgit v1.2.3-18-g5258


From 7731c49b82089c7b62cc70f84edbae0d39f54fd3 Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Sat, 10 May 2008 10:02:09 -0700
Subject: cleanup: worked a bit on valid html

the validator still shows some errors, but most are gone

Signed-off-by: Arun Persaud <arun@nubati.net>
---
 themes/default/templates/header.tpl  |  2 +-
 themes/default/templates/index.tpl   |  6 +++---
 themes/default/templates/search.tpl  | 10 +++++-----
 themes/default/templates/welcome.tpl | 22 +++++++++++-----------
 4 files changed, 20 insertions(+), 20 deletions(-)

(limited to 'themes/default/templates')

diff --git a/themes/default/templates/header.tpl b/themes/default/templates/header.tpl
index e946a5b..39b42ca 100644
--- a/themes/default/templates/header.tpl
+++ b/themes/default/templates/header.tpl
@@ -15,7 +15,7 @@
   <link rel="stylesheet" href="lightbox2/css/lightbox.css" type="text/css" media="screen" />
   { /if }
   { if $use_autocomplete }
-  <script src="autosuggest/js/bsn.AutoSuggest_2.1.3_comp.js"></script>
+  <script type="text/javascript" src="autosuggest/js/bsn.AutoSuggest_2.1.3_comp.js"></script>
   <link rel="stylesheet" href="autosuggest/css/autosuggest_inquisitor.css" type="text/css" media="screen" charset="utf-8" />
   { /if }
  </head>                                                                                                      
diff --git a/themes/default/templates/index.tpl b/themes/default/templates/index.tpl
index 0bd7a7b..87c58b9 100644
--- a/themes/default/templates/index.tpl
+++ b/themes/default/templates/index.tpl
@@ -4,7 +4,7 @@
   <!-- loading -->
 
   <div id="HTML_AJAX_LOADING">
-   <img src="resources/loading.gif" style="vertical-align: middle;" />&nbsp;&nbsp;Loading...
+   <img src="resources/loading.gif" style="vertical-align: middle;" alt="Loading..." />&nbsp;&nbsp;Loading...
   </div>
 
   <!-- top menu -->
@@ -25,7 +25,7 @@
   </div>
   <!-- /top menu -->
 
-  <span style="clear: both;">
+  <div style="clear: both;">
   <!-- option column -->
   <div class="options" style="float: left;">
    <div>
@@ -41,6 +41,6 @@
   <div id="content" class="content">
    {include file="welcome.tpl"}
   </div>
-  </span>
+  </div>
 
 {include file="footer.tpl"}
diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl
index 18d1f40..77ed7ad 100644
--- a/themes/default/templates/search.tpl
+++ b/themes/default/templates/search.tpl
@@ -12,7 +12,7 @@
    { literal }
    <script type="text/javascript">
       var options = {
-         script: "rpc.php?action=getxmltaglist&",
+         script: "rpc.php?action=getxmltaglist&amp;",
          varname: "search",
          json: false,
          maxresults: 15
@@ -41,9 +41,9 @@
   <td>Date:</td>
   <td class="nowarp">
    { if ! $date_search_enabled }
-    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();">
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" />
    { else }
-    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" checked="checked">
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" checked="checked" />
    { /if }
    consider date-range
   </td>
@@ -51,12 +51,12 @@
  </tr>
  <tr>
   <td>&nbsp;</td>
-  <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic"/></a></td>
+  <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic" alt="from" /></a></td>
  </tr>
  <tr>
   <td>&nbsp;</td>
   <td>
-   {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" /></a>
+   {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" alt="to" /></a>
   </td>
   <td>
    <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl
index 7edda55..fbb21a1 100644
--- a/themes/default/templates/welcome.tpl
+++ b/themes/default/templates/welcome.tpl
@@ -5,30 +5,30 @@
 <div class="welcome">
 
  <p>
- <div>
-   <img src="phpfspot_img.php?idx=rand&width=150&i=1">
- </div>
+ <span>
+   <img src="phpfspot_img.php?idx=rand&amp;width=150&amp;i=1" alt="random image" />
+ </span>
   This application targets to provide an easy way, to presentate your F-Spot<br />
   pictures in the web, in a way where you do not need any of the current<br />
   web2.0 providers or setup complex apps like gallery
  </p>
 
- <br class="clearboth">
+ <br class="clearboth" />
 
  <p>
- <div>
-   <img src="phpfspot_img.php?idx=rand&width=150&i=2">
- </div>
+ <span>
+   <img src="phpfspot_img.php?idx=rand&amp;width=150&amp;i=2" alt="random image" />
+ </span>
   You can adapt this welcome page in the file "welcome.tpl" in the template<br />
   directory of your current theme.
  </p>
 
- <br class="clearboth">
+ <br class="clearboth" />
 
  <p>
- <div>
-   <img src="phpfspot_img.php?idx=rand&width=150&i=3">
- </div>
+ <span>
+   <img src="phpfspot_img.php?idx=rand&amp;width=150&amp;i=3" alt="random image" />
+ </span>
  <a href="javascript:showPhotoIndex();">[ Click here to take a look at your photo index or select a tag from the list on the left ]</a>
  </p>
 </div>
-- 
cgit v1.2.3-18-g5258