From a3e51920ed64942ea0fe5089e1f60b6b352f52ef Mon Sep 17 00:00:00 2001 From: Liviu Ionescu Date: Sun, 6 Oct 2024 13:39:38 +0300 Subject: [PATCH] website: updates --- .../docs/about/_common/_intro-secondary.mdx | 2 +- website/docs/about/index.mdx | 7 +- website/docs/getting-started/index.mdx | 5 +- .../HomepageFeatures/styles.module.css | 4 + .../src/components/HomepageTools/index.tsx | 199 ++++++++++++++++++ .../HomepageTools/styles.module.css | 16 ++ website/src/css/custom.css | 13 ++ website/src/pages/markdown-page.md | 7 - website/static/img/check-badge.svg | 2 +- website/static/img/globe.svg | 2 +- website/static/img/mosaic.svg | 2 +- 11 files changed, 243 insertions(+), 16 deletions(-) create mode 100644 website/src/components/HomepageTools/index.tsx create mode 100644 website/src/components/HomepageTools/styles.module.css delete mode 100644 website/src/pages/markdown-page.md diff --git a/website/docs/about/_common/_intro-secondary.mdx b/website/docs/about/_common/_intro-secondary.mdx index 65dfa7a..41d1c39 100644 --- a/website/docs/about/_common/_intro-secondary.mdx +++ b/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 diff --git a/website/docs/about/index.mdx b/website/docs/about/index.mdx index 7d130bb..0525892 100644 --- a/website/docs/about/index.mdx +++ b/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 [``](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 [``](mailto:ilg@livius.net). +Please note, this email address is provided as a courtesy. +For all correspondence related to the **xPack CMake** +project, kindly use the project [support](/docs/support/) page). diff --git a/website/docs/getting-started/index.mdx b/website/docs/getting-started/index.mdx index 219478b..b9da74e 100644 --- a/website/docs/getting-started/index.mdx +++ b/website/docs/getting-started/index.mdx @@ -24,8 +24,9 @@ import ReleaseSchedule from './_release-schedule.mdx' ## Overview **xPack CMake** is a standalone -cross-platform (Windows, macOS, GNU/Linux)binary distribution of CMake, -intended for reproducible builds. +cross-platform (Windows, macOS, GNU/Linux) binary +distribution of CMake, +aimed at reproducible builds. diff --git a/website/src/components/HomepageFeatures/styles.module.css b/website/src/components/HomepageFeatures/styles.module.css index bac1b99..a7705f3 100644 --- a/website/src/components/HomepageFeatures/styles.module.css +++ b/website/src/components/HomepageFeatures/styles.module.css @@ -14,3 +14,7 @@ height: 100px; width: 100px; } + +svg.featureSvg path { + stroke: var(--docusaurus-svg-color); +} diff --git a/website/src/components/HomepageTools/index.tsx b/website/src/components/HomepageTools/index.tsx new file mode 100644 index 0000000..ef15388 --- /dev/null +++ b/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 ( + <> +
+
+ {appLcName} - xPack {appName} +
+
+ +  GitHub Release Date +  GitHub Downloads (all assets, all releases) +
+
+ + ) +} + +function ToolWork({ appName, appLcName }) { + return ( + <> +
+ {appLcName} - xPack {appName} +
+ + ) +} + +function ToolsLeft() { + return ( +
+
+ Main Tools + {PrimaryTools.map((props, idx) => ( + + ))} +
+
+ ); +} + +function ToolsRight() { + return ( +
+
+ Supplementary Tools + {SecondaryTools.map((props, idx) => ( + + ))} +
+
+
+ Work in Progress + {WorkInProgressTools.map((props, idx) => ( + + ))} +
+
+
+ Internal + xbb-helper - xPack Build Helper +
+
+ ); +} + +export default function HomepageTools(): JSX.Element { + return ( +
+
+
+ + +
+
+
+ ); +} diff --git a/website/src/components/HomepageTools/styles.module.css b/website/src/components/HomepageTools/styles.module.css new file mode 100644 index 0000000..483d28c --- /dev/null +++ b/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; +} diff --git a/website/src/css/custom.css b/website/src/css/custom.css index 1a5a817..854cab3 100644 --- a/website/src/css/custom.css +++ b/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,6 +31,7 @@ --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 */ @@ -37,6 +39,17 @@ 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; */ diff --git a/website/src/pages/markdown-page.md b/website/src/pages/markdown-page.md deleted file mode 100644 index 9756c5b..0000000 --- a/website/src/pages/markdown-page.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: Markdown page example ---- - -# Markdown page example - -You don't need React to write simple standalone pages. diff --git a/website/static/img/check-badge.svg b/website/static/img/check-badge.svg index 40b5285..19e6939 100644 --- a/website/static/img/check-badge.svg +++ b/website/static/img/check-badge.svg @@ -1,6 +1,6 @@ - + diff --git a/website/static/img/globe.svg b/website/static/img/globe.svg index ccdc838..0f3c5cf 100644 --- a/website/static/img/globe.svg +++ b/website/static/img/globe.svg @@ -1,6 +1,6 @@ - + diff --git a/website/static/img/mosaic.svg b/website/static/img/mosaic.svg index bbea8aa..9f55ba1 100644 --- a/website/static/img/mosaic.svg +++ b/website/static/img/mosaic.svg @@ -1,6 +1,6 @@ - +