Skip to content

Commit

Permalink
Updated user_help.html
Browse files Browse the repository at this point in the history
Help sections ordered by relavency.
A section on networking, relating to proxies was added
A link to the About page was put in this help HTML,
  in case the about page is not the home page, etc.
Color scheme updated.
  • Loading branch information
w00fpack committed Nov 10, 2021
1 parent af60c04 commit d43f35d
Showing 1 changed file with 128 additions and 64 deletions.
192 changes: 128 additions & 64 deletions doc/user_help.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,65 @@

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title> Dillo Web Browser ::

Help for New Users

</title>
<title> Dillo Web Browser Help</title>
<style>
h1 {
color: #2C2C76;
margin-left: 10em;
}
</style>
</head>

<body text="#0f0f0f" link="#2020e0" vlink="#403090" bgcolor="#607cf8">

<table width="100%" bgcolor="#8080f0" cellspacing="4" cellpadding="5"
border="0o">
<tr><td><big><font color="#302080">Welcome to Dillo 3</font></big>
</table>
<p>
<body text="#0f0f0f" link="#2020e0" vlink="#403090" bgcolor="#A0AFF2">

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img src="db1.png" alt="The Dillo Web Browser" /></td>
<td width="100%"><img src="db2.png" height="124" width="100%" /></td>
</tr>
</table>
<h1>Welcome to Dillo</h1>

<table>
<tr>
<td>
<ul>
<li><a href='#basics'>Basics</a></li>
<li><a href='#usage'>Usage</a></li>
<li><a href='#tabs'>Tabs</a></li>
<li><a href='#bookmarks'>Bookmarks</a></li>
<li><a href='#keyboard'>Keyboard Hotkeys</a></li>
<li><a href='#navigation'>Navigation History</a></li>
<li><a href='#downloads'>Downloads</a></li>
<li><a href='#find'>Find</a></li>
<li><a href='#search'>Search</a></li>
<li><a href='#copy'>Copy/Paste</a></li>
<li><a href='#images'>Images</a></li>
<li><a href='#cookies'>Cookies</a></li>
<li><a href='#networking'>Networking</a></li>
<li><a href='#block'>Ad Block</a></li>
<li><a href='#bugs'>Bugs</a></li>
</ul>
</td>
<td>
<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Basics:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='ivervuew'><font color="black">Overview:</font></h4>
</td></tr>

<tr><td WIDTH="100%" bgcolor="#FAFAFA">
<p>
Dillo is a multi-platform graphical web browser known for its speed and small footprint
</p>
<br />
Here are Dillo's <a href='about:splash'>About Page</a> and <a href='https://www.dillo.org'>Online website</a>
</td>
</tr>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='basics'><font color="black">Basics:</font></h4>
</td></tr>

<tr><td WIDTH="100%" bgcolor="#70a0c0">
<tr><td WIDTH="100%" bgcolor="#FAFAFA">
<ul>
<li>You can tell a link from plain content by the hand-shaped cursor.

Expand Down Expand Up @@ -56,11 +94,11 @@ <h4><font color="green">Basics:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Usage:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='usage'><font color="black">Usage:</font></h4>
</td></tr>

<tr><td BGCOLOR="#70a0c0">
<tr><td BGCOLOR="#FAFAFA">
<ul>
<li> You can scroll around your Dillo main window using
{PgUp|PgDn|Home|End} or using the mouse middle button
Expand Down Expand Up @@ -98,11 +136,11 @@ <h4><font color="green">Usage:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Downloads:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='downloads'><font color="black">Downloads:</font></h4>
</td></tr>

<tr><td BGCOLOR="#70a0c0">
<tr><td BGCOLOR="#FAFAFA">
<p>
Downloads are made using
<b><font color="#5040a0">
Expand All @@ -115,11 +153,11 @@ <h4><font color="green">Downloads:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Find text:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='find'><font color="black">Find text:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
This one is very useful; it can be found in the right-mouse-button menu.
Find text is tuned for speed, so don't hesitate to use it even for minimal
Expand All @@ -144,11 +182,11 @@ <h4><font color="green">Find text:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Copy&amp;Paste:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='copy'><font color="black">Copy&amp;Paste:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Just hold down the left mouse button and move to select the
area to copy. To paste, go to the target application and
Expand All @@ -165,11 +203,11 @@ <h4><font color="green">Copy&amp;Paste:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Navigation history:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='navigation'><font color="black">Navigation history:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Currently, navigation history supports the navigation-stack model; just
right-click on the Back or Forward buttons and they will pop up!
Expand All @@ -184,11 +222,11 @@ <h4><font color="green">Navigation history:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Cookies:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='cookies'><font color="black">Cookies:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Due to privacy concerns, cookies are disabled by default.
That is, if you just compile and use dillo, it will reject
Expand All @@ -201,11 +239,33 @@ <h4><font color="green">Cookies:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Ad blocking:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='networking'><font color="black">Networking:</font></h4>
</td></tr>
<tr><td bgcolor="#FAFAFA">
<h4>Proxies</h4>
<p>
Dillo can use HTTP proxies to route and secure your browser traffic. This is accomplished
by modifiying either the http_proxy environment variable or dillorc variable. An example dillorc entry would
look like the following:
</p>
<code>http_proxy="https://localhost:9085/"</code>
<h5>Tor Proxy Tunneling</h5>
<p>
If you would like to use a Tor server, modify your torrc file to include something similar to the following:
</p>
<code>HTTPTunnelPort 9085</code>
<p><b>Note that all Tor traffic needs HTTPS URls, not HTTP</b></p>
<p>
</td></tr>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='block'><font color="black">Ad blocking:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
With a
<code>~/.dillo/<a href="http://www.dillo.org/domainrc">domainrc</a></code>
Expand All @@ -216,11 +276,11 @@ <h4><font color="green">Ad blocking:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Tabs:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='tabs'><font color="black">Tabs:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Dillo has tabbed browsing. Just middle click to open a link or submit a
form in a new tab. It will be automatically focused. If you want to
Expand All @@ -239,10 +299,10 @@ <h4><font color="green">Tabs:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Images-off mode:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='images'><font color="black">Images-off mode:</font></h4>
</td></tr>
<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
You can browse without images now:
<ul>
Expand All @@ -256,11 +316,11 @@ <h4><font color="green">Images-off mode:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Bookmarks:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='bookmarks'><font color="black">Bookmarks:</font></h4>
</td></tr>

