Added proof of concept for template, index page and command line tool…

…s page.

.devcontainer/devcontainer.json

@@ -1,5 +1,13 @@
 {
   "image": "mcr.microsoft.com/devcontainers/jekyll:2-bullseye",
-  "postCreateCommand": "jekyll serve --config .jekyll/_config.yml --port 4957",
-  "forwardPorts": [ 4957 ]
+  "postCreateCommand": "jekyll serve --config _config.yml,.jekyll/_config.yml --port 4957",
+  "forwardPorts": [ 4957 ],
+  "customizations": {
+    "vscode": {
+      "extensions": [ "editorconfig.editorconfig" ],
+      "settings": {
+        "extensions.ignoreRecommendations": true
+      }
+    }
+  }
 }

.editorconfig

@@ -1,7 +1,6 @@
 root = true
 
-[*.{css,js,php}]
-
+[*.{html,json,md,yml}]
 indent_size = 2
 indent_style = space
 tab_width = 2

.old/Magick++/NEWS.html

@@ -20,7 +20,7 @@
 </table><table align="left" border=0 cellpadding=2 cellspacing=2 summary="Navigation buttons" width="20%">
  <tr>
   <td>
-   <form target="_self" action="../index.html"><input type="submit" title="ImageMagick Home" value=" Home " style="background-image:url('../images/background.gif'); color:#fbc713; font-weight:bold"></form>
+   <form target="_self" action="/"><input type="submit" title="ImageMagick Home" value=" Home " style="background-image:url('../images/background.gif'); color:#fbc713; font-weight:bold"></form>
   </td><td>
    <form target="_self" action="../www/apis.html"><input type="submit" title="ImageMagick API" value=" API " style="background-image:url('../images/background.gif'); color:#fbc713; font-weight:bold"></form>
   </td><td>
@@ -31,7 +31,7 @@
 <div align="right" style="margin-top:3px; padding-right:4px">
   <form action="http://studio.imagemagick.org/Sage/scripts/Sage.cgi">
 	<input type="TEXT" name="query" size=32 maxlength=255>
-	<input type="SUBMIT" name="sa" value="Search" style="background-image:url('../images/background.gif'); bgcolor:#003399; color:#fbc713; font-weight:bold"> 
+	<input type="SUBMIT" name="sa" value="Search" style="background-image:url('../images/background.gif'); bgcolor:#003399; color:#fbc713; font-weight:bold">
  </form><br/>
 </div>
 <table align="left" border=0 cellpadding=10 cellspacing=0 style="margin-top:-17px" width="100%"><tr><td>

.old/Magick++/index.html

@@ -13,7 +13,7 @@ <h1>ImageMagick Magick++ API</h1>
 <P>Magick++ is the object-oriented C++ API to the <A HREF="http://www.imagemagick.org/">ImageMagick</A>
 image-processing library, the most comprehensive open-source image
 processing package available. Read the latest <A HREF="http://www.imagemagick.org">NEWS</A>
-and <A HREF="http://magick.imagemagick.org/script/changelog.php">ChangeLog</A> for Magick++. 
+and <A HREF="http://magick.imagemagick.org/script/changelog.php">ChangeLog</A> for Magick++.
 </P>
 <P><IMG SRC="logo.png" NAME="Graphic2" ALIGN=RIGHT WIDTH=85 HEIGHT=88 BORDER=0>Magick++
 supports an object model which is inspired by <A HREF="http://www.imagemagick.org/script/perl-magick.php">PerlMagick</A>.
@@ -23,7 +23,7 @@ <h1>ImageMagick Magick++ API</h1>
 is managed automagically by Magick++. De-referenced copies are
 automagically deleted. The image objects support value (rather than
 pointer) semantics so it is trivial to support multiple generations
-of an image in memory at one time. 
+of an image in memory at one time.
 </P>
 <P>Magick++ provides integrated support for the <A HREF="http://www.sgi.com/tech/stl/">Standard
 Template Library</A> (STL) so that the powerful containers available
@@ -33,52 +33,52 @@ <h1>ImageMagick Magick++ API</h1>
 be used to write programs similar to those possible with PERL &amp;
 PerlMagick. STL-compatible template versions of ImageMagick's
 list-style operations are provided so that operations may be
-performed on multiple images stored in STL containers. 
+performed on multiple images stored in STL containers.
 </P>
 <H3>Documentation</H3>
 <P>Detailed <A HREF="Documentation.html">documentation</A> is
 provided for all Magick++ classes, class methods, and template
 functions which comprise the API.  See a <a href="http://www.imagemagick.org/Magick++/tutorial/Magick++_tutorial.pdf" target="<?php echo rand()?>">  Gentle Introduction to Magick++</a> for an introductory tutorial to Magick++.  We include the <a href="http://www.imagemagick.org/Magick++/tutorial/Magick++_tutorial.odt" target="<?php echo rand()?>">source</a> if you want to correct, enhance, or expand the tutorial.</p>
 </P>
 <H3>Obtaining Magick++</H3>
