Upload 2 files

assets/i18n.json

@@ -0,0 +1,60 @@
+{
+  "EN": {
+    "app_title": "Torchvision Transforms Playground",
+    "app_subtitles": [
+      "Explore transformations with [torchvision](https://docs.pytorch.org/vision/stable/transforms) and generate a ready-to-use pipeline. This interactive sandbox helps you clearly see the actual effect of transformations (e.g. filters) on your images, and fine-tune your settings before integrating them into the computer vision model training (e.g. data augmentation)."
+    ],
+    "language_label": "Language",
+    "subtitle_label": "Description",
+    "disable_all": "Disable all transforms",
+    "globals_title": "Global settings",
+    "variants_label": "MIX variants per image",
+    "seed_label": "Seed",
+    "reseed_label": "Re-seed each variant (reproducible)",
+    "status_label": "Active sections",
+    "code_label": "Torchvision Compose code (live)",
+    "upload_section": "1) Upload images",
+    "upload_label": "Upload (multi-images)",
+    "apply": "Generate (1 example / transform + FINAL MIX)",
+    "results_section": "2) Results",
+    "results_label": "Results",
+    "sidebar_title": "Controls",
+    "docs_prefix": "Docs:",
+    "sections": {
+      "geometric": "Geometric",
+      "photometric": "Photometric",
+      "policies": "Auto-Augmentation policies",
+      "random_applied": "Randomly-applied",
+      "tensor_bonus": "Miscellaneous, Bonus"
+    }
+  },
+  "FR": {
+    "app_title": "Torchvision Transforms Playground",
+    "app_subtitles": [
+      "Explorer les transformations avec [torchvision](https://docs.pytorch.org/vision/stable/transforms) et générer une pipeline prête à l’emploi.\n Ce bac à sable vous aide à voir concrètement l’effet des transformations (ex. filtres) sur vos images, et à ajuster vos réglages avant de les intégrer à l’entraînement d’un modèle de vision par ordinateur (ex. augmentation de données)."
+    ],
+    "language_label": "Langue",
+    "subtitle_label": "Description",
+    "disable_all": "Tout désactiver",
+    "globals_title": "Paramètres généraux",
+    "variants_label": "Variantes (MIX) par image",
+    "seed_label": "Seed",
+    "reseed_label": "Re-seed à chaque variante (reproductible)",
+    "status_label": "Sections actives",
+    "code_label": "Code torchvision Compose (live)",
+    "upload_section": "1) Déposer des images",
+    "upload_label": "Upload (multi-images)",
+    "apply": "Générer (1 exemple / transformation + MIX FINAL)",
+    "results_section": "2) Résultats",
+    "results_label": "Résultats",
+    "sidebar_title": "Contrôles",
+    "docs_prefix": "Doc :",
+    "sections": {
+      "geometric": "Géométriques",
+      "photometric": "Photométriques",
+      "policies": "Politiques d'auto-augmentation",
+      "random_applied": "Transformations appliquées aléatoirement",
+      "tensor_bonus": "Divers, Bonus"
+    }
+  }
+}

assets/styles.css

@@ -0,0 +1,41 @@
+
+
+/* Sidebar: left scrollbar*/
+#controls_sidebar { direction: rtl; }
+#controls_sidebar .gr-accordion,
+#controls_sidebar .gr-markdown,
+#controls_sidebar .gr-form,
+#controls_sidebar .gr-box,
+#controls_sidebar .gr-panel,
+#controls_sidebar .gr-group,
+#controls_sidebar .gr-row,
+#controls_sidebar .gr-column,
+#controls_sidebar .gr-block,
+#controls_sidebar .gr-input,
+#controls_sidebar .gr-button,
+#controls_sidebar .gr-code,
+#controls_sidebar .gr-html,
+#controls_sidebar .gr-checkbox,
+#controls_sidebar .gr-slider,
+#controls_sidebar .gr-dropdown,
+#controls_sidebar .gr-radio,
+#controls_sidebar .gr-number,
+#controls_sidebar .gr-textbox { direction: ltr; }
+
+/* non-visible scrollbar using Webkit */
+#controls_sidebar ::-webkit-scrollbar { width: 10px; }
+#controls_sidebar ::-webkit-scrollbar-track { background: transparent; }
+#controls_sidebar ::-webkit-scrollbar-thumb {
+  background: rgba(100, 116, 139, 0.35);
+  border-radius: 999px;
+  border: 3px solid transparent;
+  background-clip: content-box;
+}
+#controls_sidebar ::-webkit-scrollbar-thumb:hover {
+  background: rgba(100, 116, 139, 0.55);
+  border: 3px solid transparent;
+  background-clip: content-box;
+}
+
+/* Firefox adapt */
+#controls_sidebar { scrollbar-width: thin; scrollbar-color: rgba(100,116,139,.45) transparent; }