Colors

[HiDeoo]

Each commit should be small and focused enough to understand the intent of the changes by checking them individually but here are some few highlights.

Warning
This PR requires to run npm install before checking it out.

Layouts

This PR lays the groundwork for using multiple layouts all based on a 'base' layout. Not sure yet how many layouts we'll need but it should be fairly easy to add more and fits more with the Astro philosophy.

Directories

I moved the new website to site-new instead of src as src does not make any sense considering the bootstrap repo is not a monorepo and the "source" of bootstrap are not in a src directory. I also moved the dist folder to dist-site-new for the moment as I have no idea what is Bootstrap deal with the committed dist. I gitignored it for now.

Note
I noticed you commited changes related to the new website in the dist folder prior to this PR. I guess this should be cleaned up.

Config

I removed your temporary config and we are now parsing the existing config.yml file but also validating its content in order to strictly type the config object.

The reasonning behind this change is to avoid changing too much of the old habits of the current maintainers as they know this file and it may even be used for something else.

For the strict validation process, we want to break the build process if an invalid edit is made to the config file so we can catch it early and avoid deploying a broken website and also make it easier for the developers when using the config object in the code as you get autocompletion for any known property.

Prettier

I added Prettier as we discussed. It's only used for the new website of course.

To make things easier, having a Prettier extension to your editor is recommended and I also suggest to add this to your VSC settings to specify the default formatter for the astro files:

"[astro]": {
  "editor.defaultFormatter": "astro-build.astro-vscode"
},

Note: this config change won't affect any other files.

Linting

I added a new script astro-lint to the root package.json that checks the following:

• Prettier formatting (this only a check, nothing is written to the files automatically).
• astro check that runs Astro related diagnostics (such as type-checking within .astro files).
• Runs the TypeScript compiler (without emitting any files) to check for any type related errors.

ESLint is not yet part of this combo even tho ESLint seems to be used in Bootstrap's codebase. I'll add it later but I need to more time to allocate to this and understand how it's used in Bootstrap.

The prettier config is extracted from https://github.com/HiDeoo/prettier-config but it seems to be pretty close to the JS shipped by Boostrap.

Navigation links

I extracted the header navigation links to their own components (not all of them yet, some requires more work). I think you should take a look at this change specifically as the syntax you used was close to being valid but not quite.

Colors are back

This PR adds existing styles, this will properly be refactored but this is enough to get started, specially for you to get a more visual feedback on your progress.

[coveralls]

Pull Request Test Coverage Report for Build 4225483277

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 96.06%

---

Totals
Change from base Build 4217019694:	0.0%
Covered Lines:	2020
Relevant Lines:	2070

---

💛 - Coveralls

[HiDeoo]

Hmmm, not sure we actually want to run GitHub Actions on this kind of PRs at the moment, or at least until we get actions related stuff for the new website.

Maybe this should be disabled temporarily on the fork or on PRs from me, w/e you prefer.