<!--
* welcome-tplt.html
*
* Template for welcome page HTML body.
*
* Originally named welcome.html. Changed to welcome-tplt.html at v3.0
*
* v0.1 of 20 Feb 2005 - Original version.
* v0.2 of 23 Feb 2005 - Expanded information about using program.
* v0.3 of 19 Apr 2005 - Moved these comments below xml and doctype tags.
* v0.4 of 25 Apr 2005 - Changed to use external.HelpTopic method rather than
* obsolete external.QuickStartHelp in option box.
* - Renamed from info-welcome.html to welcome.html,
* rephrased text and highlighted tab and menu names.
* v0.5 of 28 Jan 2006 - Removed xml processing instruction because it caused
* some display problems on some OSs (e.g. Win2K).
* v1.0 of 04 Jun 2006 - Reformatted update log comments.
* - Changed to Mozilla Public License.
* v1.1 of 22 Oct 2006 - Added link to online database.
* - Added reference to new detail-consts.js script and
* changed all literal hints and help keywrods to use
* variables from it.
* v1.2 of 26 Oct 2006 - Changed do-nothing links that referenced '#' to call
* javascript:void(0) instead.
* v1.3 of 25 Nov 2006 - Replaced width and height attributes of img tag with
* style attribute.
* - Removed border attributes from img tags.
* v1.4 of 26 Nov 2006 - Included new external.js JavaScript file.
* - Replaced direct calls to external object with calls to
* functions in external.js.
* - Changed title from info-welcome to welcome.
* v1.5 of 15 Dec 2006 - Removed all hilite class spans.
* - Changed help text link to use .help-link CSS class.
* v1.6 of 09 Feb 2007 - Added new disclaimer section.
* v1.7 of 18 Oct 2007 - Added "return false;" statement to end of each onclick
* event.
* v1.8 of 03 Nov 2007 - Updated link class names to designate link type and
* links to be included in popup menus.
* - Changed case of some link text.
* v1.9 of 04 Nov 2007 - Changed to display help via "help:" protocol rather
* than using JavaScript calls.
* v2.0 of 14 Sep 2008 - Heavily revised to dynamically updated via DHTML. The
* pages displays different content depending on whether
* main and user databases are in use. All combinations
* catered for. Replaces nodata-welcome.html when main
* database is empty.
* - Numerous id attributes added to enable dynamic showing
* and hiding of content.
* - Added class option-img to images related to menu
* links.
* - Added detail.js to document.
* v3.0 of 25 Jan 2009 - Renamed as welcome-tplt.html.
* - Changed from complete HTML document to provide inner
* HTML of and existing HTML document:
* - doctype and <html> tags removed
* - all <head> section, including scripts, removed.
* - <body> tags removed.
* - Added templates placeholders to specify which divs are
* to be displayed and which hidden.
* v3.1 of 07 Jun 2009 - Added donation section and button.
* - Significantly edited the welcome text.
* - Removed the <%NoDatabases%> placeholder and replaced
* <%MainDBOnly%> and <%UserDBOnly%> with <%NoUserDB%>
* and <%NoMainDB%> placeholders respectively.
* - Added Configure Compilers command to pop-up menu.
* v3.2 of 08 Jul 2009 - Fixed error in codesnip database link URL.
*
*
* ***** 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-2009 Peter
* Johnson. All Rights Reserved.
*
* ***** 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 access and display the Object Pascal routines, types and constants
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 your own repository. Use the <em>Database</em>
menu to do this.
<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</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 the <em>Information Tab</em> of the <em>Details</em> pane.
</p>
<p>
The <em>Detail</em> pane's <em>Compiler Check Tab</em> is used to test
compile a selected snippet in any supported Pascal compiler that is
installed on your computer. Use 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> dialog box to tell <em>CodeSnip</em> about
the available compilers.
</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 Paypal™ or major credit
cards. 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>