Update README.md

README.md

@@ -9,28 +9,7 @@ license: creativeml-openrail-m
 thumbnail: >-
   https://huggingface.co/spaces/FFusion/README/resolve/main/FFusionAI-Huggingface.jpg
 ---
-
-[![400GB FFusion Lora XL 1](https://huggingface.co/FFusion/400GB-LoraXL/resolve/main/images/image0.jpg)](https://huggingface.co/FFusion/400GB-LoraXL/)
-# FFusion LoRA XL Extracted Models for Hugging Face & Civitai 🚀
-<div style="display: flex; flex-wrap: wrap; gap: 2px;">
-  <a href="https://huggingface.co/FFusion/400GB-LoraXL/" target="_blank" rel="noopener noreferrer">
-    <img src="https://img.shields.io/badge/-Hugging%20Face%20Repo-brightgreen?style=for-the-badge&logo=appveyor" alt="FFusion LoraXL Repo">
-  </a>
-  <a href="https://huggingface.co/FFusion/400GB-LoraXL" target="_blank" rel="noopener noreferrer">
-    <img src="https://img.shields.io/badge/-CivitAIL%20REPO%20SOON%20TBA-brightblue?style=for-the-badge&logo=appveyor" alt="FFusionXL Civitai Repo SDXL DEMO">
-  </a>
-</div>
-
-
-[![ffusionXL-1-sdxl-base1.png](https://cdn-uploads.huggingface.co/production/uploads/6380cf05f496d57325c12194/KwpZpMCx-T-JWNaRF8e6N.png)](https://huggingface.co/spaces/FFusion/FFusionXL-SDXL-DEMO)
-<div style="display: flex; flex-wrap: wrap; gap: 2px;">
-  <a href="https://huggingface.co/FFusion/FFusionXL-BASE/blob/main/FFusionXL-BASE-v1.safetensors" target="_blank" rel="noopener noreferrer">
-    <img src="https://img.shields.io/badge/-Download%20Model-brightgreen?style=for-the-badge&logo=appveyor" alt="Download Model">
-  </a>
-  <a href="https://huggingface.co/spaces/FFusion/FFusionXL-SDXL-DEMO" target="_blank" rel="noopener noreferrer">
-    <img src="https://img.shields.io/badge/-FFusionXL%20DEMO-brightpurple?style=for-the-badge&logo=appveyor" alt="FFusionXL BASE SDXL DEMO">
-  </a>
-</div>
+[![FFusionAI](https://huggingface.co/spaces/FFusion/README/resolve/main/FFusionAI-Huggingface.jpg)](https://huggingface.co/FFusion)
 
 <style>
             body {
@@ -98,6 +77,63 @@ thumbnail: >-
                 color: #777;
             }
         </style>
+
+
+
+<button onclick="toggleVisibility()">Expand FFusion</button>
+
+<script>
+    function toggleVisibility() {
+        var x = document.getElementById("toggleContent");
+        if (x.style.display === "none") {
+            x.style.display = "block";
+        } else {
+            x.style.display = "none";
+        }
+    }
+</script>  
+<style>
+    button {
+        background-color: #d100f6; /* FFusionAI theme color */
+        color: white;
+        padding: 14px 20px;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+        transition-duration: 0.4s;
+    }
+
+    button:hover {
+        background-color: #711bff;
+    }
+</style>
+
+<div id="toggleContent" style="display:none;">
+[![400GB FFusion Lora XL 1](https://huggingface.co/FFusion/400GB-LoraXL/resolve/main/images/image0.jpg)](https://huggingface.co/FFusion/400GB-LoraXL/)
+# FFusion LoRA XL Extracted Models for Hugging Face & Civitai 🚀
+<div style="display: flex; flex-wrap: wrap; gap: 2px;">
+  <a href="https://huggingface.co/FFusion/400GB-LoraXL/" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/badge/-Hugging%20Face%20Repo-brightgreen?style=for-the-badge&logo=appveyor" alt="FFusion LoraXL Repo">
+  </a>
+  <a href="https://huggingface.co/FFusion/400GB-LoraXL" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/badge/-CivitAIL%20REPO%20SOON%20TBA-brightblue?style=for-the-badge&logo=appveyor" alt="FFusionXL Civitai Repo SDXL DEMO">
+  </a>
+</div>
+
+
+[![ffusionXL-1-sdxl-base1.png](https://cdn-uploads.huggingface.co/production/uploads/6380cf05f496d57325c12194/KwpZpMCx-T-JWNaRF8e6N.png)](https://huggingface.co/spaces/FFusion/FFusionXL-SDXL-DEMO)
+<div style="display: flex; flex-wrap: wrap; gap: 2px;">
+  <a href="https://huggingface.co/FFusion/FFusionXL-BASE/blob/main/FFusionXL-BASE-v1.safetensors" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/badge/-Download%20Model-brightgreen?style=for-the-badge&logo=appveyor" alt="Download Model">
+  </a>
+  <a href="https://huggingface.co/spaces/FFusion/FFusionXL-SDXL-DEMO" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/badge/-FFusionXL%20DEMO-brightpurple?style=for-the-badge&logo=appveyor" alt="FFusionXL BASE SDXL DEMO">
+  </a>
+</div>
+
+
+
+      
 <div class="container">
 <!-- Card 1 -->
 <div class="model-card">
@@ -281,4 +317,5 @@ thumbnail: >-
 <div class="hover-content"><a class="model-link" href="https://civitai.com/models/14503/latex-generator-15-or-by-latexid">LATEX Generator - 1.5 | by Latex.ID - v0.9 | Stable Diffusion  Checkpoint  | Civitai <img alt="Favicon" src="https://ffusion-readme.hf.space/civitai.com_favicon.ico"/></a>
 <div class="from-section">Download from: (civitai.com)</div></div>
 </div>
+</div>   
 </div>