readme + ui tweaks

This commit is contained in:
ed 2021-04-25 22:44:50 +02:00
parent 7e80eabfe6
commit a79a5c4e3e
2 changed files with 35 additions and 9 deletions

View file

@ -12,7 +12,7 @@ turn your phone or raspi into a portable file server with resumable uploads/down
* *resumable* uploads need `firefox 12+` / `chrome 6+` / `safari 6+` / `IE 10+` * *resumable* uploads need `firefox 12+` / `chrome 6+` / `safari 6+` / `IE 10+`
* code standard: `black` * code standard: `black`
📷 screenshots: [browser](#the-browser) // [upload](#uploading) // [md-viewer](#markdown-viewer) // [search](#searching) 📷 screenshots: [browser](#the-browser) // [upload](#uploading) // [md-viewer](#markdown-viewer) // [search](#searching) // [fsearch](#file-search) // [zip-DL](#zip-downloads) // [ie4](#browser-support)
## readme toc ## readme toc
@ -64,9 +64,9 @@ you may also want these, especially on servers:
## notes ## notes
* iPhone/iPad: use Firefox to download files * iPhone/iPad: use Firefox to download files
* Android-Chrome: set max "parallel uploads" for 200% upload speed (android bug) * Android-Chrome: increase "parallel uploads" for higher speed (android bug)
* Android-Firefox: takes a while to select files (in order to avoid the above android-chrome issue) * Android-Firefox: takes a while to select files (their fix for ☝️)
* Desktop-Firefox: may use gigabytes of RAM if your connection is great and your files are massive * Desktop-Firefox: may use gigabytes of RAM if your files are massive
* paper-printing is affected by dark/light-mode! use lightmode for color, darkmode for grayscale * paper-printing is affected by dark/light-mode! use lightmode for color, darkmode for grayscale
* because no browsers currently implement the media-query to do this properly orz * because no browsers currently implement the media-query to do this properly orz
@ -168,6 +168,7 @@ the `zip` link next to folders can produce various types of zip/tar files using
you can also zip a selection of files or folders by clicking them in the browser, that brings up a selection editor and zip button in the bottom right you can also zip a selection of files or folders by clicking them in the browser, that brings up a selection editor and zip button in the bottom right
![copyparty-zipsel-fs8](https://user-images.githubusercontent.com/241032/116008321-372a2e00-a614-11eb-9a4a-4a1fd9074224.png)
## uploading ## uploading
@ -204,6 +205,8 @@ and then theres the tabs below it,
### file-search ### file-search
![copyparty-fsearch-fs8](https://user-images.githubusercontent.com/241032/116008320-36919780-a614-11eb-803f-04162326a700.png)
in the 🚀 up2k tab, after toggling the `[🔎]` switch green, any files/folders you drop onto the dropzone will be hashed on the client-side. Each hash is sent to the server which checks if that file exists somewhere already in the 🚀 up2k tab, after toggling the `[🔎]` switch green, any files/folders you drop onto the dropzone will be hashed on the client-side. Each hash is sent to the server which checks if that file exists somewhere already
files go into `[ok]` if they exist (and you get a link to where it is), otherwise they land in `[ng]` files go into `[ok]` if they exist (and you get a link to where it is), otherwise they land in `[ng]`
@ -300,6 +303,8 @@ copyparty can invoke external programs to collect additional metadata for files
# browser support # browser support
![copyparty-ie4-fs8](https://user-images.githubusercontent.com/241032/116009043-a1909d80-a617-11eb-9140-037ad6604899.png)
`ie` = internet-explorer, `ff` = firefox, `c` = chrome, `iOS` = iPhone/iPad, `Andr` = Android `ie` = internet-explorer, `ff` = firefox, `c` = chrome, `iOS` = iPhone/iPad, `Andr` = Android
| feature | ie6 | ie9 | ie10 | ie11 | ff 52 | c 49 | iOS | Andr | | feature | ie6 | ie9 | ie10 | ie11 | ff 52 | c 49 | iOS | Andr |
@ -330,7 +335,7 @@ quick summary of more eccentric web-browsers trying to view a directory index:
* lynx (2.8.9/macports) can browse, login, upload/mkdir/msg * lynx (2.8.9/macports) can browse, login, upload/mkdir/msg
* w3m (0.5.3/macports) can browse, login, upload at 100kB/s, mkdir/msg * w3m (0.5.3/macports) can browse, login, upload at 100kB/s, mkdir/msg
* netsurf (3.10/arch) is basically ie6 with much better css (javascript has almost no effect) * netsurf (3.10/arch) is basically ie6 with much better css (javascript has almost no effect)
* netscape 4.0 and 4.5 can browse (text is yellow on white), upload with `?b=u` * ie4 and netscape 4.0 can browse (text is yellow on white), upload with `?b=u`
* SerenityOS (22d13d8) hits a page fault, works with `?b=u`, file input not-impl, url params are multiplying * SerenityOS (22d13d8) hits a page fault, works with `?b=u`, file input not-impl, url params are multiplying
# client examples # client examples
@ -359,7 +364,7 @@ copyparty returns a truncated sha512sum of your PUT/POST as base64; you can gene
# up2k # up2k
quick outline of the up2k protocol quick outline of the up2k protocol, see [uploading](#uploading) for the web-client
* the up2k client splits a file into an "optimal" number of chunks * the up2k client splits a file into an "optimal" number of chunks
* 1 MiB each, unless that becomes more than 256 chunks * 1 MiB each, unless that becomes more than 256 chunks
* tries 1.5, 2, 3, 4, 6, ... until <= 256 or chunksize >= 32M * tries 1.5, 2, 3, 4, 6, ... until <= 256 or chunksize >= 32M

View file

@ -185,6 +185,16 @@ a, #files tbody div a:last-child {
background: #925; background: #925;
border-color: #c37; border-color: #c37;
} }
#files tr.sel a {
color: #fff;
}
#files tr.sel a.play {
color: #fc5;
}
#files tr.sel a.play.act {
color: #fff;
text-shadow: 0 0 1px #fff;
}
#blocked { #blocked {
position: fixed; position: fixed;
top: 0; top: 0;
@ -506,9 +516,7 @@ input[type="checkbox"]:checked+label {
#thx_ff { #thx_ff {
padding: 5em 0; padding: 5em 0;
} }
#tree::-webkit-scrollbar-track { #tree::-webkit-scrollbar-track,
background: #333;
}
#tree::-webkit-scrollbar { #tree::-webkit-scrollbar {
background: #333; background: #333;
} }
@ -819,6 +827,9 @@ html.light #files tr.sel td {
html.light #files tr.sel a { html.light #files tr.sel a {
color: #fff; color: #fff;
} }
html.light #files tr.sel a.play.act {
color: #fb0;
}
html.light input[type="checkbox"] + label { html.light input[type="checkbox"] + label {
color: #333; color: #333;
} }
@ -865,4 +876,14 @@ html.light #files a:hover,
html.light #files tr.sel a:hover { html.light #files tr.sel a:hover {
color: #000; color: #000;
background: #fff; background: #fff;
}
html.light #tree {
scrollbar-color: #a70 #ddd;
}
html.light #tree::-webkit-scrollbar-track,
html.light #tree::-webkit-scrollbar {
background: #ddd;
}
#tree::-webkit-scrollbar-thumb {
background: #da0;
} }