-<P>Magick++ is included as part of <A HREF="../../index.html">ImageMagick</A>
+<P>Magick++ is included as part of <A HREF="/">ImageMagick</A>
 source releases and may be retrieved via <A HREF="https://imagemagick.org/script/download.php">ftp</A>
 or <A HREF="https://github.com/ImageMagick">Github</A>.
 </P>
 <H3>Installation</H3>
 <P>Once you have the Magick++ sources available, follow these detailed
 <A HREF="Install.html">installation instructions</A> for UNIX and
-Windows. 
+Windows.
 </P>
-<P><B><FONT SIZE=4>Usage</FONT></B> 
+<P><B><FONT SIZE=4>Usage</FONT></B>
 </P>
 <P>A helper script named <I>Magick++-config</I> is installed
 under Unix which assists with recalling compilation options required
 to compile and link programs which use Magick++. For example, the
 following command will compile and link the source file <I>example.cpp</I>
 to produce the executable <I>example</I> (notice that quotes are
-backward quotes): 
+backward quotes):
 </P>
 <BLOCKQUOTE><TT><FONT SIZE=2>c++ -O2 -o example example.cpp
 `Magick++-config --cppflags --cxxflags --ldflags --libs`</FONT></TT></BLOCKQUOTE>
 <P>Windows users may get started by manually editing a project file
-for one of the Magick++ demo programs. 
+for one of the Magick++ demo programs.
 </P>
 <P><B>Be sure to initialize the ImageMagick library prior to using the
 Magick++ library</B>. This initialization is performed by passing the
 path to the ImageMagick DLLs (assumed to be in the same directory
 as your program) to the InitializeMagick() function call. This is
 commonly performed by providing the path to your program (argv[0]) as
-shown in the following example: 
+shown in the following example:
 </P>
 <BLOCKQUOTE><TT><FONT COLOR="#663366">int main( ssize_t /*argc*/, char **
-argv)</FONT></TT> <BR><TT><FONT COLOR="#663366">{</FONT></TT> <BR><TT><FONT COLOR="#663366"> 
+argv)</FONT></TT> <BR><TT><FONT COLOR="#663366">{</FONT></TT> <BR><TT><FONT COLOR="#663366">
 InitializeMagick(*argv);</FONT></TT></BLOCKQUOTE>
 </P>
 <H3>Reporting Bugs</H3>
 <P>Please report any bugs via the
 <A HREF="http://www.imagemagick.org/discourse-server/viewforum.php?f=3">Magick++ bug tracking forum</A>.
-Questions regarding usage should be directed to 
+Questions regarding usage should be directed to
 <A HREF="http://www.imagemagick.org/discourse-server/viewforum.php?f=1">Magick++ discussion forum</A>.
 </P>
 <H3>Related Packages</H3>

.old/include/command-line-options.php

@@ -335,7 +335,7 @@
   </ul>
 </div>
 <p>&nbsp;</p>
-<p class="lead">Below is list of command-line options recognized by the ImageMagick <a href="<?php echo $_SESSION['RelativePath']?>/../script/command-line-tools.php">command-line tools</a>. If you want a description of a particular option, click on the option name in the navigation bar above and you will go right to it. Unless otherwise noted, each option is recognized by the commands: <?php cmd("convert"); ?> and <?php cmd("mogrify"); ?>.</p>
+<p class="lead">Below is list of command-line options recognized by the ImageMagick <a href="{{ site.baseurl }}/command-line-tools">command-line tools</a>. If you want a description of a particular option, click on the option name in the navigation bar above and you will go right to it. Unless otherwise noted, each option is recognized by the commands: <?php cmd("convert"); ?> and <?php cmd("mogrify"); ?>.</p>
 
 <div style="margin: auto;">
   <h2><a class="anchor" id="adaptive-blur"></a>-adaptive-blur <var>radius</var>[x<var>sigma</var>]</h2>

.old/include/command-line-processing.php

@@ -1,7 +1,7 @@
 <div>
 <p class="text-center"><a href="#anatomy">The Anatomy of the Command-line</a> • <a href="#input">Input Filename</a> • <a href="#option">Command-line Options</a> • <a href="#output">Output Filename</a></p>
 
-<p class="lead">The ImageMagick command-line <a href="<?php echo $_SESSION['RelativePath']?>/../script/command-line-tools.php">tools</a> can be as simple as this:</p>
+<p class="lead">The ImageMagick command-line <a href="{{ site.baseurl }}/command-line-tools">tools</a> can be as simple as this:</p>
 
 <pre class="p-3 mb-2 text-body-secondary bg-body-tertiary cli"><samp>magick image.jpg image.png </samp></pre>