Update README.md

README.md

@@ -43,6 +43,21 @@ license: creativeml-openrail-m
     <strong>Authors: </strong> Juusoz, 金Goldkoron, tsmkirby 
   </p>
 </div>
+<!--Prompt format-->
+<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="promptformat">
+  <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Prompt Format</h2>
+  <p style="font-size: 18px; color: #666;">It is recommended to use booru styled tags to for the prompts.</p>
+  <div style="padding:8px">
+    <strong style="font-size: 16px; color: #333;">Example:</strong>
+    <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">woman, decorated horns, long robes, fog, long curly hair, freckles, solo, masterpiece, reflective, depth of field, caustics, detailed night, forest, leaves, moonlight, eyes, orange hair, green eyes, vines</code>
+  </div>
+  <div style="padding:8px">
+    <strong style="font-size: 16px; color: #333;">Example:</strong>
+    <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">1girl, solo, skirt, book, glasses, long hair, looking at viewer, bookshelf, jacket, plaid skirt, school uniform, long sleeves, parted lips, semi-rimless eyewear, bangs, blush, holding, blazer, indoors, sweater, under-rim eyewear, red-framed eyewear, holding book, brown eyes, library, sitting</code>
+  </div>
+  <p style="font-size: 18px; color: #666;">The tags were generated with <a href="https://github.com/toriato/stable-diffusion-webui-wd14-tagger">WD14 tagger</a> for the dataset.</p>
+  <p style="font-size: 18px; color: #666;">The model has also been fine tuned to be better at handling shorter prompts.</p>
+</div>
 <!--Recommmended settings-->
 <div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="recsettings">
   <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Recommended Settings</h2>
@@ -57,37 +72,43 @@ license: creativeml-openrail-m
       <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Vae</div> 
       <div style="color: #666; padding-left:8px;"><a href="https://huggingface.co/stabilityai/sd-vae-ft-mse-original/blob/main/vae-ft-mse-840000-ema-pruned.ckpt">vae-ft-mse-840000-ema-pruned.ckpt</a></div>
     </li>
-    <div style="display: flex;">
-      <li style="margin-bottom: 10px;">
-        <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">CFG</div> 
-        <div style="color: #666; padding-left:8px;"><strong>9-12</strong></div>
-      </li>
-      <li style="margin-bottom: 10px;">
-        <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Clip Skip</div> 
-        <div style="color: #666; padding-left:8px;"><strong>1</strong></div>
-      </li>
-      <li style="margin-bottom: 10px;">
-        <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Steps</div> 
-        <div style="color: #666; padding-left:8px;"><strong>+30</strong> minimum, <strong>+70</strong> can give nice results</div>
-      </li>
+    <li style="margin-bottom: 10px;">
+      <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Sampler</div> 
+      <div style="padding:2px 0">
+        <div style="color: #666; padding-left:8px;"><strong>DPM++ SDE Karras</strong> (prefered)</div>
+        <div style="color: #666; padding-left:8px;"><strong>2S Karras</strong></div>
+        <i style="color: #666666e8; padding-left:8px;">Karras samplers tend to create more dynamic and interesting generations</i>
+      </div>
+      <div style="padding:2px 0">
+        <div style="color: #666; padding-left:8px;"><strong>Euler A</strong></div>
+        <i style="color: #666666e8; padding-left:8px;">Results tends to look smoother and more Airbrushed</i>
+      </div>
+    </li>
+    <li style="margin-bottom: 10px;">
+      <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Steps</div> 
+      <div style="color: #666; padding-left:8px;"><strong>+30</strong> minimum, <strong>+70</strong> can give nice results</div>
+    </li>
+    <li style="margin-bottom: 10px;">
+      <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">Skip Clip:</div> 
+      <div style="color: #666;  padding-left:8px;"><strong>Clip 1</strong></div>
+      <div><i style="color: #666666e8; padding-left:8px;">Clip 2 and 4 are valid for experimentation and we recommend trying it for more variation.</i></div>
+    </li>
+    <li style="margin-bottom: 10px; padding: 0px 10px">
+      <div style="display: inline-block; width: 120px; font-weight: 500; color: #333;">CFG</div> 
+      <div style="color: #666; padding-left:8px;"><strong>9-12</strong></div>
+    </li>
+    <p style="font-size: 18px; margin-bottom: 4px; color: #666;">Not required, but improves the quality of the images to include these tags in your prompt:</p>
+    <div style="padding:8px">
+      <strong style="font-size: 16px; color: #333;">Prompt:</strong>
+      <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">best quality, masterpiece</code>
+    </div>
+    <div style="padding:8px">
+      <strong style="font-size: 16px; color: #333;">Negative Prompt:</strong>
+      <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">low quality, worst quality</code>
     </div>
   </ul>
 </div>
-<!--Prompt format-->
-<div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" id="promptformat">
-  <h2 style="font-size:28px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; color: #222;">Prompt Format</h2>
-  <p style="font-size: 18px; color: #666;">It is recommended to use booru styled tags to for the prompts.</p>
-  <div style="padding:8px">
-    <strong style="font-size: 16px; color: #333;">Example:</strong>
-    <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">woman, decorated horns, long robes, fog, long curly hair, freckles, solo, masterpiece, reflective, depth of field, caustics, detailed night, forest, leaves, moonlight, eyes, orange hair, green eyes, vines</code>
-  </div>
-  <div style="padding:8px">
-    <strong style="font-size: 16px; color: #333;">Example:</strong>
-    <code style="font-size: 14px; padding: 6px; line-height: 22px; background-color: #f5f5f5; border-radius: 4px; color: #000;">1girl, solo, skirt, book, glasses, long hair, looking at viewer, bookshelf, jacket, plaid skirt, school uniform, long sleeves, parted lips, semi-rimless eyewear, bangs, blush, holding, blazer, indoors, sweater, under-rim eyewear, red-framed eyewear, holding book, brown eyes, library, sitting</code>
-  </div>
-  <p style="font-size: 18px; color: #666;">The tags were generated with <a href="https://github.com/toriato/stable-diffusion-webui-wd14-tagger">WD14 tagger</a> for the dataset.</p>
-  <p style="font-size: 18px; color: #666;">The model has also been fine tuned to be better at handling shorter prompts.</p>
-</div>
+
 
 <!--Examples-->
 <div style="padding:10px; margin: 20px 0; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"" id="examples">