* Fixed some layout issues here and there.

* Fixed wrong link to filetypes workshop.


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@27932 a95241bf-73f2-0310-859d-f6bbb57e9c96

welcome/attributes.html

@@ -33,7 +33,7 @@
 <p>As you can see, these are all 0-sized files with attached attributes, the E-mail attribute of "John Nox" being edited right in Tracker.
 </p><p>If you index these attributes, as People, Email or audio files are by default, they are also searchable with Haiku's fast query system.
 </p>
-<br>
+
 <h3>Attributes in Tracker</h3>
 <p>Attributes are displayed quite similar to a database or spreadsheet. Using Tracker you can choose which attributes to display (columns) and sort file listings (rows) accordingly.
 </p><p>To do this, open a Tracker window, click on the <i>Attributes</i> menu, and select the attributes you want to display. Alternatively, simply right-click onto a column heading and mark the items in the context menu. You can rearrange the columns by a simple drag&amp;drop of the column heading. Moving a column out of a window, is a fast way to get rid of columns you don't need.
@@ -41,7 +41,7 @@
 </p><p>Click on a column heading to toggle the sorting order from ascending to descending. You can establish a secondary sort order by pressing the <tt>SHIFT</tt> key while clicking on a column heading. Doing that you can, for example, sort your People files by company and within that order sort by contact name. See the above screenshot as an example. The secondary sort order is marked by a dotted line under the heading.
 </p><p>Editing these attributes is as simple as renaming a file: Either click on an entry or press <tt>ALT+E</tt> and move between the attibutes with <tt>TAB</tt> and <tt>SHIFT+TAB</tt>. <tt>ESC</tt> leaves the editing mode without applying the changes.
 </p>
-<br>
+
 <h3>Attributes in Terminal</h3>
 <p>If you prefer to use the commandline or plan to work with many files using scripting, there are several commands for controlling attributes from Terminal:
 </p>

welcome/deskbar.html

@@ -29,7 +29,8 @@
 <img src="deskbar-images/positions.png" alt="positions" width="640" height="480"</a>
 <br>
 <p>You can move the Deskbar to any corner or as a bar along the upper or lower border of the screen by gripping the knobbly area on the left side of the tray and drag&amp;drop it into the new position. You can also fold it into a more compact layout by drag&amp;dropping the knobbly area onto the Deskbar menu. The Deskbar has to be in this compacted format when it's put in the lower corners of the screen.
-</p><br>
+</p>
+
 <h3>The Deskbar Menu</h3>
 <p>A menu opens when you click on the Deskbar's uppermost part:
 <br>
@@ -58,22 +59,22 @@
 <li><i>Recent Documents, Folders, Applications</i>  --   List the last recently opened documents, folders and applications (see <i>Configure Deskbar Menu...</i> below).
 <li><i>Applications, Demos, Deskbar Applets, Preferences</i>  --   List of installed applications, demos, applets and preferences (see <i>Configure Deskbar Menu...</i> below).</li>
 </ul>
-<br>
+
 <h4>Configure Deskbar Menu...</h4>
 <p>
 <img src="deskbar-images/configure.png" alt="configure.png" width="359" height="416"</a>
 </p><p>In this panel you set how many recent documents, folders and applications are shown in the Deskbar, or if you show them at all.
 </p><p>You also configure folders and their contents, which are by default Applications, Demos, Deskbar Applets, and Preferences. You can add your own entries and edit or remove items.
 This part of the panel is just a representation of the folder <tt>/boot/home/config/be</tt>. You can just as well link or copy files and folders directly in Tracker to configure your Deskbar.
-</p><p><br>
 </p>
+
 <h3>The Tray</h3>
 <img src="deskbar-images/calendar.png" alt="calendar.png" width="229" height="210"</a>
 <p>Among other things, the tray's housing the clock. Left-click it to toggle between date and time. Right-click it to hide/show it or launch the <i>Time</i> preferences to set it.
 Here you can also launch a calendar that also appears, when you hold down the left mouse button on the clock for a little time.
 </p><p>Any program can install an icon in the tray to provide an interface to the user. The email system, for instance, shows a different symbol when there's unread mail and offers a context menu to e.g. create or check for new mail. <i>ProcessController</i> is another example that uses its icon in the tray to provide information (CPU/memory usage) and to offer a context menu.
-</p><p><br>
 </p>
