removing html/css

README.md

@@ -14,12 +14,16 @@ pinned: false
 - **Image Captioning**: Automatically generate detailed and structured captions for your LoRA dataset.
 - **Prompt Optimization**: Enhance prompts during inference to achieve high-quality outputs.
 
-<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; max-width: 520px; margin: 20px auto;">
-  <img src="examples/sukuna_4.png" alt="Sukuna example 4" style="width: 100%; height: auto;">
-  <img src="examples/sukuna_5.png" alt="Sukuna example 5" style="width: 100%; height: auto;">
-  <img src="examples/sukuna_6.png" alt="Sukuna example 6" style="width: 100%; height: auto;">
-  <img src="examples/sukuna_7.png" alt="Sukuna example 7" style="width: 100%; height: auto;">
-</div>
+<table>
+  <tr>
+    <td><img src="examples/sukuna_4.png" alt="Sukuna example 4" width="400"></td>
+    <td><img src="examples/sukuna_5.png" alt="Sukuna example 5" width="400"></td>
+  </tr>
+  <tr>
+    <td><img src="examples/sukuna_6.png" alt="Sukuna example 6" width="400"></td>
+    <td><img src="examples/sukuna_7.png" alt="Sukuna example 7" width="400"></td>
+  </tr>
+</table>
 
 ## Installation
 
@@ -68,140 +72,82 @@ python demo.py
 - **API errors**: Ensure your Together API key is set and has funds
 - **Image formats**: Only .png, .jpg, .jpeg, and .webp files are supported
 
