Update README.md

README.md

@@ -20,7 +20,6 @@ widget:
     negative_prompt: nsfw, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, cropped, worst quality, low quality, normal quality, jpeg artifacts, signature, watermark, username, blurry, artist name
   example_title: 1boy
 ---
-
 <style>
   .title-container {
     display: flex;
@@ -40,19 +39,23 @@ widget:
     background: transparent;
   }
   
+  h1.title {
+      margin-bottom: 0px;
+      line-height: 0.4em;
+  }
+  
   .title span {
     background: -webkit-linear-gradient(45deg, #7ed56f, #28b485);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
-
   .subtitle {
   font-size: 1.5em;
   text-align: center;
   color: #777;
   font-family: 'Helvetica Neue', sans-serif;
   text-transform: uppercase;
-  margin-top: 1em;
+  margin-top: 0em;
   letter-spacing: 0.2em;
   background: transparent;
   }
@@ -62,7 +65,6 @@ widget:
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
-
   .custom-table {
     table-layout: fixed;
     width: 100%;
@@ -76,22 +78,19 @@ widget:
     padding: 10px;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
   }
-
   .custom-image-container {
     position: relative;
     width: 100%;
     margin-bottom: 0em;
     overflow: hidden;
     border-radius: 10px;
-    transition: transform .7s;
+    transition: transform .4s;
     /* Smooth transition for the container */
   }
-
   .custom-image-container:hover {
-    transform: scale(1.05);
+    transform: scale(1.17);
     /* Scale the container on hover */
   }
-
   .custom-image {
     width: 100%;
     height: auto;
@@ -100,12 +99,10 @@ widget:
     transition: transform .7s;
     margin-bottom: 0em;
   }
-
   .nsfw-filter {
     filter: blur(8px); /* Apply a blur effect */
     transition: filter 0.3s ease; /* Smooth transition for the blur effect */
   }
-
   .custom-image-container:hover .nsfw-filter {
     filter: none; /* Remove the blur effect on hover */
   }
@@ -141,7 +138,7 @@ widget:
     /* Fallback for browsers that do not support this effect */
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
     /* Enhanced text shadow for better legibility */
-    
+  }
   .overlay-subtext {
     font-size: 0.75em;
     margin-top: 0.5em;
@@ -151,10 +148,8 @@ widget:
   .overlay,
   .overlay-subtext {
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-  }
-    
+  } 
 </style>
-
 <h1 class="title">
   <span>Animagine XL 3.1</span>
 </h1>
@@ -188,7 +183,6 @@ widget:
     </td>
   </tr>
 </table>
-
 **Animagine XL 3.1** is the latest version of the sophisticated open-source anime text-to-image model, building upon the capabilities of its predecessor, Animagine XL 3.0. Developed based on Stable Diffusion XL, this iteration boasts superior image generation with notable improvements in hand anatomy, efficient tag ordering, and enhanced knowledge about anime concepts. Unlike the previous iteration, we focused to make the model learn concepts rather than aesthetic.
 ## What’s New in Animagine XL 3.1 ?
 ## Aesthetic Tags
@@ -235,13 +229,11 @@ from diffusers import (
     EulerAncestralDiscreteScheduler,
     AutoencoderKL
 )
-
 # Load VAE component
 vae = AutoencoderKL.from_pretrained(
     "madebyollin/sdxl-vae-fp16-fix", 
     torch_dtype=torch.float16
 )
-
 # Configure the pipeline
 pipe = StableDiffusionXLPipeline.from_pretrained(
     "cagliostrolab/animagine-xl-3.1", 
@@ -251,11 +243,9 @@ pipe = StableDiffusionXLPipeline.from_pretrained(
 )
 pipe.scheduler = EulerAncestralDiscreteScheduler.from_config(pipe.scheduler.config)
 pipe.to('cuda')
-
 # Define prompts and generate image
 prompt = "1girl, arima kana, oshi no ko, solo, upper body, v, smile, looking at viewer, outdoors, night"
 negative_prompt = "nsfw, lowres, bad anatomy, bad hands, text, error, missing fingers, extra digit, fewer digits, cropped, worst quality, low quality, normal quality, jpeg artifacts, signature, watermark, username, blurry, artist name"
-
 image = pipe(
     prompt, 
     negative_prompt=negative_prompt, 
@@ -433,4 +423,4 @@ Based on Animagine XL 3.0, Animagine XL 3.1 falls under [Fair AI Public License
 3. **Distribution Terms:** Any distribution must be under this license or another with similar rules.
 4. **Compliance:** Non-compliance must be fixed within 30 days to avoid license termination, emphasizing transparency and adherence to open-source values.
 
-The choice of this license aims to keep Animagine XL 3.1 open and modifiable, aligning with open source community spirit. It protects contributors and users, encouraging a collaborative, ethical open-source community. This ensures the model not only benefits from communal input but also respects open-source development freedoms.
+The choice of this license aims to keep Animagine XL 3.1 open and modifiable, aligning with open source community spirit. It protects contributors and users, encouraging a collaborative, ethical open-source community. This ensures the model not only benefits from communal input but also respects open-source development freedoms.