+
 <h3> The list of running programs</h3>
 <img src="deskbar-images/list-of-apps.png" alt="list-of-apps.png.png" width="229" height="306"</a>
 <p>You can change to a specific running application by clicking on its entry in the Deskbar and choosing (one of) its windows, from the submenu. By right-clicking you can minimize or close a window or the entire application.

welcome/filetypes.html

@@ -25,29 +25,29 @@
 
 <h2><a name="filetypes">Filetypes</a></h2>
 <p>Other than Windows, Haiku doesn't rely on the 3-letter file extension for a file type (e.g. .txt, .jpg, .mp3). This method is only a last resort fallback. Haiku uses <acronym title="Multipurpose Internet Mail Extensions">MIME</acronym> types just like it's custom on the internet.</p>
-<br>
 <h3><a name="specific-file">Setting the filetype of a specific file</a></h3>
 <p>You can change the type of a specific file, its icon and the associated application. Select the file and invoke the Add-Ons | Filetype add-on from the right-click context menu.
 </p>
 <img src="filetypes-images/filetype-addon.png" alt="filetype-addon.png" width="288" height="212">
-<br>
+
 <h4><a name="filetype">The File Type</a></h4>
 <p>This is a JPEG file, it's MIME string image/jpeg. Let's say you definitely know that it's not a JPEG but a GIF. You can change that either by entering the correct MIME string by hand or with one of the two buttons below the textbox:
 <ul><li><i>Select...</i> shows a hierarchical list of filetypes where you navigate to <tt>image | GIF Image</tt>.</li>
 <li><i>Same as...</i> opens a file dialog where you choose any file that already has the filetype you're looking for.</li></ul>
 </p>
+
 <h4><a name="preferred-app">The Preferred Application</a></h4>
 <p>This dropdown menu shows a list of all applications that can handle this particular filetype. From here you can choose which program should open this specific file when it's double-clicked. You could, for example, change a HTML file's preferred application from the browser to a text editor while you're working on it. Every other HTML file still opens in the browser, only this particular one starts in your text editor.</p>
 <p>The "Default Application" is the one that's set globally for that filetype. If you don't find the program you want to associate with this file in the dropdown menu, you'll again find the buttons Select... and Same As... which do the similar thing described under "The File Type" above. </p>
 
 <h4><a name="icon">The Icon</a></h4>
 <p>If you're wondering why the icon well on the top right is empty: Icons are normally inherited from the system default for that filetype. You can open the <i>Filetype Add-On</i> of a file that contains an icon and drag&drop it into your file's icon well. Or you double-click the icon well and create or edit your own icon in <i>Icon-O-Matic</i>.</p>
-<br><br>
+
 <h3><a name="filetypes-preferences">Global settings with the Filetypes Preferences</a></h3>
 <p>The <i>Filetypes</i> preferences don't deal with individual files but with global settings of filetypes. You can change default icons and preferred applications or add, remove, or alter attributes of whole filetypes. You can even create your own filetype from scratch.</p>
 <p>All filetypes and their configurations are stored in <tt>/boot/home/config/settings/beos_mime</tt>. Before you start experimenting, it may be prudent to make a backup of that folder... </p>
-<p>To learn more about the <i>Filetypes</i> preferences see the workshop: <a href="Workshop-Filetypes+Attributes.html">DVDdb (Filetypes & Attributes)</a>.</p>
-<br>
+<p>To learn more about the <i>Filetypes</i> preferences see the workshop: <a href="workshop-filetypes+attributes.html">DVDdb (Filetypes & Attributes)</a>.</p>
+
 <h3><a name="settings-apps">Special settings for applications</a></h3>
 <p>If you invoke the <i>Filetype Add-On</i> on an executable (here: <i>StyledEdit</i>), you'll get a different dialog:</p>
 <img src="filetypes-images/filetype-addon-stylededit.png" alt="filetype-addon-stylededit.png" width="353" height="422">
@@ -61,8 +61,8 @@
 <li><i>Background App</i> - The app won't appear in Twitcher or the list of running apps of the Deskbar.</li>
 </ul>
 <p>Then there's the list of supported filetypes. You can add (and remove) filetypes if you think the application can handle them. As a consequence, the app will appear in the menu for preferred applications or Tracker's <i>Open with...</i> context menu when you right-click on a file of that type.</p>
