issue114, pimp AJAX-loading notification

[phpfspot.git] / themes / default / templates / welcome.tpl

diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl
index fa8d80eade1b5618f26a0083d221350b02a20f5c..fe079a0bce32e06cd0945d29005dd01555a2f5e3 100644 (file)
--- a/themes/default/templates/welcome.tpl
+++ b/themes/default/templates/welcome.tpl
@@ -1,29 +1,35 @@
 <!-- welcome -->
-<table style="width: 100%;">
- <tr>
-  <td class="index_header" style="text-align: left;">
-   phpfspot welcomes you to a dynamic photo gallery for <a href="http://f-spot.org" target="_blank">F-Spot</a><br />
-  </td>
- </tr>
- <tr>
-  <td>
-   <div style="padding: 10px; display: table; margin-left: 10px; margin-right: 10px; table-layout: fixed; border: hidden; border-spacing: 10px; border-collapse: separate;">
-   <table>
-    <tr>
-     <td>
-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<br />
-<br />
-You can addept this welcome page in the file "welcome.tpl" in the template<br />
-directory. ;)
-<br /><br />
-<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>
-     </td>
-    </tr>
-   </table>
-   </div>
-  </td>
- </tr>
-</table>
+<div class="header" style="text-align: left;">
+ 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 style="float: left; padding-right: 10px; width: 150px; text-align: center;">
+  <img src="phpfspot_img.php?idx=rand&width=150&i=1">
+ </div>
+ <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>
+
+ <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>
+ <div>
+  You can addept this welcome page in the file "welcome.tpl" in the template<br />
+  directory of your current theme.
+ </div>
+
+ <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>
+ <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>
+ </div>
+</div>
 <!-- /welcome -->