Haiku/userguide
1
0
Fork 0
mirror of https://review.haiku-os.org/userguide synced 2024-11-23 15:18:25 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

* Added DiskProbe

Browse Source 
* Changed cursor keys to their respective arrow symbol
* As mmadia reminded me: since we cannot use Mozilla's Trademarks I renamed
  everythig firefoxy to BeZillaBrowser.


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@29398 a95241bf-73f2-0310-859d-f6bbb57e9c96
This commit is contained in:
Joachim Seemer 2009-03-04 17:29:50 +00:00
parent 2116388303
commit c25318b91f
20 changed files with 46 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
userguide/en/applications.html
View File

@ -67,22 +67,23 @@ Otherwise, uninstalling is simply done by deleting the application's folder.</p>
<td valign="top">A tool to track system resources like CPU and memory usage.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/bepdf-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-bepdf.html">BePDF</a></td><td>&#160;</td>
<td valign="top">A <acronym title="Portable Document Format">PDF</acronym> viewer.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/bezillabrowser-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-bezillabrowser.html">BeZillaBrowser</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A web browser based on Mozilla's source code.
[<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/cdplayer-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-cdplayer.html">CDPlayer</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A player for audio CDs. [<i>still missing</i>]</span></td></tr>
<td valign="top">A player for audio CDs.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/codycam-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-codycam.html">CodyCam</a></td><td>&#160;</td>
<td valign="top">A tool to regularly upload images from a webcam to a server.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/deskcalc-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-deskcalc.html">DeskCalc</a></td><td>&#160;</td>
<td valign="top">A calculator.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/diskprobe-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-diskprobe.html">DiskProbe</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A HEX editor for files and volumes. [<i>still missing</i>]</span></td></tr>
<td valign="top">A HEX editor for files and devices.</td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/diskusage-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-diskusage.html">DiskUsage</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A tool to visualize a disk's memory usage. [<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/drivesetup-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-drivesetup.html">DriveSetup</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A harddisk partitioning tool. [<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/expander-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-expander.html">Expander</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">A tool to unpack common archives. [<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/firefox-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-firefox.html">Firefox</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">Mozilla's famous browser. [<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/icon-o-matic-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-icon-o-matic.html">Icon-O-Matic</a></td><td>&#160;</td>
<td valign="top"><span style="color:silver">An app to create Haiku's vector icons. [<i>still missing</i>]</span></td></tr>
<tr><td style="width:24px;"><img src="../images/apps-images/installer-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="applications/apps-installer.html">Installer</a></td><td>&#160;</td>

4
userguide/en/applications/apps-bepdf.html
View File

@ -30,7 +30,7 @@
&#160;&#160;&#160;
Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
Next: <a href="apps-cdplayer.html">CDPlayer</a>
Next: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
</p>
</div>
@ -54,7 +54,7 @@ width="64" height="64" />BePDF</h1>
&#160;&#160;&#160;
Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
Next: <a href="apps-cdplayer.html">CDPlayer</a>
Next: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
</p>
</div>
-->

17
userguide/en/applications/apps-firefox.html → userguide/en/applications/apps-bezillabrowser.html
View File

@ -15,34 +15,35 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="all" />
<title>Firefox</title>
<title>BeZillaBrowser</title>
<link rel="stylesheet" type="text/css" href="../../../Haiku-doc.css" />
</head>
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Firefox</div>
<div class="title">BeZillaBrowser</div>
</div>
<div class="topnav">
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-expander.html">Expander</a>
Previous: <a href="apps-bepdf.html">BePDF</a>
&#160;&#160;&#160;
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
Next: <a href="apps-cdplayer.html">CDPlayer</a>
</p>
</div>
<div class="content">
<h1><img src="../../images/apps-images/firefox-icon_64.png" alt="firefox-icon_64.png"
<h1><img src="../../images/apps-images/bezillabrowser-icon_64.png" alt="bezillabrowser-icon_64.png"
width="64" height="64" />Firefox</h1>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td>Deskbar:</td><td style="width:15px;"></td><td><span class="menu">Applications</span></td></tr>
<tr><td>Location:</td><td></td><td><span class="path">/boot/apps/Firefox/Firefox</span></td></tr>
<tr><td>Location:</td><td></td><td><span class="path">/boot/apps/BeZillaBrowser/BeZillaBrowser</span></td></tr>
<tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/Mozilla/Firefox/*</span></td></tr>
</table>
<p>BeZillaBrowser is based on Mozilla's source code and uses patches to improve speed, stability, and other UI aspects. Currently, all BeZilla builds use Mozilla's 1.8 CVS Branch.</p>
<p>Documentation is still missing. If you want to work on it, please announce it on the <a href="http://www.freelists.org/list/haiku-doc">Documentation mailing list</a> to avoid duplication.</p>
</div>
@ -51,9 +52,9 @@ width="64" height="64" />Firefox</h1>
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-expander.html">Expander</a>
Previous: <a href="apps-bepdf.html">BePDF</a>
&#160;&#160;&#160;
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
Next: <a href="apps-cdplayer.html">CDPlayer</a>
</p>
</div>
-->

4
userguide/en/applications/apps-cdplayer.html
View File

@ -28,7 +28,7 @@
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bepdf.html">BePDF</a>
Previous: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
&#160;&#160;&#160;
Next: <a href="apps-codycam.html">CodyCam</a>
</p>
@ -58,7 +58,7 @@ Activate the <span class="button">Repeat</span> button to the left of <span clas
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bepdf.html">BePDF</a>
Previous: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
&#160;&#160;&#160;
Next: <a href="apps-codycam.html">CodyCam</a>
</p>

2
userguide/en/applications/apps-deskcalc.html
View File

@ -61,7 +61,7 @@ Also, be aware that <tt>.</tt> and <tt>,</tt> are both considered floating point
</table></li>
<li><p>You can resize the calculator until it fits your needs and then put it as Replicant onto the Desktop via drag&drop of the symbol in the bottom right corner. Make sure <span class="menu">Show Replicants</span> is activated in the Deskbar.</p></li>
<li><p>The keypad can be colored with a drag&amp;drop from any color well, e.g. from <span class="app">Icon-O-Matic</span>.</p></li>
<li><p>You can move up and down in a history of past calculations with <span class="key">CURSOR</span>&#160;<span class="key">UP</span>/<span class="key">DOWN</span>.</p></li>
<li><p>You can move up and down in a history of past calculations with <span class="key">&uarr;</span><span class="key">&darr;</span>.</p></li>
<li><p>You can select DeskCalc's contents and drag&amp;drop it into any application. Or you drop it into a Tracker window or onto the Desktop and a text file with that clipping is created there.</p>
<p>Even better, the reverse is also possible:<br />
Create clippings as described at various stages of your calculation and go back to them by drag&amp;dropping them back into DeskCalc.<br />

19
userguide/en/applications/apps-diskprobe.html
View File

@ -5,7 +5,7 @@
<head>
<!--
*
* Copyright 2008, Haiku. All rights reserved.
* Copyright 2009, Haiku. All rights reserved.
* Distributed under the terms of the MIT License.
*
* Authors:
@ -43,10 +43,19 @@ width="64" height="64" />DiskProbe</h1>
<tr><td>Location:</td><td></td><td><span class="path">/boot/beos/apps/DiskProbe</span></td></tr>
<tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/DiskProbe_data</span></td></tr>
</table>
<p>Documentation is still missing. If you want to work on it, please announce it on the <a href="http://www.freelists.org/list/haiku-doc">Documentation mailing list</a> to avoid duplication.</p>
<p>DiskProbe is a HEX editor to view and alter data of a file or on a device on a byte-level. It's a very low-level tool and has therefore the potential to really mess things up if you're not careful!</p>
<div class="box-warning">Always work with the backup of a file and be extra careful when working directly on a device.</div>
<p>When starting DiskProbe you'll first be asked for the file or the device to work on. After that you are presented with this interface:</p>
</p><p><img id="diskprobe" src="../../images/apps-images/diskprobe.png" alt="diskprobe.png" width="559" height="232"/></p>
<p>The main view shows always one block of data, the size of which can be adjusted with <span class="menu">View | BlockSize</span>. To the left is the offset to the start of the block, in the middle the data as HEX values and to the right the same as ASCII symbols.<br />
You can move from block to block with the slider above or with <span class="key">ALT</span>&#160;<span class="key">&larr;</span> and <span class="key">ALT</span>&#160;<span class="key">&rarr;</span> and switch between the HEX and ASCII columns with <span class="key">TAB</span>.</p>
<p><span class="menu">Block | Selection</span> will not only show the selection with different endianess (and different radix), it will also interprete the selection as a block offset that you can jump to. It will be greyed out if the position is outside of the file/device.<br />
This is a handy feature mostly when looking at file systems, as they often contain pointers to other blocks.</p>
<p>If the file you're probing includes attributes, the <span class="menu">Attributes</span> menu can be used to open any of them in a new DiskProbe window. Here's the copyright attribute of the <span class="app">AboutSystem</span> application:
</p><p><img id="diskprobe-attribute" src="../../images/apps-images/diskprobe-about-attr.png" alt="diskprobe-about-attr.png" width="559" height="232" /></p>
<p>Depending on the kind of attribute, you'll get a different editor tab besides the always present <i>Raw Editor</i>. For example, there are editors for strings and MIME types or an icon viewer for the vectoricon attribute.</p>
</div>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html">Applications</a>
@ -56,6 +65,6 @@ width="64" height="64" />DiskProbe</h1>
Next: <a href="apps-diskusage.html">DriveUsage</a>
</p>
</div>
-->
</body>
</html>

4
userguide/en/applications/apps-expander.html
View File

@ -30,7 +30,7 @@
&#160;&#160;&#160;
Previous: <a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;&#160;
Next: <a href="apps-firefox.html">Firefox</a>
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
</p>
</div>
@ -53,7 +53,7 @@ width="64" height="64" />Expander</h1>
&#160;&#160;&#160;
Previous: <a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;&#160;
Next: <a href="apps-firefox.html">Firefox</a>
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
</p>
</div>
-->

4
userguide/en/applications/apps-icon-o-matic.html
View File

@ -28,7 +28,7 @@
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-firefox.html">Firefox</a>
Previous: <a href="apps-expander.html">Expander</a>
&#160;&#160;&#160;
Next: <a href="apps-installer.html">Installer</a>
</p>
@ -51,7 +51,7 @@ width="64" height="64" />Icon-O-Matic</h1>
<p>
<a href="../applications.html">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-firefox.html">Firefox</a>
Previous: <a href="apps-expander.html">Expander</a>
&#160;&#160;&#160;
Next: <a href="apps-installer.html">Installer</a>
</p>

4
userguide/en/gui.html
View File

@ -63,8 +63,8 @@ You can enter parent folders with the drop-down menu above the file listing.</p>
<table summary="shortcuts" border="0" cellspacing="0" cellpadding="2">
<tr><td><span class="key">ALT</span>&#160;<span class="key">N</span></td><td></td><td> Creates a new folder.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">E</span></td><td></td><td> Lets you rename the selected entry.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">CURSOR-UP</span></td><td style="width:24px;"></td><td> Opens the parent folder.</td></tr>
<tr><td class="onelinetop"><span class="key">ALT</span>&#160;<span class="key">CURSOR-DOWN</span> or <span class="key">ENTER</span></td><td></td><td> Opens the selected folder.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">&uarr;</span></td><td style="width:24px;"></td><td> Opens the parent folder.</td></tr>
<tr><td class="onelinetop"><span class="key">ALT</span>&#160;<span class="key">&darr;</span> or <span class="key">ENTER</span></td><td></td><td> Opens the selected folder.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">D</span></td><td></td><td> Takes you to your Desktop.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">H</span></td><td></td><td> Takes you to your Home folder.</td></tr>
</table>

10
userguide/en/keyboard-shortcuts.html
View File

@ -56,8 +56,8 @@
<h2><a id="tracker-navigation" name="tracker-navigation">Shortcuts for Tracker navigation</a></h2>
<p>Additionally to the general shortcuts, here are more for navigating with Tracker:</p>
<table summary="shortcuts" border="0" cellspacing="0" cellpadding="4">
<tr><td><span class="key">ALT</span>&#160;<span class="key">CURSOR UP</span></td><td style="width:15px;"></td><td>Opens the parent folder.</td></tr>
<tr><td class="onelinetop"><span class="key">ALT</span>&#160;<span class="key">CURSOR DOWN</span> or <span class="key">ENTER</span></td><td></td><td>Opens the selected folder.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">&uarr;</span></td><td style="width:15px;"></td><td>Opens the parent folder.</td></tr>
<tr><td class="onelinetop"><span class="key">ALT</span>&#160;<span class="key">&darr;</span> or <span class="key">ENTER</span></td><td></td><td>Opens the selected folder.</td></tr>
<tr><td><span class="key">WIN-KEY</span></td><td></td><td>Holding it while opening a folder will automatically close the parent folder. This also works when navigating with the mouse.</td></tr>
<tr><td><span class="key">right MENU-KEY</span></td><td></td><td>Opens the Deskbar menu (leave with <span class="key">ESC</span>)</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">Z</span></td><td></td><td>Undo last action. The undo history is only limited by the available memory. Note, that this only works for actions on the file itself, changed attributes and permission settings can't be undone. Also, once a file is removed from <i>Trash</i> it's gone for good.</td></tr>
@ -74,9 +74,9 @@ tab.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">G</span></td><td></td><td>Switch to the next Terminal window.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">+</span>, <span class="key">-</span></td><td></td><td>Increase/Decrease font size.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">ENTER</span></td><td></td><td>Enter/leave fullscreen mode.</td></tr>
<tr><td class="onelinetop"><span class="key">SHIFT</span>&#160;<span class="key">CURSOR UP/DOWN</span></td><td></td><td>Scrolls the Terminal
<tr><td class="onelinetop"><span class="key">SHIFT</span>&#160;<span class="key">&uarr;</span>/<span class="key">&darr;</span></td><td></td><td>Scrolls the Terminal
output up/down one line.</td></tr>
<tr><td><span class="key"> SHIFT</span>&#160;<span class="key">PAGE UP/DOWN </span></td><td></td><td> Scrolls the Terminal
<tr><td class="onelinetop"><span class="key"> SHIFT</span>&#160;<span class="key">PAGE UP/DOWN </span></td><td></td><td> Scrolls the Terminal
output up/down one page.</td></tr>
<tr><td><span class="key">TAB</span></td><td></td><td>Tab-completion. After entering a few
letters, press <span class="key">TAB</span> once to auto-complete a filename or path. If
@ -84,7 +84,7 @@ there are more than one match, it stops where the name starts to differ
and you have to provide some more letters to further distinguish them.
You can also press <span class="key">TAB</span> twice to have all matches
listed.</td></tr>
<tr><td><span class="key">CURSOR UP/DOWN</span></td><td></td><td>Moves up or down in a list of
<tr><td><span class="key">&uarr;</span>/<span class="key">&darr;</span></td><td></td><td>Moves up or down in a list of
all previously entered commands.</td></tr>
<tr><td><span class="key">CTRL</span>&#160;<span class="key">R</span></td><td></td><td>Bash history. All the commands you enter
are stored in the file <span class="path">~/.bash_history</span>. Press <span class="key">CTRL</span>&#160;<span class="key">R</span>

2
userguide/en/preferences.html
View File

@ -58,7 +58,7 @@
<tr><td style="width:24px;"><img src="../images/prefs-images/media-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="preferences/prefs-media.html">Media</a></td><td>&#160;</td>
<td valign="top">Audio and video settings like volume and in/output devices.</td></tr>
<tr><td style="width:24px;"><img src="../images/prefs-images/menu-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="preferences/prefs-menu.html">Menu</a></td><td>&#160;</td>
<td valign="top">Configure the behaviour of menus and the command key (<span class="key">CTRL</span>/<span class="key">/ALT</span>.</td></tr>
<td valign="top">Configure the behaviour of menus and the command key (<span class="key">CTRL</span>/<span class="key">/ALT</span>).</td></tr>
<tr><td style="width:24px;"><img src="../images/prefs-images/mouse-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="preferences/prefs-mouse.html">Mouse</a></td><td>&#160;</td>
<td valign="top">Configure your mouse.</td></tr>
<tr><td style="width:24px;"><img src="../images/prefs-images/network-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="preferences/prefs-network.html">Network</a></td><td>&#160;</td>

2
userguide/en/twitcher.html
View File

@ -38,7 +38,7 @@
<p>The Twitcher is a task switcher to jump between running applications and their windows.</p>
<img src="../images/twitcher-images/twitcher.png" alt="twitcher.png" width="284" height="96" />
<p>Just tap <span class="key">CTRL</span>&#160;<span class="key">TAB</span> quickly to switch between the current and the last application/window. Or press <span class="key">CTRL</span>&#160;<span class="key">TAB</span> and hold the <span class="key">CTRL</span> key to go through all running applications by repeatedly hitting <span class="key">TAB</span> or <span class="key">CURSOR LEFT/RIGHT</span>. 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 <span class="key">CURSOR UP/DOWN</span> keys.</p>
<p>Just tap <span class="key">CTRL</span>&#160;<span class="key">TAB</span> quickly to switch between the current and the last application/window. Or press <span class="key">CTRL</span>&#160;<span class="key">TAB</span> and hold the <span class="key">CTRL</span> key to go through all running applications by repeatedly hitting <span class="key">TAB</span> or <span class="key">&larr;</span>/<span class="key">&rarr;</span>. 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 <span class="key">&uarr;</span>/<span class="key">&darr;</span> keys.</p>
<p>It's also possible to invoke the Twitcher with <span class="key">CTRL</span>&#160;<span class="key">TAB</span> and then use the mouse to choose the application/window you'll jump to when releasing the <span class="key">CTRL</span> key.</p>
</div>

BIN
userguide/images/apps-images/bezillabrowser-icon_16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 806 B

BIN
userguide/images/apps-images/bezillabrowser-icon_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
userguide/images/apps-images/bezillabrowser-icon_64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
userguide/images/apps-images/diskprobe-about-attr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
userguide/images/apps-images/diskprobe.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
userguide/images/apps-images/firefox-icon_16.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 870 B

BIN
userguide/images/apps-images/firefox-icon_32.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
userguide/images/apps-images/firefox-icon_64.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.2 KiB