Added new elements to content renderer, Finished page's base for lscom

Update content.php, index.php, and 2 more files...

content/items/lscom-cli.json

@@ -19,11 +19,141 @@
   "parts": [
     {
       "type": "container",
-      "modifiers": [],
+      "padding": 20,
+      "modifiers": [
+        "no-top-padding",
+        "no-bottom-padding"
+      ],
       "content": {
-        "key": "lang.english"
+        "parts": [
+          {
+            "type": "h1",
+            "content": {
+              "en": "Introduction",
+              "fr": "Introduction"
+            }
+          },
+          {
+            "type": "paragraph",
+            "indent": 2,
+            "content": {
+              "en": "A simple cli tool that can list COM ports with their full name easily and cleanly."
+            }
+          },
+          {
+            "type": "paragraph",
+            "indent": 2,
+            "content": {
+              "en": "This tool is intended to replace the tedious task of having to use the <code class=\"code\">mode</code> command, and the <i>Device Manager</i> to find a newly plugged-in device that provides a COM port."
+            }
+          },
+          {
+            "type": "paragraph",
+            "indent": 2,
+            "content": {
+              "en": "The earliest version of Windows that can be used is Windows XP x64 or Windows Vista due to the fact that RegGetValueW is not available on older versions of Windows."
+            }
+          }
+        ]
       }
     },
+
+    {
+      "type": "container",
+      "padding": 20,
+      "modifiers": [
+        "no-top-padding",
+        "no-bottom-padding"
+      ],
+      "content": {
+        "parts": [
+          {
+            "type": "h1",
+            "content": {
+              "en": "Usage",
+              "fr": "Utilisation"
+            }
+          },
+          {
+            "type": "code",
+            "indent": 2,
+            "modifiers": [
+              "full-width",
+              "horizontal-scroll"
+            ],
+            "code": [
+              "lscom.exe [-a|--show-all] [-d|--show-device] [-D <str>|--divider <str>] [-f|--show-friendly]",
+              "          [-h|--help] [-n|--show-name-raw] [-P|--no-pretty] [-s|--sort] [-S|--sort-reverse]",
+              "          [-t|--tab-padding] [-v|--version] [-V|--version-only]",
+              "",
+              "Launch arguments:",
+              " -a, --show-all             Display the complete port's name (Equal to '-dfn')",
+              " -d, --show-device          Displays the port's device name",
+              " -D <str>, --divider <str>  Uses the given string or char as a separator (Can be empty string !)",
+              " -f, --show-friendly        Displays the port's friendly name",
+              " -h, --help                 Display this help text",
+              " -n, --show-name-raw        Displays the port's raw name (See remarks section)",
+              " -P, --no-pretty            Disables the pretty printing format (Equal to -D \" \")",
+              " -s, --sort                 Sorts the port based on their raw names in an ascending order",
+              " -S, --sort-reverse         Sorts the port based on their raw names in a descending order",
+              " -t, --tab-padding          Use tabs for padding between the types of names (Overrides '-D')",
+              " -v, --version              Shows the utility's version number and other info",
+              " -V, --version-only         Shows the utility's version number only (Overrides '-v')"
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "type": "container",
+      "padding": 20,
+      "modifiers": [
+        "no-top-padding",
+        "no-bottom-padding"
+      ],
+      "content": {
+        "parts": [
+          {
+            "type": "h1",
+            "content": {
+              "en": "Output formatting",
+              "fr": "Formatage de sortie"
+            }
+          },
+          {
+            "type": "code",
+            "indent": 2,
+            "modifiers": [
+              "full-width",
+              "horizontal-scroll"
+            ],
+            "code": [
+              " *┬> No launch arguments:",
+              "  └──> ${Raw name}      => COM1",
+              " *┬> '-d' or '-f'",
+              "  ├──> ${Device name}   => \\Device\\Serial1",
+              "  └──> ${Friendly name} => Communications Port",
+              " *┬> '-d' and '-f'",
+              "  └──> ${Friendly name} [${Device name}]        => Communications Port [\\Device\\Serial1]",
+              " *┬> '-n' and '-d'",
+              "  └──> ${Raw name} [$DeviceName]        => COM1 [\\Device\\Serial1]",
+              " *┬> '-n' and '-f'",
+              "  └──> ${Raw name} - ${Friendly name}   => COM1 - Communications Port",
+              " *┬> '-ndf' or '-a'",
+              "  └──> ${Raw name} - ${Friendly name} [${Device name}]  => COM1 - Communications Port [\\Device\\Serial1]",
+              " *┬> '-ndfp' or '-ap'",
+              "  └──> ${Raw name} ${Friendly name} ${Device name}      => COM1 Communications Port \\Device\\Serial1",
+              " *┬> '-ndfD \";\"' or '-aD \";\"'",
+              "  └──> ${Raw name};${Friendly name};${Device name}      => COM1;Communications Port;\\Device\\Serial1"
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "type": "spacer",
+      "size": 2
+    },
     {
       "type": "collapse",
       "title": {