website: updates

website/docs/about/_common/_intro-secondary.mdx

@@ -4,7 +4,7 @@
 {/* ------------------------------------------------------------------------ */}
 
 This project currently functions as a supplementary tool for building
-the primary xPack Development Tools. Since these tools are exclusively
+the main xPack Development Tools. Since these tools are exclusively
 built on macOS and GNU/Linux, to reduce maintenance efforts, for now
 there are no Windows binaries. However, the project is versatile and can be
 used in any builds; if necessary, Windows binaries can be added in future

website/docs/about/index.mdx

@@ -42,6 +42,7 @@ a senior computer engineer, with expertise in **C++/C embedded systems**,
 **RTOSes**, **build tools**, operating systems, compilers
 and Internet technologies.
 
-He can be reached at [`<ilg@livius.net>`](mailto:ilg@livius.net) (this email
-address is given for courtesy, for all correspondence related to this
-project please use the project [support](/docs/support/) page).
+He can be reached at [`<ilg@livius.net>`](mailto:ilg@livius.net).
+Please note, this email address is provided as a courtesy.
+For all correspondence related to the **xPack LLVM clang**
+project, kindly use the project [support](/docs/support/) page).

website/docs/getting-started/index.mdx

@@ -24,8 +24,9 @@ import ReleaseSchedule from './_release-schedule.mdx'
 ## Overview
 
 **xPack LLVM clang** is a standalone
-cross-platform (Windows, macOS, GNU/Linux)binary distribution of LLVM clang,
-intended for reproducible builds.
+cross-platform (Windows, macOS, GNU/Linux) binary
+distribution of LLVM clang,
+aimed at reproducible builds.
 
 <Overview/>
 

website/src/components/HomepageFeatures/styles.module.css

@@ -14,3 +14,7 @@
   height: 100px;
   width: 100px;
 }
+
+svg.featureSvg path {
+  stroke: var(--docusaurus-svg-color);
+}

website/src/components/HomepageTools/index.tsx

