41 lines
1.3 KiB
Markdown
41 lines
1.3 KiB
Markdown
# TODO
|
|
|
|
In `index.html`: make parcel replace the hard-coded base URL (in the meta tags).
|
|
|
|
# About
|
|
|
|
This is a template project for a webapp using the following tech stack:
|
|
|
|
- **Frontend**:
|
|
- Vue.js
|
|
- TailwindCSS
|
|
- Axios
|
|
- **Backend**:
|
|
- FastAPI (python)
|
|
- **Other**:
|
|
- Caddy (webserver/reverse proxy)
|
|
- Parcel (bundler)
|
|
|
|
# Customization
|
|
|
|
A number of default template files and assets for the frontend are already present in the repository.
|
|
These include essential assets like a set of fonts, and a default favicon.
|
|
|
|
## Favicon
|
|
|
|
The standards for the correct favicons are annoying, many browser vendors use a different standard.
|
|
|
|
A quick and easy way to create a set of favicons with broad compatibility is to create your favicon as an `.svg`-file,
|
|
and then use [realfavicongenerator.net](https://realfavicongenerator.net/) to create a set of relevant files and HTML
|
|
for your favicon.
|
|
|
|
Place the generated icons into `/frontend/assets/images/common/` and be sure to adjust the generated HTML to point to
|
|
this path.
|
|
|
|
## OG Image
|
|
|
|
The OG image is served directly by Caddy, and thus needs to be placed into `/public/static/images/common/`,
|
|
ideally as a `.webp`-file.
|
|
|
|
The image's dimensions should be 1200 x 630 pixels, as according to the
|
|
[OGP standard](https://developers.facebook.com/docs/sharing/webmasters/images/).
|