Removed the transparency args (I don't know how to fix this...)

files_cells/notebooks/en/downloading_en.ipynb

@@ -88,7 +88,7 @@
         "            !wget -P /home/studio-lab-user https://huggingface.co/NagisaNao/fast_repo/resolve/main/sagemaker/FULL_DELETED_NOTEBOOK.ipynb\n",
         "\n",
         "        if env == \"Google Colab\":\n",
-        "            !pip install -q pip install xformers==0.0.26.dev778 -U\n",
+        "            !pip install xformers==0.0.25 --no-deps\n",
         "        else:\n",
         "            !pip install -q {torch} -U\n",
         "            !pip install -q {xformers} -U\n",

files_cells/notebooks/en/widgets_en.ipynb

@@ -48,7 +48,7 @@
         "\n",
         "\n",
         "# ==================== CSS JS ====================\n",
-        "# custom background images (test)\n",
+        "# custom background images V1.1\n",
         "import argparse\n",
         "parser = argparse.ArgumentParser(description='This script processes an background image.')\n",
         "parser.add_argument('-i', '--image', type=str, help='URL of the image to process', metavar='')\n",
@@ -58,15 +58,20 @@
         "parser.add_argument('-x', type=int, help='X coordinate for the image in px', metavar='', default=0)\n",
         "parser.add_argument('-s', '--scale', type=int, help='Scale image in %%', metavar='', default=100)\n",
         "parser.add_argument('-m', '--mode', type=str, help='Specify \"no-repeat\" so that the image pattern is not repeated.', metavar='', default='repeat')\n",
-        "parser.add_argument('-t', '--transparent', action='store_true', help='Flag to exclude z-index from CSS. Makes fields transparent')\n",
         "args = parser.parse_args()\n",
-        "# ---\n",
-        "url_img, opacity_img, blur_img, y_img, x_img, scale_img, mode_img = args.image, args.opacity, args.blur, args.y, args.x, args.scale, args.mode\n",
+        "\"\"\"---\"\"\"\n",
+        "url_img = args.image\n",
+        "opacity_img = args.opacity\n",
+        "blur_img = args.blur\n",
+        "y_img = args.y\n",
+        "x_img = args.x\n",
+        "scale_img = args.scale\n",
+        "mode_img = args.mode\n",
         "\n",
         "# WTF COLAB - WHAT THE FUCK IS THE DIFFERENCE OF 40 PIXELS!?!?!?\n",
-        "fix_heigh_img = \"-780px\"\n",
-        "if env == \"Google Colab\": # betrayal..\n",
-        "    fix_heigh_img = \"-740px\"\n",
+        "fix_heigh_img = \"-850px\"\n",
+        "if env == \"Google Colab\":\n",
+        "    fix_heigh_img = \"-775px\" # -810px - full widgets\n",
         "\n",
         "container_background = f'''\n",
         "<style>\n",
@@ -80,20 +85,8 @@
         "  --img_mode: {mode_img};\n",
         "  --img_height_dif: {fix_heigh_img}\n",
         "}}\n",
-        "\n",
-        ".widget-dropdown select,\n",
-        ".widget-text input[type=\"text\"] {{\n",
-        "    height: 30px;\n",
-        "    background-color: #1c1c1c;\n",
-        "    border: 1px solid #262626;\n",
-        "    border-radius: 10px;\n",
-        "    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n",
-        "    transition: all 0.3s ease-in-out;\n",
         "'''\n",
         "\n",
-        "if not args.transparent:\n",
-        "    container_background += \"   z-index: 1;\\n</style>\\n\"\n",
-        "\n",
         "display(HTML(container_background))\n",
         "# ---\n",
         "\n",
@@ -148,32 +141,33 @@
         "\n",
         "/* background img */\n",
         ".container::before {\n",
-        "  content: \"\";\n",
-        "  position: absolute;\n",
-        "  top: 0;\n",
-        "  left: 0;\n",
-        "  right: 0;\n",
-        "  bottom: 0;\n",
-        "  background-image: var(--img_background);\n",
-        "  background-size: var(--img_scale);\n",
-        "  background-repeat: var(--img_mode);\n",
-        "  opacity: var(--img_opacity);\n",
-        "  mix-blend-mode: screen;\n",
-        "  pointer-events: none;\n",
-        "  filter: blur(var(--img_blur));\n",
+        "    content: \"\";\n",
+        "    position: absolute;\n",
+        "    top: 0;\n",
+        "    left: 0;\n",
+        "    right: 0;\n",
+        "    bottom: 0;\n",
+        "    background-image: var(--img_background);\n",
+        "    background-size: var(--img_scale);\n",
+        "    background-repeat: var(--img_mode);\n",
+        "    opacity: var(--img_opacity);\n",
+        "    mix-blend-mode: screen;\n",
+        "    pointer-events: none;\n",
+        "    filter: blur(var(--img_blur));\n",
+        "    z-index: -1;\n",
         "}\n",
         "\n",
         ".image_1::before {\n",
-        "  background-position: var(--image_x) calc(-120px - var(--image_y));\n",
+        "    background-position: var(--image_x) calc(-120px - var(--image_y));\n",
         "}\n",
         ".image_2::before {\n",
-        "  background-position: var(--image_x) calc(-290px - var(--image_y));\n",
+        "    background-position: var(--image_x) calc(-290px - var(--image_y));\n",
         "}\n",
         ".image_3::before {\n",
-        "  background-position: var(--image_x) calc(-430px - var(--image_y));\n",
+        "    background-position: var(--image_x) calc(-430px - var(--image_y));\n",
         "}\n",
         ".image_4::before {\n",
-        "  background-position: var(--image_x) calc(var(--img_height_dif) - var(--image_y));\n",
+        "    background-position: var(--image_x) calc(var(--img_height_dif) - var(--image_y));\n",
         "}\n",
         "\n",
         ".container_custom_downlad {\n",
@@ -207,7 +201,7 @@
         "\n",
         "\n",
         "/* Input field styles */\n",
-        "/*\n",
+        "\n",
         ".widget-dropdown select,\n",
         ".widget-text input[type=\"text\"] {\n",
         "    height: 30px;\n",
@@ -217,7 +211,6 @@
         "    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n",
         "    transition: all 0.3s ease-in-out;\n",
         "}\n",
-        "*/\n",
         "\n",
         ".widget-dropdown select:focus,\n",
         ".widget-text input[type=\"text\"]:focus {\n",

files_cells/notebooks/ru/downloading_ru.ipynb

@@ -88,7 +88,7 @@
         "            !wget -P /home/studio-lab-user https://huggingface.co/NagisaNao/fast_repo/resolve/main/sagemaker/FULL_DELETED_NOTEBOOK.ipynb\n",
         "\n",
         "        if env == \"Google Colab\":\n",
-        "            !pip install -q pip install xformers==0.0.26.dev778 -U\n",
+        "            !pip install xformers==0.0.25 --no-deps\n",
         "        else:\n",
         "            !pip install -q {torch} -U\n",
         "            !pip install -q {xformers} -U\n",

files_cells/notebooks/ru/widgets_ru.ipynb

@@ -48,7 +48,7 @@
         "\n",
         "\n",
         "# ==================== CSS JS ====================\n",
-        "# custom background images (test)\n",
+        "# custom background images V1.1\n",
         "import argparse\n",
         "parser = argparse.ArgumentParser(description='This script processes an background image.')\n",
         "parser.add_argument('-i', '--image', type=str, help='URL of the image to process', metavar='')\n",
@@ -58,15 +58,20 @@
         "parser.add_argument('-x', type=int, help='X coordinate for the image in px', metavar='', default=0)\n",
         "parser.add_argument('-s', '--scale', type=int, help='Scale image in %%', metavar='', default=100)\n",
         "parser.add_argument('-m', '--mode', type=str, help='Specify \"no-repeat\" so that the image pattern is not repeated.', metavar='', default='repeat')\n",
-        "parser.add_argument('-t', '--transparent', action='store_true', help='Flag to exclude z-index from CSS. Makes fields transparent')\n",
         "args = parser.parse_args()\n",
-        "# ---\n",
-        "url_img, opacity_img, blur_img, y_img, x_img, scale_img, mode_img = args.image, args.opacity, args.blur, args.y, args.x, args.scale, args.mode\n",
+        "\"\"\"---\"\"\"\n",
+        "url_img = args.image\n",
+        "opacity_img = args.opacity\n",
+        "blur_img = args.blur\n",
+        "y_img = args.y\n",
+        "x_img = args.x\n",
+        "scale_img = args.scale\n",
+        "mode_img = args.mode\n",
         "\n",
         "# WTF COLAB - WHAT THE FUCK IS THE DIFFERENCE OF 40 PIXELS!?!?!?\n",
-        "fix_heigh_img = \"-780px\"\n",
-        "if env == \"Google Colab\": # betrayal..\n",
-        "    fix_heigh_img = \"-740px\"\n",
+        "fix_heigh_img = \"-850px\"\n",
+        "if env == \"Google Colab\":\n",
+        "    fix_heigh_img = \"-775px\" # -810px - full widgets\n",
         "\n",
         "container_background = f'''\n",
         "<style>\n",
@@ -80,20 +85,8 @@
         "  --img_mode: {mode_img};\n",
         "  --img_height_dif: {fix_heigh_img}\n",
         "}}\n",
-        "\n",
-        ".widget-dropdown select,\n",
-        ".widget-text input[type=\"text\"] {{\n",
-        "    height: 30px;\n",
-        "    background-color: #1c1c1c;\n",
-        "    border: 1px solid #262626;\n",
-        "    border-radius: 10px;\n",
-        "    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n",
-        "    transition: all 0.3s ease-in-out;\n",
         "'''\n",
         "\n",
-        "if not args.transparent:\n",
-        "    container_background += \"   z-index: 1;\\n</style>\\n\"\n",
-        "\n",
         "display(HTML(container_background))\n",
         "# ---\n",
         "\n",
@@ -161,6 +154,7 @@
         "  mix-blend-mode: screen;\n",
         "  pointer-events: none;\n",
         "  filter: blur(var(--img_blur));\n",
+        "  z-index: -1;\n",
         "}\n",
         "\n",
         ".image_1::before {\n",
@@ -207,7 +201,7 @@
         "\n",
         "\n",
         "/* Input field styles */\n",
-        "/*\n",
+        "\n",
         ".widget-dropdown select,\n",
         ".widget-text input[type=\"text\"] {\n",
         "    height: 30px;\n",
@@ -217,7 +211,6 @@
         "    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n",
         "    transition: all 0.3s ease-in-out;\n",
         "}\n",
-        "*/\n",
         "\n",
         ".widget-dropdown select:focus,\n",
         ".widget-text input[type=\"text\"]:focus {\n",

files_cells/python/en/downloading_en.py

@@ -69,7 +69,7 @@ if not os.path.exists(flag_file):
             get_ipython().system('wget -P /home/studio-lab-user https://huggingface.co/NagisaNao/fast_repo/resolve/main/sagemaker/FULL_DELETED_NOTEBOOK.ipynb')
 
         if env == "Google Colab":
-            get_ipython().system('pip install -q pip install xformers==0.0.26.dev778 -U')
+            get_ipython().system('pip install xformers==0.0.25 --no-deps')
         else:
             get_ipython().system('pip install -q {torch} -U')
             get_ipython().system('pip install -q {xformers} -U')

files_cells/python/en/widgets_en.py

@@ -29,7 +29,7 @@ get_ipython().system('mkdir -p {root_path}')
 
 
 # ==================== CSS JS ====================
-# custom background images (test)
+# custom background images V1.1
 import argparse
 parser = argparse.ArgumentParser(description='This script processes an background image.')
 parser.add_argument('-i', '--image', type=str, help='URL of the image to process', metavar='')
@@ -39,15 +39,20 @@ parser.add_argument('-y', type=int, help='Y coordinate for the image in px', met
 parser.add_argument('-x', type=int, help='X coordinate for the image in px', metavar='', default=0)
 parser.add_argument('-s', '--scale', type=int, help='Scale image in %%', metavar='', default=100)
 parser.add_argument('-m', '--mode', type=str, help='Specify "no-repeat" so that the image pattern is not repeated.', metavar='', default='repeat')
-parser.add_argument('-t', '--transparent', action='store_true', help='Flag to exclude z-index from CSS. Makes fields transparent')
 args = parser.parse_args()
-# ---
-url_img, opacity_img, blur_img, y_img, x_img, scale_img, mode_img = args.image, args.opacity, args.blur, args.y, args.x, args.scale, args.mode
+"""---"""
+url_img = args.image
+opacity_img = args.opacity
+blur_img = args.blur
+y_img = args.y
+x_img = args.x
+scale_img = args.scale
+mode_img = args.mode
 
 # WTF COLAB - WHAT THE FUCK IS THE DIFFERENCE OF 40 PIXELS!?!?!?
-fix_heigh_img = "-780px"
-if env == "Google Colab": # betrayal..
-    fix_heigh_img = "-740px"
+fix_heigh_img = "-850px"
+if env == "Google Colab":
+    fix_heigh_img = "-775px" # -810px - full widgets
 
 container_background = f'''
 <style>
@@ -61,20 +66,8 @@ container_background = f'''
   --img_mode: {mode_img};
   --img_height_dif: {fix_heigh_img}
 }}
