https://github.com/netcentric/vg-macktrucks-com-rd
Franklin Site Redesign for https://www.macktrucks.com
https://github.com/netcentric/vg-macktrucks-com-rd
Last synced: 11 months ago
JSON representation
Franklin Site Redesign for https://www.macktrucks.com
- Host: GitHub
- URL: https://github.com/netcentric/vg-macktrucks-com-rd
- Owner: Netcentric
- License: apache-2.0
- Created: 2023-07-20T15:32:41.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-26T16:21:32.000Z (over 2 years ago)
- Last Synced: 2025-05-06T08:57:09.637Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 27.1 MB
- Stars: 1
- Watchers: 1
- Forks: 13
- Open Issues: 49
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Mack Trucks
Franklin site redesign for macktrucks.com
## Environments
- Preview: https://main--vg-macktrucks-com-rd--netcentric.hlx.page/
- Live: https://main--vg-macktrucks-com--hlxsites.hlx.live/
## Installation
```sh
npm i
```
## Linting
```sh
npm run lint
```
## Local development
1. Create a new repository based on the `helix-project-boilerplate` template and add a mountpoint in the `fstab.yaml`
1. Add the [helix-bot](https://github.com/apps/helix-bot) to the repository
1. Install the [Helix CLI](https://github.com/adobe/helix-cli): `npm install -g @adobe/helix-cli`
1. Start Franklin Proxy: `hlx up` (opens your browser at `http://localhost:3000`)
1. Open the `{repo}` directory in your favorite IDE and start coding :)
## Best practices using fonts
* We are using [fallback fonts](https://github.com/pixel-point/fontpie) that avoid CLS.
* The fallback fonts are specific to the font family and style (bold, italic etc)
* For this reason, please don't use the font-style properties in css. Instead, use the font family variables defined in `styles/styles.css`
* Eg. for subheadings instead of using `font-weight: 500`, use `font-family: var(--ff-subheadings-medium);`