Update README.md

README.md

@@ -1,187 +1,186 @@
----
-language:
-  - en
-pipeline_tag: text-to-image
-library_name: diffusers
-tags:
-  - text-to-image
-  - stable-diffusion
-  - safetensors
-  - stable-diffusion-xl
-  - merge
-license: openrail++
-base_model:
-  - cagliostrolab/animagine-xl-3.1
-  - Eugeoter/anime_illust_diffusion_xl
-  - RunDiffusion/Juggernaut-XL-v9
-  - KBlueLeaf/Kohaku-XL-Zeta
-  - votepurchase/Starry-XL-v5.2
-  - cagliostrolab/animagine-xl-4.0
-  - kayfahaarukku/UrangDiffusion-2.0
-  - Raelina/Rae-Diffusion-XL-V2
-  - yodayo-ai/clandestine-xl-1.0
----
-
-<style>
-  .container {
-    display: flex;
-    gap: 2rem;
-    align-items: flex-start;
-  }
-  .image-wrapper,
-  .details {
-    flex: 1 1 50%;
-  }
-  .image-wrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .model-image {
-    width: 100%;
-    max-width: 500px;
-    min-width: 300px;
-    border-radius: 8px;
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
-  }
-  .details h1 {
-    margin-top: 0;
-    font-size: 2rem;
-    color: #fff;
-  }
-  .details .description {
-    margin: 0.5rem 0 1.5rem;
-    line-height: 1.5;
-    color: #ccc;
-  }
-  .features-list {
-    list-style: none;
-    padding: 0;
-    margin: 0 0 1.5rem;
-  }
-  .features-list li {
-    display: flex;
-    align-items: center;
-    margin-bottom: 0.5rem;
-    font-size: 1rem;
-    color: #fff;
-  }
-  .features-list .icon {
-    margin-right: 0.6rem;
-    font-size: 1.2rem;
-  }
-  .badge-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 0.25rem;
-    column-gap: 0.5rem;
-  }
-  .badge-list li {
-    margin: 0;
-  }
-  .badge-btn {
-    display: inline-flex;
-    align-items: center;
-    height: 28px;
-    padding: 0 10px;
-    font-size: 14px;
-    font-weight: 500;
-    color: #fff;
-    text-decoration: none;
-    border-radius: 4px;
-    white-space: nowrap;
-    transition: opacity 0.2s, transform 0.1s;
-  }
-  .badge-btn .btn-icon {
-    width: 16px;
-    height: 16px;
-    margin-right: 6px;
-  }
-  .badge-btn:hover {
-    opacity: 0.85;
-    transform: translateY(-1px);
-  }
-  .badge-btn.civitai {
-    background-color: #2975fa8d;
-  }
-  .badge-btn.hf {
-    background-color: #ff66008d;
-  }
-  @media (max-width: 700px) {
-    .container {
-      flex-direction: column;
-      align-items: center;
-    }
-    .image-wrapper,
-    .details {
-      flex: unset;
-      width: 100%;
-    }
-    .model-image {
-      width: 90%;
-      max-width: 500px;
-      min-width: auto;
-      margin-bottom: 1rem;
-    }
-  }
-</style>
-<div class="container">
-  <div class="image-wrapper">
-    <img
-      src="https://huggingface.co/rityak/RealCoreXL/resolve/main/img.png"
-      alt="RealCore XL Example"
-      class="model-image"
-    />
-  </div>
-  <div class="details">
-    <h1>RealCore XL 1.0</h1>
-    <p class="description">
-      <strong>RealCore</strong>
-    </p>
-    <ul class="badge-list">
-      <li>
-        <a
-          href="https://civitai.com/models/2077774"
-          target="_blank"
-          class="badge-btn civitai"
-        >
-          <img
-            src="https://civitai.com/favicon-blue.ico"
-            alt="CivitAI"
-            class="btn-icon"
-          />
-          View on CivitAI
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://huggingface.co/rityak/RealCoreXL/"
-          target="_blank"
-          class="badge-btn hf"
-        >
-          <img
-            src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
-            alt="Hugging Face"
-            class="btn-icon"
-          />
-          Download RealCore XL 1.0
-        </a>
-      </li>
-    </ul>
-  </div>
-</div>
-
-- **Civitai hub**  
-  Explore model details, community examples, and usage tips:  
-  [View on CivitAI](https://civitai.com/models/2077774)
-
-- **RealCore XL 1.0**  
-  [Download RealCore XL 1.0](https://huggingface.co/rityak/RealCoreXL/)
-
-## Model Details
-
-- **Model type**: diffusion-based text-to-image
-- **Base checkpoint**: Stable Diffusion XL 1.0
+---
+language:
+  - en
+pipeline_tag: text-to-image
+library_name: diffusers
+tags:
+  - text-to-image
+  - stable-diffusion
+  - safetensors
+  - stable-diffusion-xl
+  - merge
+license: openrail++
+base_model:
+  - cagliostrolab/animagine-xl-3.1
+  - Eugeoter/anime_illust_diffusion_xl
+  - RunDiffusion/Juggernaut-XL-v9
+  - KBlueLeaf/Kohaku-XL-Zeta
+  - votepurchase/Starry-XL-v5.2
+  - cagliostrolab/animagine-xl-4.0
+  - kayfahaarukku/UrangDiffusion-2.0
+  - Raelina/Rae-Diffusion-XL-V2
+  - yodayo-ai/clandestine-xl-1.0
+---
+
+<style>
+  .container {
+    display: flex;
+    gap: 2rem;
+    align-items: flex-start;
+  }
+  .image-wrapper,
+  .details {
+    flex: 1 1 50%;
+  }
+  .image-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .model-image {
+    width: 100%;
+    max-width: 500px;
+    min-width: 300px;
+    border-radius: 8px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
+  }
+  .details h1 {
+    margin-top: 0;
+    font-size: 2rem;
+    color: #fff;
+  }
+  .details .description {
+    margin: 0.5rem 0 1.5rem;
+    line-height: 1.5;
+    color: #ccc;
+  }
+  .features-list {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 1.5rem;
+  }
+  .features-list li {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.5rem;
+    font-size: 1rem;
+    color: #fff;
+  }
+  .features-list .icon {
+    margin-right: 0.6rem;
+    font-size: 1.2rem;
+  }
+  .badge-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 0.25rem;
+    column-gap: 0.5rem;
+  }
+  .badge-list li {
+    margin: 0;
+  }
+  .badge-btn {
+    display: inline-flex;
+    align-items: center;
+    height: 28px;
+    padding: 0 10px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px;
+    white-space: nowrap;
+    transition: opacity 0.2s, transform 0.1s;
+  }
+  .badge-btn .btn-icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+  }
+  .badge-btn:hover {
+    opacity: 0.85;
+    transform: translateY(-1px);
+  }
+  .badge-btn.civitai {
+    background-color: #2975fa8d;
+  }
+  .badge-btn.hf {
+    background-color: #ff66008d;
+  }
+  @media (max-width: 700px) {
+    .container {
+      flex-direction: column;
+      align-items: center;
+    }
+    .image-wrapper,
+    .details {
+      flex: unset;
+      width: 100%;
+    }
+    .model-image {
+      width: 90%;
+      max-width: 500px;
+      min-width: auto;
+      margin-bottom: 1rem;
+    }
+  }
+</style>
+<div class="container">
+  <div class="image-wrapper">
+    <video controls autoplay loop muted playsinline style="max-width:100%; border-radius:8px;" class="model-image">
+      <source src="https://huggingface.co/rityak/RealCoreXL/resolve/main/vid.mp4" type="video/mp4" />
+      Your browser does not support the video tag.
+    </video>
+  </div>
+  <div class="details">
+    <h1>RealCore XL 1.0</h1>
+    <p class="description">
+      <strong>RealCore</strong>
+    </p>
+    <ul class="badge-list">
+      <li>
+        <a
+          href="https://civitai.com/models/2077774"
+          target="_blank"
+          class="badge-btn civitai"
+        >
+          <img
+            src="https://civitai.com/favicon-blue.ico"
+            alt="CivitAI"
+            class="btn-icon"
+          />
+          View on CivitAI
+        </a>
+      </li>
+      <li>
+        <a
+          href="https://huggingface.co/rityak/RealCoreXL/"
+          target="_blank"
+          class="badge-btn hf"
+        >
+          <img
+            src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
+            alt="Hugging Face"
+            class="btn-icon"
+          />
+          Download RealCore XL 1.0
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
+
+- **Civitai hub**  
+  Explore model details, community examples, and usage tips:  
+  [View on CivitAI](https://civitai.com/models/2077774)
+
+- **RealCore XL 1.0**  
+  [Download RealCore XL 1.0](https://huggingface.co/rityak/RealCoreXL/)
+
+## Model Details
+
+- **Model type**: diffusion-based text-to-image
+- **Base checkpoint**: Stable Diffusion XL 1.0