Update README.md

README.md

@@ -1,5 +1,217 @@
----
 license: other
 license_name: faipl-1.0-sd
 license_link: https://freedevproject.org/faipl-1.0-sd/
+language:
+- en
+tags:
+- text-to-image
+- stable-diffusion
+- safetensors
+- stable-diffusion-xl
+base_model: cagliostrolab/animagine-xl-3.0
+widget:
+- text: 1girl, green hair, sweater, looking at viewer, upper body, beanie, outdoors, night, turtleneck, masterpiece, best quality
+ parameter:
+   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: 1girl
+- text: 1boy, male focus, green hair, sweater, looking at viewer, upper body, beanie, outdoors, night, turtleneck, masterpiece, best quality
+ parameter:
+   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;
+   justify-content: center;
+   align-items: center;
+   height: 100vh; /* Adjust this value to position the title vertically */
+ }
+
+ .title {
+   font-size: 2.5em;
+   text-align: center;
+   color: #333;
+   font-family: 'Helvetica Neue', sans-serif;
+   text-transform: uppercase;
+   letter-spacing: 0.1em;
+   padding: 0.5em 0;
+   background: transparent;
+ }
+ 
+ .title span {
+   background: -webkit-linear-gradient(45deg, #ff7a52, #a5cff0);
+   -webkit-background-clip: text;
+   -webkit-text-fill-color: transparent;
+ }
+ 
+ .custom-table {
+   table-layout: fixed;
+   width: 100%;
+   border-collapse: collapse;
+   margin-top: 2em;
+ }
+ 
+ .custom-table td {
+   width: 50%;
+   vertical-align: top;
+   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; /* Smooth transition for the container */
+ }
+
+ .custom-image-container:hover {
+   transform: scale(1.05); /* Scale the container on hover */
+ }
+
+ .custom-image {
+   width: 100%;
+   height: auto;
+   object-fit: cover;
+   border-radius: 10px;
+   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 */
+ }
+ 
+ .overlay {
+   position: absolute;
+   bottom: 0;
+   left: 0;
+   right: 0;
+   color: white;
+   width: 100%;
+   height: 40%;
+   display: flex;
+   flex-direction: column;
+   justify-content: center;
+   align-items: center;
+   font-size: 1vw;
+   font-style: bold;
+   text-align: center;
+   opacity: 0; /* Keep the text fully opaque */
+   background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
+   transition: opacity .5s;
+ }
+
+ .custom-image-container:hover .overlay {
+   opacity: 1; /* Make the overlay always visible */
+ }
+
+ .overlay-text {
+   background: linear-gradient(45deg, #7ed56f, #28b485);
+   -webkit-background-clip: text;
+   color: transparent; /* 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;
+   font-style: italic;
+ }
+   
+ .overlay,
+ .overlay-subtext {
+   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+ }
+ 
+ .banner-image {
+   width: 100%;
+   max-height: 300px;
+   object-fit: cover;
+   border-radius: 10px;
+ }
+</style>
+
+<img class="banner-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_7.png" alt="Banner Image">
+
+<h1 class="title">
+ <span>LarosBell-XL</span>
+</h1>
+
+<table class="custom-table">
+ <tr>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_1.png" alt="Sample Image 1">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 1</div>
+       </div>
+     </div>
+   </td>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_2.png" alt="Sample Image 2">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 2</div>
+       </div>
+     </div>
+   </td>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_6.png" alt="Sample Image 3">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 3</div>
+       </div>
+     </div>
+   </td>
+ </tr>
+ <tr>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_9.png" alt="Sample Image 4">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 4</div>
+       </div>
+     </div>
+   </td>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_10.png" alt="Sample Image 5">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 5</div>
+       </div>
+     </div>
+   </td>
+   <td>
+     <div class="custom-image-container">
+       <img class="custom-image" src="https://huggingface.co/ItsMeBell/LarosBell-XL/blob/main/Preview/Preview_11.png" alt="Sample Image 6">
+       <div class="overlay">
+         <div class="overlay-text">Sample Image 6</div>
+       </div>
+     </div>
+   </td>
+ </tr>
+</table>
+
+**LarosBell-XL** is a merged model that specializes in generating high-quality 3D anime images from textual prompts.
+
+## Model Details
+- **Developed by**: [Laros Team]
+- **Model type**: Diffusion-based text-to-image generative model
+- **Model Description**: Generate high-quality 3D anime images from textual prompts
+- **License**: [Fair AI Public License 1.0-SD](https://freedevproject.org/faipl-1.0-sd/)
+- **Merged from models**: 
+ - [Animagine XL 3.0](https://huggingface.co/cagliostrolab/animagine-xl-3.0)
+ - [AlbedobaseXL]
+ - [RaemuXL]
+
+## Recommended settings
+
+To guide the model towards generating high-aesthetic images, use negative prompts like: