mirror of
https://review.haiku-os.org/userguide
synced 2024-11-23 15:18:25 +01:00
* More conversion to using CSS. The complicated table for layouting is gone,
the logo area is very simple now, as well as the navigation area. Tweaked the looks to remind a little of the Haiku website look. * Incorporated patch by Humdinger (better "Open With..." menu screen shot, added "Open With Preferred" screen shot and text.) * Some minor fixes here and there. git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@27929 a95241bf-73f2-0310-859d-f6bbb57e9c96
This commit is contained in:
Stephan Aßmus
parent
10212eb275
commit
484f3c206d
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>File Attributes</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">File Attributes</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">File Attributes</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="filetypes.html">Filetypes</a>
|
||||
|
||||
Next: <a href="index.html">Index</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="index.html">Index</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>File Attributes</h2>
|
||||
<p>Attributes are data fields that belong to a file but aren't part of that file, e.g. they are not computed into the file size and can be copied or changed without touching the file itself. The system uses these attributes to store e.g. file size, file type or date of the last modification. This is similar to other operating systems and their filesystems.
|
||||
</p><p>What's different is that you can add any kind of attribute to any file and display it or make it editable in a Tracker window. You just have to define the kind of attribute you want to add to a file type (e.g. string, integer or time) and give it a name and description.
|
||||
@ -163,24 +130,18 @@ More information on these commands and their options can be found by typing the
|
||||
command name followed by "<tt>-h</tt>" or "<tt>--help</tt>".
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="filetypes.html">Filetypes</a>
|
||||
|
||||
Next: <a href="index.html">Index</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@ -2,57 +2,23 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Bugreporting</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<title>Reporting bugs</title>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Welcome to Haiku!</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Reporting bugs</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
|
||||
</small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
<div class="content">
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<br><br>
|
||||
<h2>Reporting bugs</h2>
|
||||
<p>Since our developers are unable to test every hardware combination, nor every different way of interacting with the operating system, we are relying on you to give us some input on how things work at your end. Since this is a very early product, it is very likely that you will encounter bugs. We thank you for taking the time to report these.<br><br>
|
||||
Please follow these guidelines to create helpful bug reports:</p>
|
||||
@ -63,28 +29,21 @@ Please follow these guidelines to create helpful bug reports:</p>
|
||||
<li>Include basic information such as how you are testing Haiku (on real hardware, on VMWare, on QEMU, etc.).<br><br></li>
|
||||
<li>Mention which revision from SVN you are running. You can find this information in '<i>About This System...</i>' from the Deskbar menu.<br><br></li>
|
||||
<li>Describe the problem you are experiencing. Try to be as accurate as you can: describe the actual behavior, and the behavior you expected.<br><br></li>
|
||||
<li>Describe what steps to you need to perform in order to expose the bug. This will help developers reproduce the bug.<br><br></li>
|
||||
<li>Describe what steps you need to perform in order to expose the bug. This will help developers reproduce the bug.<br><br></li>
|
||||
<li>Attach as much information as you have. If it is a GUI bug, or a bug in one of the applications, try to make a screen shot (the <tt>PRINT</tt> key files a PNG into <tt>/boot/home/</tt>).<br>If it is a hardware problem, include a copy of the <tt>syslog</tt> file (just query for "<tt>syslog</tt>" to find it).</li>
|
||||
</ul></li><br>
|
||||
<li>After the bug has been reported, a developer will look at your bug and try to classify it. Remember, we are all volunteers, and as such, sometimes a bug report might go unanswered for a while. Adding new information when it becomes available usually helps getting a bug picked up quicker, but do not try to 'bump' the bug up by adding non-descriptive comments.<br><br></li>
|
||||
<li>Remember, reporting a bug is not something you spend a little time on and then you are done. If you reported a bug, then you are part of the Haiku development process. Developers might come up with questions while they are trying to fix your bug. Please stay around to answer these. Consider your participation 'done' when the bug is marked as 'fixed'. Together we can improve Haiku, bit by bit.
|
||||
</li></ol>
|
||||
<br>
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<!--
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
</div>
|
||||
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
-->
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>The Deskbar</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">The Deskbar</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">The Deskbar</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="tracker.html">The Tracker</a>
|
||||
|
||||
Next: <a href="filetypes.html">Filetypes</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="filetypes.html">Filetypes</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>The Deskbar</h2>
|
||||
<p>The Deskbar is the little panel that by default is located in the upper right corner of the screen. It's Haiku's version of Windows' taskbar with its Start button. It contains the Deskbar menu from where you can start applications and preferences, a tray with a clock and other tools below that and a list of currently running programs at the bottom.
|
||||
</p>
|
||||
@ -78,7 +45,7 @@
|
||||
<li><i>Always on Top</i> -- The Deskbar always stays above all other windows.</li>
|
||||
<li><i>Auto Raise</i> -- The Deskbar pops to the front if the mouse pointer touches it.</li>
|
||||
<li><i>Sort Running Applications</i> -- Sorts the list of running programs alphabetically.</li>
|
||||
<li><i>Tracker always First</i> -- Even if you sort alphabetically, the Tracker entry always stays first in the list.</i></li>
|
||||
<li><i>Tracker always First</i> -- Even if you sort alphabetically, the Tracker entry always stays first in the list.</li>
|
||||
<li><i>24 Hour Clock</i> -- Toggles between 24 and 12 hour clock.</li>
|
||||
<li><i>Show Seconds</i> -- Adds the display of seconds to the clock.</li>
|
||||
<li><i>European Date</i> -- Shows the date in European format: day-month-year</li>
|
||||
@ -114,24 +81,17 @@ Here you can also launch a calendar that also appears, when you hold down the le
|
||||
</p><p>In front of every application's windows is a symbol providing info on its state. A bright symbol means a window is visible, a dark one that it's minimized. Three lines in front of a symbol shows that it's not on the current workspace.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="tracker.html">The Tracker</a>
|
||||
|
||||
Next: <a href="filetypes.html">Filetypes</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Filetypes</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Filetypes</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Filetypes</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="deskbar.html">The Deskbar</a>
|
||||
|
||||
Next: <a href="attributes.html">File Attributes</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="attributes.html">File Attributes</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<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 MIME types just like it's custom on the internet.</p>
|
||||
<br>
|
||||
@ -97,22 +64,17 @@
|
||||
<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>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="deskbar.html">The Deskbar</a>
|
||||
|
||||
Next: <a href="attributes.html">File Attributes</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,57 +3,24 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Haiku's GUI</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Haiku's GUI</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Haiku's GUI</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Next: <a href="workspaces.html">Workspaces</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="workspaces.html">Workspaces</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>Haiku's GUI</h2>
|
||||
<p>Haiku's graphical user interface is an integral part of the system. Unlike unix-based operating systems, there's no separate window manager and booting just into a command line shell is not possible. Haiku's focus being on the desktop user, this is just not considered necessary.
|
||||
</p><p>As you probably have experience with other graphical environments, let's skip over the standards like menus, right-click context menus, drag&drop etc. Let's have a look at the few unique aspects of Haiku's GUI instead.</p>
|
||||
@ -76,22 +43,15 @@ There are only a few things in Haiku's GUI that aren't obvious and deserve an ex
|
||||
</p><p>That's pretty much all there is to Haiku's GUI widgets in general. You'll find more information in <a href="welcome.html#system">Getting to know the system</a>.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Next: <a href="workspaces.html">Workspaces</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>The Index</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">The Index</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">The Index</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="attributes.html">File Attributes</a>
|
||||
|
||||
Next: <a href="queries.html">Queries</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="queries.html">Queries</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>The Index</h2>
|
||||
<p>
|
||||
<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>
|
||||
@ -142,22 +109,17 @@ INDEX_NAME is the name of a file attribute.
|
||||
If no volume is specified, the volume of the current directory is assumed.</pre>
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="attributes.html">File Attributes</a>
|
||||
|
||||
Next: <a href="queries.html">Queries</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,57 +3,24 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Queries</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Queries</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Queries</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="index.html">The Index</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Previous: <a href="index.html">The Index</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<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>
|
||||
@ -141,22 +108,15 @@ realtime.
|
||||
Open the new folder and paste in the layout with <i>Attributes | Paste Attributes</i>.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="index.html">The Index</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
welcome/tracker-images/open-with-preferred.png
Normal file
BIN
welcome/tracker-images/open-with-preferred.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 16 KiB |
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>The Tracker</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">The Tracker</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">The Tracker</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="twitcher.html">The Twitcher</a>
|
||||
|
||||
Next: <a href="deskbar.html">The Deskbar</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="deskbar.html">The Deskbar</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2><a name="tracker">The Tracker</a></h2>
|
||||
<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.
|
||||
@ -138,28 +105,24 @@ Before you switch Tracker to Single Window Navigation mode, because that may fee
|
||||
<p>Choosing <i>Edit Templates...</i> opens the folder <tt>/boot/home/config/settings/Tracker/Tracker New Templates</tt>. Creating a file in that folder will offer its filetype with the file's name and other attributes as template in the <i>New...</i> menu. Here, there's a file "Text" with the filetype <tt>text/plain</tt>. See topic <a href="filetypes.html">Filetypes</a> for more info.</p></li>
|
||||
<li><b>Open With...</b> - A submenu offers all applications that can handle this filetype.
|
||||
<br><br>
|
||||
<img src="tracker-images/open-with.png" alt="open-with.png" width="295" height="215">
|
||||
<p>The preferred application that would open the file when double-clicked, is checkmarked. In this submenu are only those applications listed that deal with the exact filetype, in this case it's a text file, the type <tt>text/plain</tt>. If you don't click on an app in the submenu, but on <i>Open With...</i> a panel opens:
|
||||
<img src="tracker-images/open-with.png" alt="open-with.png" width="303" height="215">
|
||||
<p>The preferred application that would open the file when double-clicked, is checkmarked. This submenu list first those applications that can handle the exact filetype, in this case it's a text file, the type <tt>text/plain</tt>. Next come all applications that can handle that supertype in general, here <tt>text/*</tt>. Last in the list are those that can deal with any file. If you don't click on an app in the submenu, but on the <i>Open With...</i> entry instead, a panel opens:
|
||||
<br><br>
|
||||
<img src="tracker-images/open-with-preferred.png" alt="open-with-preferred" width="627" height="219">
|
||||
<img src="tracker-images/open-with-preferred.png" alt="open-with-preferred" width="539" height="262">
|
||||
<p>Here you'll again find the programs that were listed in the submenu. By selecting one and clicking the <i>Open and Make Preferred</i> button, you changed the preferred application for every file of that filetype, here <tt>text/plain</tt>.
|
||||
</p>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="twitcher.html">The Twitcher</a>
|
||||
|
||||
Next: <a href="deskbar.html">The Deskbar</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,74 +3,37 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>The Twitcher</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">The Twitcher</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">The Twitcher</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="workspaces.html">Workspaces</a>
|
||||
|
||||
Next: <a href="tracker.html">The Tracker</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="tracker.html">The Tracker</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>The Twitcher</h2>
|
||||
<p>The Twitcher is a task switcher to jump between running applications and their windows.</p>
|
||||
<p>
|
||||
<img src="twitcher-images/twitcher.png" alt="twitcher.png" width="284" height="96">
|
||||
</p>
|
||||
<p>Just tap <tt>CTRL+TAB</tt> quickly to switch between the current and the last application/window. Or press <tt>CTRL+TAB</tt> and hold the <tt>CTRL</tt> key to go through all running applications by repeatedly hitting <tt>TAB</tt> or <tt>CURSOR LEFT/RIGHT</tt>. If you need to get to a specific window of a program, move to its icon as described and then go through its open windows with the <tt>CURSOR UP/DOWN</tt> keys.
|
||||
</p><p>It's also possible to invoke the Twitcher with <tt>CTRL+TAB</tt> and then use the mouse to choose the application/window you'll jump to when releasing the <tt>CTRL</tt> key.
|
||||
</p>
|
||||
<p>It's also possible to invoke the Twitcher with <tt>CTRL+TAB</tt> and then use the mouse to choose the application/window you'll jump to when releasing the <tt>CTRL</tt> key.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
welcome/welcome-images/logo.png
Normal file
BIN
welcome/welcome-images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 169 B |
Binary file not shown.
|
Before Width: | Height: | Size: 728 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
@ -1,42 +1,155 @@
|
||||
/*
|
||||
* Copyright 2008, Haiku.
|
||||
* Copyright 2008, Haiku. All rights reserved.
|
||||
* Distributed under the terms of the MIT License.
|
||||
*
|
||||
* Authors:
|
||||
* François Revol <revol@free.fr>
|
||||
* Stephan Aßmus <superstippi@gmx.de>
|
||||
*/
|
||||
|
||||
body {
|
||||
/* remove default borders around content */
|
||||
margin: 0em;
|
||||
/* for NetSurf */
|
||||
html {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
body {
|
||||
color: #333333;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
/* body colors */
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* link colors */
|
||||
a:link { color: #dc3c01; }
|
||||
/*a:active { color: #dc3c01; }*/
|
||||
a:visited { color: #892601; }
|
||||
/* link colors and text decoration */
|
||||
|
||||
/* top banner elements (with the logo): td in a tr of class top-banner */
|
||||
tr.top-banner td {
|
||||
a:link {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: #dc3c01;
|
||||
}
|
||||
a:visited {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: #892601;
|
||||
}
|
||||
a:hover, a:active {
|
||||
text-decoration: underline;
|
||||
color: #ff4500;
|
||||
}
|
||||
|
||||
/* Some headers act as anchors, don't give them a hover effect */
|
||||
h2 a:hover, a:active {
|
||||
text-decoration: none;
|
||||
color: #0c3762;
|
||||
}
|
||||
|
||||
/* basic text elements */
|
||||
|
||||
div.content {
|
||||
margin-top: 50px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
color: #0c3762;
|
||||
border-bottom: dotted thin #e0e0e0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.2em;
|
||||
font-weight: normal;
|
||||
color: #0c3762;
|
||||
border-bottom: dotted thin #e0e0e0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Add a space before the next header */
|
||||
* + h2 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
* + h3 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/*
|
||||
#logo {
|
||||
background-image: url(bottom.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
z-index: 1;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
div.logo {
|
||||
position:relative;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
/* nav banner elements: td in a tr of class nav-banner */
|
||||
tr.nav-banner td {
|
||||
div.logo img {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
div.title {
|
||||
position: absolute;
|
||||
bottom: 11px;
|
||||
right: 0px;
|
||||
text-align: right;
|
||||
margin-right: 40px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
div.topnav {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
|
||||
/* same for bottom nav banner */
|
||||
tr.bnav-banner td {
|
||||
background: #e0e0e0;
|
||||
div.topnav p {
|
||||
margin-left: 40px;
|
||||
margin-top: 0px;
|
||||
margin-right: 40px;
|
||||
margin-bottom: 0px;
|
||||
text-align: right;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/* the tr containing the content text */
|
||||
/* tr.content { } */
|
||||
div.bottomnav {
|
||||
/*
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
*/
|
||||
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
div.bottomnav p {
|
||||
margin-left: 40px;
|
||||
margin-top: 0px;
|
||||
margin-right: 40px;
|
||||
margin-bottom: 0px;
|
||||
text-align: right;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
|
||||
@ -2,71 +2,45 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<link rel="stylesheet" href="welcome.css" type="text/css" />
|
||||
<title>Welcome to Haiku!</title>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr class="top-banner">
|
||||
<td width="5%" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" align="right" valign="bottom">
|
||||
<font size="4">Welcome to Haiku!</font>
|
||||
</td>
|
||||
<td width="5%" ></td>
|
||||
</tr>
|
||||
<tr class="top-banner">
|
||||
<td width="5%" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%"></td>
|
||||
</tr>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Welcome to Haiku!</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
Next: <a href="gui.html">Haiku's GUI</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr class="nav-banner">
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" align="right" colspan="2">
|
||||
<small>Next: <a href="gui.html">Haiku's GUI</a></small>
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
<div class="content">
|
||||
|
||||
<tr "content">
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<br>
|
||||
<h2><a name="welcome">Welcome to Haiku!</a></h2>
|
||||
<p>
|
||||
Thank you very much for checking out Haiku! This is our first public release. We hope to attract new developers to our project and give future users a chance to check out Haiku. We realize that this <i>alpha release</i> does not yet fully live up to the goals that we have set for ourselves and doesn't offer all the features and well-rounded end-user experience planned for the final R1 version. However, we are hoping that this release will let you discover the great potential in Haiku and share with us in the excitement.
|
||||
<br><br><br>
|
||||
</p>
|
||||
|
||||
<h2><a name="bugreport">Beware of Bugs</a></h2>
|
||||
<p>
|
||||
We were working very hard to fix all possibly show stopping bugs, however, being an alpha release, there are bound to be plenty left undiscovered. We discourage using alpha versions as a production system. <i>Your data could very well be altered, mangled or downright destroyed.</i>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
One of the main reasons for releasing an alpha version is to attract more people to test the system and discover bugs or provide suggestions for future enhancements. Please file bugs and enhancements in our bug tracker after using its search function to avoid duplicates.
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="http://dev.haiku-os.org/wiki">Haiku Bug Tracker</a></li>
|
||||
<li><a href="bugreports.html">Tips for a helpful bug report</a></li>
|
||||
</ul>
|
||||
|
||||
<br><br>
|
||||
|
||||
<h2><a name="system">Getting to know the system</a></h2>
|
||||
The first release(s) of Haiku will be very much like the BeOS R5, the OS it is reimplementing.<br>
|
||||
If you never experienced it, here are a few short introductions to some of its features:
|
||||
<p>
|
||||
The first release(s) of Haiku will be very much like the BeOS R5, the OS it is reimplementing. If you never experienced it, here are a few short introductions to some of its features:
|
||||
<ul>
|
||||
<li>Filesystem layout</li>
|
||||
<li><a href="gui.html">Haiku's GUI</a></li>
|
||||
@ -79,11 +53,13 @@ If you never experienced it, here are a few short introductions to some of its f
|
||||
<li><a href="index.html">Index</a></li>
|
||||
<li><a href="queries.html">Queries</a></li>
|
||||
</ul>
|
||||
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
<h2><a name="software">Installing more software</a></h2>
|
||||
Because of our binary and source compatibility to BeOS, many BeOS applications run on Haiku. After downloading a package, simply unzip it (double clicking should open <i>Expander</i>) to a folder in <tt>/boot/apps/</tt> and start the application from there.<br>
|
||||
<p>
|
||||
Because of our binary and source compatibility to BeOS, many BeOS applications run on Haiku. After downloading a package, simply unzip it (double clicking should open <i>Expander</i>) to a folder in <tt>/boot/apps/</tt> and start the application from there.
|
||||
</p>
|
||||
<p>
|
||||
Popular software repositories are:
|
||||
<ul>
|
||||
<li><a href="http://www.haikuware.com">Haikuware</a></li>
|
||||
@ -91,11 +67,13 @@ Popular software repositories are:
|
||||
<li><a href="http://ports.haiku-files.org/">HaikuPorts</a> maintains patches for ported software</li>
|
||||
<li><a href="http://www.osdrawer.net/">OsDrawer</a> hosts development tools for native software</li>
|
||||
</ul>
|
||||
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
<h2><a name="api">Getting to know the API</a></h2>
|
||||
Since Haiku is a reimplementation, the API is still the same as for BeOS R5 (with some additions). Therefore the documentation in the BeBook is still a valid resource. Thanks to ACCESS, who own the rights to former Be Inc. property, we are allowed to provide a copy of the BeBook.<br>
|
||||
<p>
|
||||
Since Haiku is a reimplementation, the API is still the same as for BeOS R5 (with some additions). Therefore the documentation in the BeBook is still a valid resource. Thanks to ACCESS, who own the rights to former Be Inc. property, we are allowed to provide a copy of the BeBook.
|
||||
</p>
|
||||
<p>
|
||||
There are additional resources that should help you getting started:
|
||||
<ul>
|
||||
<li><a href="http://www.haiku-os.org/development/faq">Development FAQ (online)</a>
|
||||
@ -107,10 +85,10 @@ There are additional resources that should help you getting started:
|
||||
<li><a href="http://www.haiku-os.org/legacy-docs/benewsletter/">BeNewsletter Archive (online) </a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
<h2><a name="contact">Getting in contact</a></h2>
|
||||
<p>
|
||||
Get in contact with other developers and users and join the discussions in our forums or mailing lists.
|
||||
<ul>
|
||||
<li><a href="http://www.haiku-os.org/forum">Haiku Forums</a></li>
|
||||
@ -118,20 +96,15 @@ Get in contact with other developers and users and join the discussions in our f
|
||||
<li><a href="http://www.freelists.org/list/haiku-development">Development mailing list</a></li>
|
||||
<li><a href="http://www.haiku-os.org/community/ml">Overview</a> of more specific mailing lists</li>
|
||||
</ul>
|
||||
<br>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr class="bnav-banner">
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
Next: <a href="gui.html">Haiku's GUI</a>
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,61 +3,30 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Workshop: Filetypes & Attributes</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Welcome to Haiku!</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Filetypes, Attributes and Queries</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="filetypes.html">Filetypes</a>
|
||||
|
||||
Next: <a href="attributes.html">File Attributes</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="attributes.html">File Attributes</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<br>
|
||||
<div class="content">
|
||||
|
||||
<h2>Filetypes, Attributes and Queries</h2>
|
||||
<p>This is a workshop to show the use of <a href="attributes.html">Attributes</a>, <a href="queries.html">Queries</a>, the <a href="index.html">Index</a> and custom <a href="filetypes.html">Filetypes</a>. As an example, we build a database to keep track of our DVD library.
|
||||
</p>
|
||||
<br>
|
||||
|
||||
<h2><a name="preparations">Preparations</a></h2>
|
||||
<p>Let's first decide what filetype and attributes would serve our needs. Originally, I wanted to use a Bookmark file with a link to the movie's IMdB page, but Haiku doesn't have a "bookmarkable" browser like BeOS' <i>NetPositiv</i> at the moment, so I came up with this: The file itself will be a JPEG image for the movie cover.<br>
|
||||
To that we add a couple of attributes. Here we have to decide if we want to query it later (then we have to add it to the index) and if so, what type of attribute it should be. Numbers (int, float) can be evaluated differently than text (</>/= vs. is/contains/starts with).
|
||||
@ -180,22 +149,18 @@ Open the folder containing your DVDdb files and arrange the attributes how you'd
|
||||
<img src="workshop-filetypes+attributes-images/query-dvddb.png" alt="query-dvddb.png" width="757" height="462">
|
||||
</p>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="filetypes.html">Filetypes</a>
|
||||
|
||||
Next: <a href="attributes.html">File Attributes</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@ -3,59 +3,26 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Workspaces</title>
|
||||
<style type="text/css">
|
||||
body { padding: 0px }
|
||||
a:visited { color: #892601; }
|
||||
a:link { color: #dc3c01; }
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
</head>
|
||||
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
|
||||
vlink="#892601" marginwidth="0" marginheight="0">
|
||||
<body lang="en-US">
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<img src="welcome-images/logo_lt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" bgcolor="#efefef" valign="bottom">
|
||||
<img src="welcome-images/logo_rt.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
|
||||
<font size="4">Workspaces</font>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef" valign="top" align="right">
|
||||
<img src="welcome-images/logo_lb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
|
||||
<img src="welcome-images/logo_rb.png" alt="logo"
|
||||
border="0">
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
|
||||
<small><a href="welcome.html">Welcome</a>
|
||||
<div class="logo">
|
||||
<img src="welcome-images/logo.png" alt="logo">
|
||||
<div class="title">Workspaces</div>
|
||||
</div>
|
||||
<div class="topnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="gui.html">Haiku's GUI</a>
|
||||
|
||||
Next: <a href="twitcher.html">The Twitcher</a></small>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#e0e0e0"> </td>
|
||||
</tr>
|
||||
Next: <a href="twitcher.html">The Twitcher</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%"> </td>
|
||||
<td width="90%" valign="top" colspan="2">
|
||||
<div class="content">
|
||||
|
||||
<br>
|
||||
<h2>Workspaces</h2>
|
||||
<p>Workspaces are virtual desktops, complete with their own resolution, colour depth and background. Up to 32 of these workspaces can be set from the <i>Screen</i> preferences.
|
||||
</p>
|
||||
@ -71,24 +38,18 @@
|
||||
<h3>Moving windows between workspaces</h3>
|
||||
<p>To move a window, you grab it in the Workspaces applet and simply drag it to another workspace. This has the advantage, that you can move it without leaving your current desktop. Of course, that only works well when there aren't too many windows on a workspace and your target isn't obscured by other windows. Another possibility is to grab a window by its tab and just holding on to it while switching workspaces with <tt>ALT+Fx</tt>.
|
||||
</p>
|
||||
<br>
|
||||
|
||||
</td>
|
||||
<td width="5%"> </td>
|
||||
</tr>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
|
||||
<div class="bottomnav">
|
||||
<p>
|
||||
<a href="welcome.html">Welcome</a>
|
||||
|
||||
Previous: <a href="gui.html">Haiku's GUI</a>
|
||||
|
||||
Next: <a href="twitcher.html">The Twitcher</a>
|
||||
</td>
|
||||
<td width="5%" bgcolor="#efefef"> </td>
|
||||
</tr>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user