<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Bookmarks are handled by the Dillo plugin
(<a href='http://www.dillo.org/dpi1.html'>dpi</a>) framework.
Expand All @@ -280,10 +340,10 @@ <h4><font color="green">Bookmarks:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Bug Meter:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='bug'><font color="black">Bug Meter:</font></h4>
</td></tr>
<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Dillo's <em><a href='http://www.dillo.org/help/bug_meter.html'>Bug
meter</a></em> shows the
Expand All @@ -303,13 +363,13 @@ <h4><font color="green">Bug Meter:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Web search from the Location bar:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='search'><font color="black">Web search from the Location bar:</font></h4>
</td></tr>
<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<p>
Besides the GUI, you can also use the location bar as a CLI for quick
web search. You can specify a prefix in <b><font color="#5040a0">dillorc</font></b>
Besides search features on a webpage you are visitingyou can also use the location bar to
quickly search specific websites. You can specify a prefix in <b><font color="#5040a0">dillorc</font></b>
for each search engine and use it from the location bar.
<p>
Example, in dillorc:<br>
Expand All @@ -325,26 +385,29 @@ <h4><font color="green">Web search from the Location bar:</font></h4>
</table>

<table WIDTH="100%" BORDER=1 CELLSPACING=0 CELLPADDING=3>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="wheat">
<h4><font color="green">Keyboard shortcuts:</font></h4>
<tr ALIGN=LEFT VALIGN=TOP><td bgcolor="lightgrey">
<h4 id='keyboard'><font color="black">Keyboard shortcuts:</font></h4>
</td></tr>
<tr><td bgcolor="#70a0c0">
<tr><td bgcolor="#FAFAFA">
<table border=1 width="100%">
<tr><th>Shortcut <th>Mnemonic <th>Function
<tr><td>Ctrl-L <td>Location <td>enter a new URL
<tr><td>Ctrl-F <td>Find <td>find text
<tr><td>Ctrl-S <td>Search <td>search the web
<tr><td>S <td>Search <td>search the web
<tr><td>Ctrl-R <td>Reload <td>reload current page
<tr><td>Ctrl-N <td>New <td>New browser window
<tr><td>Ctrl-T <td>Tab <td>New tab
<tr><td>Ctrl-W <td>Window <td>quit tab/window
<tr><td>Ctrl-Q <td>Quit <td>Quit dillo
<tr><td>Alt-F <td>File <td>file menu
<tr><td>Ctrl-O <td>Open <td>Open file
<tr><td>Ctrl-S <td>Save <td>Save the webpage's HTML
<tr><td>Ctrl-U <td>(conventional) <td>view source
<tr><td>Ctrl-B <td>Bookmarks <td>view bookmarks
<tr><td>Ctrl-Q <td>Quit <td>Quit dillo
<tr><td>B <td>Bookmarks <td>view bookmarks
<tr><td>H <td>Homepage <td>go to Home page
<tr><td>Ctrl-H <td>Hide Toolbar <td>togle the toolbar visibility
<tr><td>Back or "<b>,</b>" <td>< <td>previous page
<tr><td>Shift-Back or "<b>.</b>" <td>> <td>next page
<tr><td>Alt-F <td>File <td>file menu
<tr><td>Ctrl-TabKey or
Ctrl-PageDown <td>TabKey <td>Next tab
<tr><td>Ctrl-Shift-TabKey or
Expand All @@ -354,12 +417,13 @@ <h4><font color="green">Keyboard shortcuts:</font></h4>
Hide/show control panels
</table>
<p>
You can <b><font color="#5040a0">change</font></b> the bindings using a
<code>~/.dillo/<a href="http://www.dillo.org/keysrc">keysrc</a></code>
file.
You can <b><font color="#5040a0">change</font></b> these bindings by updating the
<code>~/.dillo/<a href="http://www.dillo.org/keysrc">keysrc</a></code> text file.
</td></tr>
</table>

</td>
</tr>
</table>

</body>
</html>
Expand Down

0 comments on commit d43f35d

Please sign in to comment.