<!--
* welcome-tplt.html
*
* Template for welcome page displayed in any detail pane.
*
* Must be hosted within a complete HTML document.
*
* $Rev$
* $Date$
*
* ***** BEGIN LICENSE BLOCK *****
*
* Version: MPL 1.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with the
* License. You may obtain a copy of the License at http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
* the specific language governing rights and limitations under the License.
*
* The Original Code is welcome-tplt.html
*
* The Initial Developer of the Original Code is Peter Johnson
* (http://www.delphidabbler.com/).
*
* Portions created by the Initial Developer are Copyright (C) 2005-2012 Peter
* Johnson. All Rights Reserved.
*
* Contributors:
* NONE
*
* ***** END LICENSE BLOCK *****
-->
<h1>
Welcome to <em>CodeSnip</em> by DelphiDabbler
</h1>
<div class="details">
<!-- introductory text -->
<p>
<em>CodeSnip</em> maintains a repository of your source code snippets. It
can also download and display the Object Pascal snippets stored in the
online
<a
href="http://www.delphidabbler.com/codesnip"
class="external-link"
onmouseover="showHint(vOnlineDatabaseHint);"
onmouseout="clearHint();"
>DelphiDabbler CodeSnip Database</a>.
</p>
<div id="main-db-only" style="<%NoUserDB%>">
<p>
You have not yet created any of your own snippets. Use the <em>Snippets |
New Snippet</em> menu option to get started.
<a
href="help:TaskAddSnippets"
class="help-link"
onmouseover="showHint(vTaskAddSnippetsHint);"
onmouseout="clearHint();"
>More info</a>.
</p>
</div>
<div id="user-db-only" style="<%NoMainDB%>">
<p>
You do not have a copy of the online database.
<a
href="javascript:void(0);"
class="command-link"
onclick="updateDbase();return false;"
onmouseover="showHint(vDownloadDatabaseHint);"
onmouseout="clearHint();"
>Download it now</a>.
</p>
</div>
<!-- overview text -->
<div id="intro" style="<%Intro%>">
<h2>
Overview
</h2>
<p>
Code snippets are listed in the <em>Overview</em> pane on the left hand
side of the window. You can display the snippets either by category,
alphabetically or by type of snippet by using the pane's tabs. Colours
differentiate snippets from the online database and the local repository.
</p>
<p>
Selecting a snippet's name in the <em>Overview</em> pane causes the a
description of the snippet, its source code and other information to be
displayed in a tab in the <em>Information Tab</em> of the <em>Details</em>
pane. The information displayed can be customised using the <em>Snippet
Layout</em> tab of the <em>Preferences</em> dialogue box.
</p>
<p>
You can have more than one tab open in the <em>Details</em> pane. Open a
new tab using the <em>View | New Tab</em> menu option or use the
<span class="smallcaps">Ctrl+T</span> shortcut. Use the <em>View | Close
Tab</em> menu option or press <span class="smallcaps">Ctrl+F4</span> to
close a tab. You can also display a snippet directly in a new tab by
<span class="smallcaps">Ctrl</span> clicking it in the <em>Overview</em>
pane.
</p>
<p>
Pascal snippets can be test compiled using any Delphi or Free Pascal
compiler available on your computer. Before you can do this you need to
tell <em>CodeSnip</em> where to find the compilers by using the
<!-- span has hidden image for pop-up menu -->
<span
class="option"
><img
src="configcomp.gif"
class="option-img"
style="width:16px;height:16px;display:none;"
/><a
href="javascript:void(0);"
class="command-link menu-item"
onclick="configCompilers();return false;"
onmouseover="showHint(vConfigCompilersHint);"
onmouseout="clearHint();"
>Configure Compilers</a></span> dialogue box .
</p>
</div>
<!-- end of overview text -->
<!-- donate text and button -->
<div id="donate">
<h2>
Donate
</h2>
<div style="text-align:right;float:right;margin:4px 0 4px 8px;">
<a
href="javascript:void(0);"
class="command-link"
onclick="donate();return false;"
onmouseover="showHint(vDonateHint);"
onmouseout="clearHint();"
><img
src="donate-btn.gif"
style="width:92px;height:26px;"
title="Make a donation"
/></a>
</div>
<p>
If you find <em>CodeSnip</em> useful, please consider making a donation
towards development costs. You can donate by
<strong>PayPal™</strong>. To donate please click the button on the
right.
</p>
</div>
<!-- end of donate text and button -->
<!-- disclaimer -->
<div id="disclaimer" style="<%Disclaimer%>">
<h2 style="font-weight:bold;">
Disclaimer
</h2>
<p>
The source code contained in or generated from the <em>DelphiDabbler
CodeSnip Database</em> is made available on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. The code is used
entirely at your own risk.
</p>
</div>
<!-- end of disclaimer -->
<!-- options box -->
<div class="optionbox">
<!-- link to update database -->
<div class="option" id="update-db" style="<%UpdateDB%>">
<a
href="javascript:void(0);"
class="command-link"
onclick="updateDbase();return false;"
onmouseover="showHint(vUpdateDatabaseHint);"
onmouseout="clearHint();"
><img
src="download.gif"
class="option-img"
style="width:16px;height:16px;"
title="Update the database"
/></a>
<a
href="javascript:void(0);"
class="command-link menu-item"
onclick="updateDbase();return false;"
onmouseover="showHint(vUpdateDatabaseHint);"
onmouseout="clearHint();"
>Update Database</a>
</div>
<!-- end of link -->
<!-- link to download database -->
<div class="option" id="download-db" style="<%DownloadDB%>">
<a
href="javascript:void(0);"
class="command-link"
onclick="updateDbase();return false;"
onmouseover="showHint(vDownloadDatabaseHint);"
onmouseout="clearHint();"
><img
src="download.gif"
class="option-img"
style="width:16px;height:16px;"
title="Update the database"
/></a>
<a
href="javascript:void(0);"
class="command-link menu-item"
onclick="updateDbase();return false;"
onmouseover="showHint(vUpdateDatabaseHint);"
onmouseout="clearHint();"
>Download Database</a>
</div>
<!-- end of link -->
<!-- link to display quick start help -->
<div class="option">
<a
href="help:QuickStart"
class="help-link"
onmouseover="showHint(vQuickStartHint);"
onmouseout="clearHint();"
><img
src="help.gif"
class="option-img"
style="width:16px;height:16px;"
title="View QuickStart help"
/></a>
<a
href="help:QuickStart"
class="help-link menu-item"
onmouseover="showHint(vQuickStartHint);"
onmouseout="clearHint();"
>View QuickStart Help</a>
</div>
<!-- end of link -->
</div>
<!-- end of options box -->
</div>