@@ -0,0 +1,199 @@
+/*
+ * DO NOT EDIT!
+ * Automatically generated from xbb-helper/templates/docusaurus/common.
+ *
+ * This file is part of the xPack project (http://xpack.github.io).
+ * Copyright (c) 2024 Liviu Ionescu. All rights reserved.
+ *
+ * Permission to use, copy, modify, and/or distribute this software
+ * for any purpose is hereby granted, under the terms of the MIT license.
+ *
+ * If a copy of the license was not distributed with this file, it can
+ * be obtained from https://opensource.org/licenses/MIT/.
+ */
+
+import clsx from 'clsx';
+import Heading from '@theme/Heading';
+import styles from './styles.module.css';
+
+import Link from '@docusaurus/Link';
+
+const PrimaryTools = [
+  {
+    appName: 'GNU AArch64 Embedded GCC',
+    appLcName: 'aarch64-none-elf-gcc'
+  },
+  {
+    appName: 'GNU Arm Embedded GCC',
+    appLcName: 'arm-none-eabi-gcc'
+  },
+  {
+    appName: 'LLVM clang',
+    appLcName: 'clang'
+  },
+  {
+    appName: 'CMake',
+    appLcName: 'cmake'
+  },
+  {
+    appName: 'GCC',
+    appLcName: 'gcc'
+  },
+  {
+    appName: 'Meson Build',
+    appLcName: 'meson-build'
+  },
+  {
+    appName: 'MinGW-w64 GCC',
+    appLcName: 'mingw-w64-gcc'
+  },
+  {
+    appName: 'Ninja Build',
+    appLcName: 'ninja-build'
+  },
+  {
+    appName: 'OpenOCD',
+    appLcName: 'openocd'
+  },
+  {
+    appName: 'QEMU Arm',
+    appLcName: 'qemu-arm'
+  },
+  {
+    appName: 'QEMU RISC-V',
+    appLcName: 'qemu-riscv'
+  },
+  {
+    appName: 'GNU RISC-V Embedded GCC',
+    appLcName: 'riscv-none-elf-gcc'
+  },
+  {
+    appName: 'Windows Build Tools',
+    appLcName: 'windows-build-tools'
+  },
+]
+
+
+const SecondaryTools = [
+  {
+    appName: 'GNU bison',
+    appLcName: 'bison'
+  },
+  {
+    appName: 'flex',
+    appLcName: 'flex'
+  },
+  {
+    appName: 'GNU m4',
+    appLcName: 'm4'
+  },
+  {
+    appName: 'NixOS PatchELF',
+    appLcName: 'patchelf'
+  },
+  {
+    appName: 'pkg-config',
+    appLcName: 'pkg-config'
+  },
+  {
+    appName: 'GNU realpath',
+    appLcName: 'realpath'
+  },
+  {
+    appName: 'GNU sed',
+    appLcName: 'sed'
+  },
+  {
+    appName: 'WineHQ',
+    appLcName: 'wine'
+  },
+]
+
+const WorkInProgressTools = [
+  {
+    appName: 'GNU Bash',
+    appLcName: 'bash'
+  },
+  {
+    appName: 'GNU texinfo',
+    appLcName: 'texinfo'
+  },
+]
+
+function Tool({ appName, appLcName }) {
+  return (
+    <>
+      <div className="padding-vert--sm">
+        <div>
+          <b><Link to={'https://xpack-dev-tools.github.io/' + appLcName + '-xpack'}>{appLcName}</Link></b> - <b>xPack {appName}</b>
+        </div>
+        <div className="padding-top--xs">
+          <Link to={'https://github.com/xpack-dev-tools/' + appLcName + '-xpack/releases/'}><img src={'https://img.shields.io/github/v/release/xpack-dev-tools/' + appLcName + '-xpack'} /></Link>
+          &nbsp;<Link to={'https://github.com/xpack-dev-tools/' + appLcName + '-xpack/releases/'}><img alt="GitHub Release Date" src={'https://img.shields.io/github/release-date/xpack-dev-tools/' + appLcName + '-xpack?label=date&color=YellowGreen'} /></Link>
+          &nbsp;<Link to={'https://github.com/xpack-dev-tools/' + appLcName + '-xpack/releases/'}><img alt="GitHub Downloads (all assets, all releases)" src={'https://img.shields.io/github/downloads/xpack-dev-tools/' + appLcName + '-xpack/total.svg'} /></Link>
+        </div>
+      </div>
+    </>
+  )
+}
+
+function ToolWork({ appName, appLcName }) {
+  return (
+    <>
+      <div>
+        <b><Link to={'https://xpack-dev-tools.github.io/' + appLcName + '-xpack'}>{appLcName}</Link></b> - <b>xPack {appName}</b>
+      </div>
+    </>
+  )
+}
+
+function ToolsLeft() {
+  return (
+    <div className={clsx('col col--6')}>
+      <div className="text--center padding-horiz--md padding-vert--lg">
+        <Heading as="h2">Main Tools</Heading>
+        {PrimaryTools.map((props, idx) => (
+          <Tool {...props} />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function ToolsRight() {
+  return (
+    <div className={clsx('col col--6')}>
+      <div className="text--center padding-horiz--md padding-vert--lg">
+        <Heading as="h2">Supplementary Tools</Heading>
+        {SecondaryTools.map((props, idx) => (
+          <Tool {...props} />
+        ))}
+      </div>
+      <hr className="hero__hr2" />
+      <div className="text--center padding-horiz--md padding-vert--md">
+        <Heading as="h2">Work in Progress</Heading>
+        {WorkInProgressTools.map((props, idx) => (
+          <ToolWork {...props} />
+        ))}
+      </div>
+      <hr className="hero__hr2" />
+      <div className="text--center padding-horiz--md padding-vert--md">
+        <Heading as="h2">Internal</Heading>
+        <b><Link to={'https://github.com/xpack-dev-tools/xbb-helper-xpack'}>xbb-helper</Link></b> - <b>xPack Build Helper</b>
+      </div>
+    </div>
+  );
+}
+
+export default function HomepageTools(): JSX.Element {
+  return (
+    <section className={styles.features}>
+      <div className="container">
+        <div className="row padding-bottom--lg">
+          <ToolsLeft key={0} />
+          <ToolsRight key={1} />
+        </div>
+      </div>
+    </section>
+  );
+}

website/src/components/HomepageTools/styles.module.css

@@ -0,0 +1,16 @@
+/*
+ * DO NOT EDIT!
+ * Automatically generated from xbb-helper/templates/docusaurus/common.
+ */
+
+.features {
+  display: flex;
+  align-items: center;
+  padding: 0rem 0 0rem 0;
+  width: 100%;
+}
+
+.featureSvg {
+  height: 100px;
+  width: 100px;
+}

website/src/css/custom.css

@@ -18,6 +18,7 @@
   --ifm-color-primary-lightest: #97c0fe;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --docusaurus-svg-color: #323232;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -30,13 +31,25 @@
   --ifm-color-primary-lighter: #69a4fe;
   --ifm-color-primary-lightest: #97c0fe;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --docusaurus-svg-color: #CDCDCD;
 }
 
 /* For the home page xpm install field */
 p.hero__code code  {
   color: var(--ifm-font-color-base)
 }
 
+
+
+hr.hero__hr {
+  /* background-color: var(--ifm-color-primary); */
+  height: 3px;
+}
+
+hr.hero__hr2 {
+  height: 2px;
+}
+
 /* Reduce size of blog titles (H2 is 2rem) */
 .title_f1Hy {
   font-size: 2.5rem; /* 3rem; */