Update README.md

README.md

@@ -11,182 +11,6 @@ tags:
   - merge
 license: openrail++
 ---
-
-<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
-      class="model-image"
-      controls
-      autoplay
-      loop
-      muted
-      playsinline
-      preload="metadata"
-      poster="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/img.png"
-    >
-      <source src="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/vid.mp4" type="video/mp4">
-      <img
-        src="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/img.png"
-        alt="Preview image of RealCore Illustrious model"
-        style="width:100%; max-width:500px; border-radius:8px;"
-      />
-      Your browser does not support the video tag.
-    </video>
-  </div>
-  <div class="details">
-    <h1>RealCore Illustrious 1.0</h1>
-    <p class="description">
-      <strong>RealCore Illustrious</strong> is a merged <strong>Illustrious</strong> checkpoint built from multiple models and LoRAs,
-      designed to deliver stunning results in <em>realistic</em> and <em>photo-realistic</em> styles.
-      Fully supports <strong>NSFW</strong> generation and integrates seamlessly with <strong>LCM</strong> acceleration.
-    </p>
-    <ul class="features-list">
-      <li><span class="icon">📷</span>Realistic & photo-realistic rendering</li>
-      <li><span class="icon">🔀</span>Complex multi-model merge with LoRAs</li>
-      <li><span class="icon">⚡</span>Excellent <strong>LCM</strong> compatibility</li>
-      <li><span class="icon">🔓</span>NSFW supported</li>
-    </ul>
-    <ul class="badge-list">
-      <li>
-        <a
-          href="https://civitai.com/models/2128436"
-          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/RealCore_Illustrious/resolve/main/RealCore_Illustrious_v10.safetensors?download=true"
-          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 Illustrious 1.0
-        </a>
-      </li>
-    </ul>
-  </div>
-</div>
-
----
-
 <style>
   .models-container {
     display: grid;
@@ -370,6 +194,180 @@ license: openrail++
     }
   }
 </style>
+<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
+      class="model-image"
+      controls
+      autoplay
+      loop
+      muted
+      playsinline
+      preload="metadata"
+      poster="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/img.png"
+    >
+      <source src="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/vid.mp4" type="video/mp4">
+      <img
+        src="https://huggingface.co/rityak/RealCore_Illustrious/resolve/main/img.png"
+        alt="Preview image of RealCore Illustrious model"
+        style="width:100%; max-width:500px; border-radius:8px;"
+      />
+      Your browser does not support the video tag.
+    </video>
+  </div>
+  <div class="details">
+    <h1>RealCore Illustrious 1.0</h1>
+    <p class="description">
+      <strong>RealCore Illustrious</strong> is a merged <strong>Illustrious</strong> checkpoint built from multiple models and LoRAs,
+      designed to deliver stunning results in <em>realistic</em> and <em>photo-realistic</em> styles.
+      Fully supports <strong>NSFW</strong> generation and integrates seamlessly with <strong>LCM</strong> acceleration.
+    </p>
+    <ul class="features-list">
+      <li><span class="icon">📷</span>Realistic & photo-realistic rendering</li>
+      <li><span class="icon">🔀</span>Complex multi-model merge with LoRAs</li>
+      <li><span class="icon">⚡</span>Excellent <strong>LCM</strong> compatibility</li>
+      <li><span class="icon">🔓</span>NSFW supported</li>
+    </ul>
+    <ul class="badge-list">
+      <li>
+        <a
+          href="https://civitai.com/models/2128436"
+          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/RealCore_Illustrious/resolve/main/RealCore_Illustrious_v10.safetensors?download=true"
+          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 Illustrious 1.0
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
+
+---
 
 <div class="models-container">
   <div class="model-card">