-
-.widget-dropdown select,
-.widget-text input[type="text"] {{
-    height: 30px;
-    background-color: #1c1c1c;
-    border: 1px solid #262626;
-    border-radius: 10px;
-    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
-    transition: all 0.3s ease-in-out;
 '''
 
-if not args.transparent:
-    container_background += "   z-index: 1;\n</style>\n"
-
 display(HTML(container_background))
 # ---
 
@@ -129,32 +122,33 @@ a {
 
 /* background img */
 .container::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-image: var(--img_background);
-  background-size: var(--img_scale);
-  background-repeat: var(--img_mode);
-  opacity: var(--img_opacity);
-  mix-blend-mode: screen;
-  pointer-events: none;
-  filter: blur(var(--img_blur));
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: var(--img_background);
+    background-size: var(--img_scale);
+    background-repeat: var(--img_mode);
+    opacity: var(--img_opacity);
+    mix-blend-mode: screen;
+    pointer-events: none;
+    filter: blur(var(--img_blur));
+    z-index: -1;
 }
 
 .image_1::before {
-  background-position: var(--image_x) calc(-120px - var(--image_y));
+    background-position: var(--image_x) calc(-120px - var(--image_y));
 }
 .image_2::before {
-  background-position: var(--image_x) calc(-290px - var(--image_y));
+    background-position: var(--image_x) calc(-290px - var(--image_y));
 }
 .image_3::before {
-  background-position: var(--image_x) calc(-430px - var(--image_y));
+    background-position: var(--image_x) calc(-430px - var(--image_y));
 }
 .image_4::before {
-  background-position: var(--image_x) calc(var(--img_height_dif) - var(--image_y));
+    background-position: var(--image_x) calc(var(--img_height_dif) - var(--image_y));
 }
 
 .container_custom_downlad {
@@ -188,7 +182,7 @@ a {
 
 
 /* Input field styles */
-/*
+
 .widget-dropdown select,
 .widget-text input[type="text"] {
     height: 30px;
@@ -198,7 +192,6 @@ a {
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
     transition: all 0.3s ease-in-out;
 }
-*/
 
 .widget-dropdown select:focus,
 .widget-text input[type="text"]:focus {

files_cells/python/ru/downloading_ru.py

@@ -69,7 +69,7 @@ if not os.path.exists(flag_file):
             get_ipython().system('wget -P /home/studio-lab-user https://huggingface.co/NagisaNao/fast_repo/resolve/main/sagemaker/FULL_DELETED_NOTEBOOK.ipynb')
 
         if env == "Google Colab":
-            get_ipython().system('pip install -q pip install xformers==0.0.26.dev778 -U')
+            get_ipython().system('pip install xformers==0.0.25 --no-deps')
         else:
             get_ipython().system('pip install -q {torch} -U')
             get_ipython().system('pip install -q {xformers} -U')

files_cells/python/ru/widgets_ru.py

@@ -29,7 +29,7 @@ get_ipython().system('mkdir -p {root_path}')
 
 
 # ==================== CSS JS ====================
-# custom background images (test)
+# custom background images V1.1
 import argparse
 parser = argparse.ArgumentParser(description='This script processes an background image.')
 parser.add_argument('-i', '--image', type=str, help='URL of the image to process', metavar='')
@@ -39,15 +39,20 @@ parser.add_argument('-y', type=int, help='Y coordinate for the image in px', met
 parser.add_argument('-x', type=int, help='X coordinate for the image in px', metavar='', default=0)
 parser.add_argument('-s', '--scale', type=int, help='Scale image in %%', metavar='', default=100)
 parser.add_argument('-m', '--mode', type=str, help='Specify "no-repeat" so that the image pattern is not repeated.', metavar='', default='repeat')
-parser.add_argument('-t', '--transparent', action='store_true', help='Flag to exclude z-index from CSS. Makes fields transparent')
 args = parser.parse_args()
-# ---
-url_img, opacity_img, blur_img, y_img, x_img, scale_img, mode_img = args.image, args.opacity, args.blur, args.y, args.x, args.scale, args.mode
+"""---"""
+url_img = args.image
+opacity_img = args.opacity
+blur_img = args.blur
+y_img = args.y
+x_img = args.x
+scale_img = args.scale
+mode_img = args.mode
 
 # WTF COLAB - WHAT THE FUCK IS THE DIFFERENCE OF 40 PIXELS!?!?!?
-fix_heigh_img = "-780px"
-if env == "Google Colab": # betrayal..
-    fix_heigh_img = "-740px"
+fix_heigh_img = "-850px"
+if env == "Google Colab":
+    fix_heigh_img = "-775px" # -810px - full widgets
 
 container_background = f'''
 <style>
@@ -61,20 +66,8 @@ container_background = f'''
   --img_mode: {mode_img};
   --img_height_dif: {fix_heigh_img}
 }}
-
-.widget-dropdown select,
-.widget-text input[type="text"] {{
-    height: 30px;
-    background-color: #1c1c1c;
-    border: 1px solid #262626;
-    border-radius: 10px;
-    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
-    transition: all 0.3s ease-in-out;
 '''
 
-if not args.transparent:
-    container_background += "   z-index: 1;\n</style>\n"
-
 display(HTML(container_background))
 # ---
 
@@ -142,6 +135,7 @@ a {
   mix-blend-mode: screen;
   pointer-events: none;
   filter: blur(var(--img_blur));
+  z-index: -1;
 }
 
 .image_1::before {
@@ -188,7 +182,7 @@ a {
 
 
 /* Input field styles */
-/*
+
 .widget-dropdown select,
 .widget-text input[type="text"] {
     height: 30px;
@@ -198,7 +192,6 @@ a {
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
     transition: all 0.3s ease-in-out;
 }
-*/
 
 .widget-dropdown select:focus,
 .widget-text input[type="text"]:focus {