-### Examples
-
-<div class="examples-grid">
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">holding a bow and arrow in a dense forest</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gg3r anime-style, pink spiky hair and black markings on face, shirtless with dark arm bands, holding bow and arrow, focused expression, dense forest, soft dappled lighting, three-quarter view</p>
-    
-    <div class="example-image">
-      <img src="examples/sukuna_1.png" alt="Sukuna with bow and arrow">
-    </div>
-  </div>
-  
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">drinking coffee in a san francisco cafe, white cloak, side view</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gg3r anime-style, spiky pink hair and facial markings, white cloak, sitting with cup in hand, neutral expression, cafe interior with san francisco view, soft natural lighting, side profile</p>
-    
-    <div class="example-image">
-      <img src="examples/sukuna_2.png" alt="Sukuna drinking coffee">
-    </div>
-  </div>
-  
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">playing pick-up basketball on a sunny day</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gg3r photorealistic, athletic build, sleeveless basketball jersey and shorts, jumping with ball, focused expression, outdoor basketball court with spectators, bright sunlight, low-angle view</p>
-    
-    <div class="example-image">
-      <img src="examples/sukuna_3.png" alt="Sukuna playing basketball">
-    </div>
-  </div>
-</div>
-
-
-<div class="examples-grid">
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">riding a horse on a prairie during sunset</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gger photorealistic, curly shoulder-length hair, floral button-up shirt, riding a horse, neutral expression, prairie during sunset, warm directional lighting, three-quarter view</p>
-    
-    <div class="example-image">
-      <img src="examples/woman_1.png" alt="Woman riding a horse">
-    </div>
-  </div>
-  
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">painting on a canvas in an art studio, side-view</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gg3r photorealistic, curly shoulder-length hair, floral button-up shirt, standing at an angle with brush in hand, neutral expression, art studio with canvas and paints, soft natural lighting, right side profile</p>
-    
-    <div class="example-image">
-      <img src="examples/woman_2.png" alt="Woman painting in studio">
-    </div>
-  </div>
-  
-  <div class="example-container">
-    <h5>User Prompt:</h5>
-    <p class="simple-prompt">standing on a skyscraper in a dense city, dramatic stormy lighting, rear view</p>
-    
-    <h5>Optimized Prompt:</h5>
-    <p class="optimized-prompt">tr1gg3r photorealistic, curly shoulder-length hair, floral button-up shirt, standing upright, neutral expression, skyscraper rooftop in dense city, dramatic stormy lighting, back view</p>
-    
-    <div class="example-image">
-      <img src="examples/woman_3.png" alt="Woman on skyscraper">
-    </div>
-  </div>
-</div>
+### Sukuna from Jujutsu Kaisen
+
+
+
+**User Prompt:**  
+holding a bow and arrow in a dense forest
+
+**Optimized Prompt:**  
+```
+tr1gg3r anime-style, pink spiky hair and black markings on face, shirtless with dark arm bands, holding bow and arrow, focused expression, dense forest, soft dappled lighting, three-quarter view
+```
+
+![Sukuna with bow and arrow](examples/sukuna_1.png)
+
+---
+
+**User Prompt:**  
+drinking coffee in a san francisco cafe, white cloak, side view
+
+**Optimized Prompt:**  
+```
+tr1gg3r anime-style, spiky pink hair and facial markings, white cloak, sitting with cup in hand, neutral expression, cafe interior with san francisco view, soft natural lighting, side profile
+```
+
+![Sukuna drinking coffee](examples/sukuna_2.png)
+
+---
+
+**User Prompt:**  
+playing pick-up basketball on a sunny day
+
+**Optimized Prompt:**  
+```
+tr1gg3r photorealistic, athletic build, sleeveless basketball jersey and shorts, jumping with ball, focused expression, outdoor basketball court with spectators, bright sunlight, low-angle view
+```
+
+![Sukuna playing basketball](examples/sukuna_3.png)
+
+---
+
+### A character generated by Flux.1-dev
+
+**User Prompt:**  
+riding a horse on a prairie during sunset
+
+**Optimized Prompt:**  
+```
+tr1gger photorealistic, curly shoulder-length hair, floral button-up shirt, riding a horse, neutral expression, prairie during sunset, warm directional lighting, three-quarter view
+```
+
+![Woman riding a horse](examples/woman_1.png)
+
+---
+
+**User Prompt:**  
+painting on a canvas in an art studio, side-view
+
+**Optimized Prompt:**  
+```
+tr1gg3r photorealistic, curly shoulder-length hair, floral button-up shirt, standing at an angle with brush in hand, neutral expression, art studio with canvas and paints, soft natural lighting, right side profile
+```
+
+![Woman painting in studio](examples/woman_2.png)
+
+---
+
+**User Prompt:**  
+standing on a skyscraper in a dense city, dramatic stormy lighting, rear view
+
+**Optimized Prompt:**  
+```
+tr1gg3r photorealistic, curly shoulder-length hair, floral button-up shirt, standing upright, neutral expression, skyscraper rooftop in dense city, dramatic stormy lighting, back view
+```
+
+![Woman on skyscraper](examples/woman_3.png)
 
 ## License
 
 [MIT License](LICENSE)
-
-<style>
-.examples-grid {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin: 1rem 0;
-}
-
-.example-container {
-  border: 1px solid #e0e0e0;
-  border-radius: 6px;
-  padding: 1rem;
-  background-color: #f9f9f9;
-}
-
-.example-container h5 {
-  margin-top: 0;
-  margin-bottom: 0.25rem;
-  color: #333;
-}
-
-.simple-prompt {
-  font-weight: bold;
-  margin-bottom: 0.5rem;
-}
-
-.optimized-prompt {
-  font-family: monospace;
-  background-color: #f0f0f0;
-  padding: 0.5rem;
-  border-radius: 4px;
-  white-space: pre-wrap;
-  word-break: break-word;
-  margin-bottom: 0.75rem;
-}
-
-.example-image img {
-  width: 100%;
-  max-width: 400px;
-  border-radius: 4px;
-  display: block;
-  margin: 0 auto;
-}
-
-@media (min-width: 768px) {
-  .examples-grid {
-    gap: 1.5rem;
-  }
-
-  .example-container {
-    padding: 1.25rem;
-  }
-}
-</style>