Anson/Redline-Racing-Website
1
0
Fork 0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-07-31 18:41:30 +00:00
Code Releases Activity

added info on how to update website background

Browse Source
This commit is contained in:
Anson
2019-10-07 00:10:00 -07:00
parent f4a48fed36
commit fd4e71566f
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@@ -3,10 +3,19 @@
The idea of this page is to make it so that even a monkey can make changes to the website. Unfortunately these docs were also written by a monkey so when you inevitably run into issues I suggest you consult [Google](https://google.com) or in dire cases you may want to contact the mysterious [Anson Biggs](mailto:anson@ansonbiggs.com).
- [Website Documentation](#website-documentation)
- [Background Image](#background-image)
- [Updating Sponsors](#updating-sponsors)
- [Field Descriptions](#field-descriptions)
- [Example list.json](#example-listjson)
## Background Image
Most images are embedded in `html` and its pretty straight forward to update them. However, background images are defined by CSS which means you will unfortunately have to dig a little deeper. I would actually recommend just replacing `images\bg.webp` and `images\bg-min.webp` which means that you won't have to change any code to change the background. `webp` is a fancy file extension for internet stuff that supposedly loads faster, and the `-min` file is just a smaller version of the image for smaller screens like phones.
The file you have to update is: `assets\css\main.css`. This is where almost all of the styling of the website lives and it is a *scary* file because there isn't a person on earth that can use CSS correctly, and at the time of writing the file is 4275 lines long. I would recommend just using ctrl-f to find the `background-image` property and going from there.
**[I would recommend ImageMagick to compress any new background images.](https://imagemagick.org/index.php)**
## Updating Sponsors
Updating the sponsors is as simple as downloading a nice looking image of the sponsors logo, dropping it into the `./images/sponsors/` directory and editing the file in the `sponsors` directory named `list.json`. Inside the `list.json` file there is a list of companies with some metadata information that is used for building the webpage and telling search engines what the image actually is so its important that all fields are filled out as fully as possible and correctly.