add image upload feature in dev mode

2024-12-08 12:45:29 +01:00 · 2024-12-08 12:45:29 +01:00 · 0ce7f50285
commit 0ce7f50285
parent 47c2b74ecb
11 changed files with 369 additions and 15 deletions
--- a/content/treehouse/dev/tools.tree
+++ b/content/treehouse/dev/tools.tree
@ -0,0 +1,40 @@
+%% title = "developer tools"
+styles = ["page/treehouse/dev/tools.css"]
+scripts = ["treehouse/dev/picture-upload.js"]
+
+% id = "01JEHDJSJP282VCTRKYHNFM4N7"
+- welcome! if you stumbled upon this page at random, know these tools are available in *debug builds only* (which <https://liquidex.house> is not.)
+
+    % id = "01JEHDJSJP7FT74RB92VRA14F2"
+    - I don't currently have an option to disable generating a page in release builds, so here you are.
+
+% id = "01JEHDJSJPPJP2HFY4DFW0G3Z0"
+- #### picture upload
+
+    % id = "01JEHDJSJP78Y3FFAVJ9EZPPAQ"
+    - ``` =html
+    <th-picture-upload></th-picture-upload>
+    ```
+
+        % id = "01JEHF34KV8NMSHBWN6KJ2JGWT"
+        + label tags
+
+            % id = "01JEHF34KVXJM3PW32CCTG9MJ9"
+            - `+pixel` - `image-rendering: pixelated; border-radius: 0;`
+
+            % id = "01JEHF34KVCS6HPEPW30RCTE2Q"
+            - `+width72`
+
+            % id = "01JEHF34KV1J9SWV2PRYJK1PEM"
+            - `+width160`
+
+            % id = "01JEHF34KVEDE5YFXRZ544X1FH"
+            - `+width640`
+
+            % id = "01JEHF34KVRMK1DVEM5QGV1FB3"
+            - `+width752`
+
+        + compression levels
+
+            - `lossless` - use for screenshots and other pictures that should not lose quality
+