diff options
| author | Maksymilian Jopek <maks@jopek.eu> | 2023-03-28 20:14:37 +0200 |
|---|---|---|
| committer | Maksymilian Jopek <maks@jopek.eu> | 2023-03-28 20:14:37 +0200 |
| commit | 4582aee9c51800f7b236fc9d731829c16254429f (patch) | |
| tree | 057c40045beeb7db4599c1bdcf96c4040162c362 /backend/static/index.html | |
| parent | d44a5a6c4530691a63204b2231f04e2bcf287907 (diff) | |
| download | aparatus-4582aee9c51800f7b236fc9d731829c16254429f.tar.gz aparatus-4582aee9c51800f7b236fc9d731829c16254429f.tar.zst aparatus-4582aee9c51800f7b236fc9d731829c16254429f.zip | |
Add backend code to repo
Diffstat (limited to 'backend/static/index.html')
| -rw-r--r-- | backend/static/index.html | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/backend/static/index.html b/backend/static/index.html new file mode 100644 index 0000000..afa1954 --- /dev/null +++ b/backend/static/index.html @@ -0,0 +1,78 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <title></title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <style> + body { + background-color: black; + color: white; + } + + #container { + display: flex; + flex-wrap: wrap; + flex-direction: row; + align-items: center; + justify-content: center; + } + + .dImg { + background-color: darkgray; + /* width: fit-content; */ + width: 12rem; + padding: 10px; + border-radius: 20px; + margin-right: 25px; + margin-bottom: 25px; + display: flex; + flex-direction: column; + align-items: center; + } + + @media all and (max-width: 960px) { + .dImg { + width: 9rem; + } + } + + .dImg * { + margin: 5px; + } + + .dImg p { + overflow-wrap: anywhere; + } + + .dImg input[type='checkbox'] { + width: 20px; + height: 20px; + display: inline; + } + + .dImg img { + border-radius: 30px; + aspect-ratio: 1 / 1; + } + + .dImg label { + display: flex; + align-items: center; + } + </style> + <script src="index.js" defer></script> +</head> + +<body> + <header> + <h2>Uploaded Images:</h2> + <button type="button" onclick="getFiles()">Reload</button> + <button type="button" onclick="selectAll()">Select all</button> + <button type="button" onclick="removeAllSel()">Remove selected</button> + </header><br> + <div id="container"></div> +</body> + +</html> |