Changeset 9212 for src/django_gheat/website/templates/home.html

Timestamp:

May 23, 2011, 5:58:47 PM (14 years ago)

Author:

dennisw

Message:

Some design fixes.

File:

• src/django_gheat/website/templates/home.html (modified) (4 diffs)

src/django_gheat/website/templates/home.html

@@ -36 +36 @@
     </div>
     <div id="menu">
-      <font onclick="toggleDiv('info')">Info</font>
-      <font style="padding-left:15px;" onclick="toggleDiv('filters')">Filters</font>
+      <a href="javascript:toggleDiv('info')">Info</a>
+      <a href="javascript:toggleDiv('filters')" style="padding-left:15px;">Filters</a>
     </div>
     <div id="info">
@@ -43 +43 @@
     </div>
     <div id="filters">
+      <div id="filters_text">
+      <h1>Filters</h1>
+      <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
+      <p>For instance, you can choose to create a layer with data measured only by yourself, or with a certain node from Wireless Leiden only.</p>
+      </div>
+      <div id="filters_list">
       <form method="get" action="">
       <table border="0">
@@ -48 +54 @@
           <td>User</td>
           <td><input type="text" id="user" name="user" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Set</td>
+          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Date</td>
+          <td><input type="text" id="date" name="date" size="10"/></td>
+        </tr>
+        <tr>
           <td>WL Node</td>
           <td><input type="text" id="wlnode" name="wlnode" size="10"/></td>
-          <td>Date</td>
-          <td><input type="text" id="date" name="date" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Encrypted</td>
+          <td><input type="checkbox" id="enc" name="enc"/></td>
+        </tr>
+        <tr>
+          <td>Layer colour</td>
+          <td><input type="text" id="colour" name="colour" size="10"/></td>
+        </tr>
+        <tr>
           <td>Layer name</td>
           <td><input type="text" id="lname" name="lname" size="10"/></td>
         </tr>
         <tr>
-          <td>Set</td>
-          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
-          <td>Encrypted</td>
-          <td><input type="checkbox" id="enc" name="enc"/></td>
-          <td>Colour</td>
-          <td><input type="text" id="colour" name="colour" size="10"/></td>
           <td></td>
           <td><input type="button" value="Add filter" onClick="filters()"/></td>
@@ -67 +85 @@
       </table>
       </form>
+      </div>
     </div>
   </div>