cleanup: worked a bit on valid html
[phpfspot.git] / themes / default / templates / index.tpl
index 72a5ef091451730f3bd47f95963fea52e76756ad..87c58b9065a3a7e0c6a32050c51412399fd0f571 100644 (file)
@@ -1,46 +1,46 @@
 {include file="header.tpl"}
  <body onload="init_phpfspot();">
+  <!-- loading -->
+
+  <div id="HTML_AJAX_LOADING">
+   <img src="resources/loading.gif" style="vertical-align: middle;" alt="Loading..." />&nbsp;&nbsp;Loading...
+  </div>
+
+  <!-- top menu -->
+
   <div class="menu">
-   <div style="float: left;">
-   <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index">
-    <img src="resources/photo_index.png" alt="photo index" />
-   </a>
-   <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results">
-    <img src="resources/reload.png" alt="reset tags" />
-   </a>
-   <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page">
-    <img src="resources/credits.png" alt="show credits" />
-   </a>
+   <div class="icons">
+    <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index (CTRL+ALT+i)">
+     <img src="resources/photo_index.png" alt="photo index" />
+    </a>
+    <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results (CTRL+ALT+r)">
+     <img src="resources/reload.png" alt="reset tags" />
+    </a>
+    <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page">
+     <img src="resources/credits.png" alt="show credits" />
+    </a>
+   </div>
+   <div class="logo">&nbsp;{$page_title}</div>
+  </div>
+  <!-- /top menu -->
+
+  <div style="clear: both;">
+  <!-- option column -->
+  <div class="options" style="float: left;">
+   <div>
+    {include file="search.tpl"}
+   </div>
+   <div id="tags">
+    {include file="tags.tpl"}
+   </div>
   </div>
-  <div class="logo">&nbsp;{$page_title}</div>
+  <!-- /option column -->
+
+  <!-- content column -->
+  <div id="content" class="content">
+   {include file="welcome.tpl"}
   </div>
-  <table>
-   <tr>
-    <td class="options">
-     <table>
-      <tr>
-       <td>
-        {include file="search.tpl"}
-       </td>
-      </tr>
-      <tr>
-       <td>
-        <div id="tags">
-         {include file="tags.tpl"}
-        </div>
-       </td>
-      </tr>
-     </table>
-    </td>
-    <td class="content">
-     <div id="content">
-      {include file="welcome.tpl"}
-     </div>
-    </td>
-   </tr>
-  </table>
-  <div style="text-align: right; font-size: 10px; color: #000000; margin-right: 10px;">
-   Licensed under GPLv3, <a href="http://oss.netshadow.at/oss/phpfspot/Project" style="font-size: 10px; color: #000000">phpfspot</a>
   </div>
- </body>
+
 {include file="footer.tpl"}