good stuff

This commit is contained in:
ed
2022-04-29 02:06:56 +02:00
parent 3215afc504
commit 125d0efbd8
6 changed files with 115 additions and 61 deletions

View File

@@ -806,6 +806,28 @@ tell search engines you dont wanna be indexed, either using the good old [robot
also, `--force-js` disables the plain HTML folder listing, making things harder to parse for search engines
## themes
you can add your own themes by modifying `browser.css` or providing your own css to `--css-browser`
<table><tr><td><a href="https://user-images.githubusercontent.com/241032/165864907-17e2ac7d-319d-4f25-8718-2f376f614b51.png"><img src="https://user-images.githubusercontent.com/241032/165865708-00395793-98d9-4cf2-a5c7-a4c6c37e737c.png"></a></td><td><a href="https://user-images.githubusercontent.com/241032/165864904-c5b67ddd-f383-4b9e-9f5a-a3bde183d256.png"><img src="https://user-images.githubusercontent.com/241032/165865713-8a65d8e4-1483-4848-a726-4100b769fd79.png"></a></td><td><a href="https://user-images.githubusercontent.com/241032/165864901-db13a429-a5da-496d-8bc6-ce838547f69d.png"><img src="https://user-images.githubusercontent.com/241032/165865715-54fdbbe6-03a5-4a15-aa66-6f7906a0d345.png"></a></td></tr><tr><td><a href="https://user-images.githubusercontent.com/241032/165864905-692682eb-6fb4-4d40-b6fe-27d2c7d3e2a7.png"><img src="https://user-images.githubusercontent.com/241032/165865711-9f71d949-74c2-4194-8b40-2fb338f204a3.png"></a></td><td><a href="https://user-images.githubusercontent.com/241032/165864903-7fba1cb9-036b-4f11-90d5-28b7c0724353.png"><img src="https://user-images.githubusercontent.com/241032/165865714-c8d88212-b009-4087-973c-0bb2ebad084d.png"></a></td><td><a href="https://user-images.githubusercontent.com/241032/165864898-10ce7052-a117-4fcf-845b-b56c91687908.png"><img src="https://user-images.githubusercontent.com/241032/165865720-3f29ff23-faba-427b-b9e6-bd1cdd8e27be.png"></a></td></tr></table>
currently there is four themes,
* classic dark/light
* flat dark/light
* vice
* [hotdog stand](https://blog.codinghorror.com/a-tribute-to-the-windows-31-hot-dog-stand-color-scheme/)
the classname of the HTML tag is set according to the selected theme, which is used to set colors as css variables ++
* each theme *generally* has a dark theme (even numbers) and a light theme (odd numbers), showing in pairs
* the first theme (theme 0 and 1) is `html.a`, second theme (2 and 3) is `html.b`
* if a light theme is selected, `html.y` is set, otherwise `html.z` is
* additionally, if the dark edition of the 2nd theme is selected, `html.bz` is set
see the top of [./copyparty/web/browser.css](./copyparty/web/browser.css) where the color variables are set, and there's layout-specific stuff near the bottom
## complete examples
* read-only music server with bpm and key scanning
@@ -1178,7 +1200,7 @@ python3 -m venv .venv
pip install jinja2 # mandatory
pip install mutagen # audio metadata
pip install Pillow pyheif-pillow-opener pillow-avif-plugin # thumbnails
pip install black bandit pylint flake8 # vscode tooling
pip install black==21.12b0 bandit pylint flake8 # vscode tooling
```