-<p>At the bottom are version and copyright information. Like the application signature, they are filled in by the app's author and shouldn't be altered. </p>
-<br>
+<p>At the bottom are version and copyright information. Like the application signature, they are filled in by the app's author and shouldn't be altered.</p>
+
 
 </div>
 

welcome/index.html

@@ -28,7 +28,7 @@
 <a href="attributes.html">Attributes</a> and <a href="queries.html">Queries</a> are key features of Haiku. While attributes are useful on their own, to display additional information on a file, for a query on them, they need to be indexed. It puts them into a lookup table, which in turn makes queries lightning fast.<br>
 The index is part of the filesystem and is kept for every volume/partition separately.
 </p>
-<br>
+
 <h3>Indexing commands in Terminal</h3> 
 <p>There are several commands to manage the index: 
 <ul> 

welcome/queries.html

@@ -24,7 +24,7 @@
 <h2>Queries</h2>
 <p>A query is a file search based on file attributes and can be performed within Tracker or in Terminal. Queries are saved in "<tt>/boot/home/queries</tt>" and by default last seven days before being purged. Note, that these aren't static result lists of your search, but are the query formulas which trigger a new search whenever you open them.
 </p>
-<br>
+
 <h3>The Find window</h3>
 <p>You start a query by invoking the <i>Find...</i> menu either from the Deskbar menu or any Tracker window or the Desktop (which is actually a fullscreen Tracker window). The shortcut is <tt>ALT+F</tt>. You're presented with the Find window:
 <br>
@@ -45,13 +45,12 @@ types.<br />
 [8] Check if your query is supposed to <i>Include trash</i>.<br />
 [9] Optionally, enter a name for this query if you want to save it.<br />
 [10] You can drag&amp;drop the icon to save the query.
-</p><p><br />
 </p>
-<h3>Basic queries - "by Name"</h3>
-<p>If you simply want to find all files on your mounted disks that match a certain pattern, simply leave the search method at "<i>by Name</i>", enter the search term into the text box and press <tt>ENTER</tt>. 
 
-</p><p><br />
+<h3>Basic queries - "by Name"</h3>
+<p>If you simply want to find all files on your mounted disks that match a certain pattern, simply leave the search method at "<i>by Name</i>", enter the search term into the text box and press <tt>ENTER</tt>.
 </p>
+
 <h3>Advanced queries - "by Attribute"</h3>
 <p>You can create more advanced queries by searching within the attributes of specific file types. For that to work, these attributes have to be indexed (see <a href="index.html">Index</a>).
 <br>
@@ -65,8 +64,8 @@ types.<br />
 <br>
 <img src="queries-images/query-window-filled.png" alt="query-winsow-filled.png" width="441" height="262"<br>
 </p><p>This is your Find window when you're looking for all emails Clara Botter has sent to you in the last two months that had in the subject "vibraphone" or "skepticality".
-</p><p><br />
 </p>
+
 <h3>Even more advanced queries - "by Formula"</h3>
 <p>Typing in a formula query by hand is daunting and really quite unpractical. It still has its uses.
 </p><p>Take the above query by attribute of Clara's mails concerning vibraphones etc. If you have all the attributes and their search terms set, try switching to 
@@ -82,16 +81,13 @@ types.<br />
        ||(MAIL:subject==&quot;*[sS][kK][eE][pP][tT][iI][cC][aA][lL][iI][tT][yY]*&quot;))
        &amp;&amp;(BEOS:TYPE==&quot;text/x-email&quot;))</pre>
 
-<p>What's the use?
-</p>
+<p>What's the use?</p>
 <ul>
 <li>You could copy and paste the string into an email, forum or IRC for others to use or debug.</li>
 <li>You can use this method to construct a query in "<i>Attribute</i> mode and then switch to "<i>Formula</i> mode, to comfortably generate a search string to use for a query in Terminal or a script.</li>
 <li>You can fine tune your query by inserting paranthesis where needed, make parts case-sensitive or negate logical combinations by changing. e.g. "<tt>==</tt>" to "<tt>!=</tt>" for a NOT AND. All you need is a basic understanding of <a href="http://en.wikipedia.org/wiki/Regular_expression" class='external free' title="http://en.wikipedia.org/wiki/Regular expression" rel="nofollow">regular expressions</a> and maybe some scripting basics.</li>
-
 </ul>
-<p><br />
-</p>
+
 <h3>The result window</h3>
 <p>After you start a search, the Find window will be replaced by a result window. Here is an example that queried for "server":
 </p><p><img src="queries-images/result-window.png" alt="result-window.png" width="704" height="359">

welcome/tracker.html

@@ -27,17 +27,18 @@
 <p>The Tracker is the graphical interface to all your files. It let's you create new files and folders or find, launch or rename as well as copy or delete existing ones.
 </p><p>Being an application like any other (the Desktop with its icons is really just a fullscreen window in the background), Tracker appears with its windows in the Deskbar and can be quit and restarted. The easiest way to quit and restart a e.g. crashed or frozen Tracker is to call the TeamManager with <tt>CTRL+ALT+DEL</tt> to kill Tracker and then click the <i>Restart Desktop...</i> button. The same brings back a wayward Deskbar.
 </p>
-<br>
+
 <h3><a name="mounting-volumes">Mounting Volumes</a></h3>
 <p>In order to access a harddisk, CD, USB stick etc., you first have to mount the volume, that is, let the system know it's there. This is done with a right-click on the Desktop or an already mounted volume (like the boot disk) and choosing the volume from the <i>Mount</i> submenu.
 </p>
 <img src="tracker-images/mount-settings.png" alt="drill-down.png" width="581" height="290">
 <br>
-</p><p>There are also <i>Mount Settings</i> so you don't have to mount everything manually on every bootup.<br>
-The above setting will mount all disks on bootup that were mounted previously and will automatically mount any storage device you connect/insert.
+</p><p>There are also <i>Mount Settings</i> so you don't have to mount everything manually after every bootup.<br>
+The above settings will mount all disks on bootup that were mounted previously and will automatically mount any storage device you connect/insert.
 </p><p><b><font size="+1" color="#FF0000">Warning:</font><br>
 <font color="#FF0000">Before you disconnect e.g. a harddrive or USB stick, make sure you have successfully unmounted the volume. This garantees that all data transfer has finished. Otherwise you may lose data or corrupt the disk!</font></b>
-</p><br>
+</p>
+
 <h3><a name="navigating">Navigating</a></h3>
 <p>Moving through your folders is one of Trackers main purposes, just like the file managers on other platforms. Haiku's Tracker has some unique features that will help you doing that efficiently.
 </p><p>Instead of double-clicking your way down folder after folder, there's a better way to drill down:
@@ -64,7 +65,7 @@ This is also true for...</p>
 <li><tt>ALT+ESC</tt> - Enter menu bar (leave with <tt>ESC</tt>).</li>
 <li><tt>right MENU-KEY</tt> - Open Deskbar menu (leave with <tt>ESC</tt>).</li></ul>
 </p>
-<br>
+
 <h3><a name="appearance">Appearance</a></h3>
 <img src="tracker-images/window-menu.png" alt="window-menu.png" width="382" height="259">
 <br>
@@ -79,7 +80,7 @@ This is also true for...</p>
 </ul>
 </p><p>The rest of the functions are pretty self-explanatory, leaving the...
 </p>
-<br>
+
 <h4><a name="tracker-preferences">Tracker preferences</a></h4>
 <p><i>Window | Preferences...</i> opens a panel that offers a number of setting that, where not obvious, should become clear once tried out. Since all settings are applied live, you'll immediately see the changes.
 <br>So, in short, the not so obvious settings:
@@ -94,7 +95,7 @@ Before you switch Tracker to Single Window Navigation mode, because that may fee
 <li><b>Volume Icons</b> - Set the colour of an optional indicator of free space that's shown besides a disk's icon.</li>
 </ul>
 </p>
-<br>
+
 <h3>Working with files</h3>
 <p>When invoked on a selected file, the <i>File</i> menu offers about the same options as when you open a context menu by right-clicking the file. Exceptions are commands that don't specifically target a selected file, like <i>Find..</i> or <i>New...</i>.
 </p><p>As usual the usage of the commands is pretty clear, so we'll concentrate on the niftier parts.</p>

welcome/welcome.css

@@ -39,6 +39,14 @@ h2 a:hover, a:active {
 	text-decoration: none;
 	color: #0c3762;
 }
+h3 a:hover, a:active {
+	text-decoration: none;
+	color: #222;
+}
+h4 a:hover, a:active {
+	text-decoration: none;
+	color: #000;
+}
 
 /* basic text elements */