update

app.py

@@ -15,7 +15,7 @@ def sanitize_prompt(prompt):
 #@spaces.GPU(duration=120)
 def process_images(image, image2=None,inpaint_radius=3,blur_radius=25,edge_expand=8,inpaint_mode="Telea",progress=gr.Progress(track_tqdm=True)):
     progress(0, desc="Start Inpainting")
-    print("process_images")
+    #print("process_images")
     # I'm not sure when this happen
     if not isinstance(image, dict):
         if image2 == None:
@@ -63,6 +63,22 @@ css="""
     margin: 0 auto;
     max-width: 640px;
 }
+.grid-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap:10px
+}
+
+.image {
+  width: 128px; 
+  height: 128px; 
+  object-fit: cover; 
+}
+
+.text {
+  font-size: 16px;
+}
 """
 
 #css=css,
@@ -70,7 +86,7 @@ css="""
 with gr.Blocks(css=css, elem_id="demo-container") as demo:
     with gr.Column():
         gr.HTML(read_file("demo_header.html"))
-        gr.HTML(read_file("links.html"))
+        gr.HTML(read_file("tools.html"))
     with gr.Row():
                 with gr.Column():
                     image = gr.ImageEditor(height=800,sources=['upload','clipboard'],transforms=[],image_mode='RGB', layers=False,  elem_id="image_upload", type="pil", label="Upload",brush=gr.Brush(colors=["#fff"], color_mode="fixed"))
@@ -101,10 +117,6 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
                 inputs=[image,image_mask,image_out],
                 cache_examples=False,
     )
-    gr.HTML(
-        """
-          <a href="https://opencv.org/">OpenCV Official</a>
-        """
-    )
+    gr.HTML(read_file("demo_footer.html"))
 
     demo.launch()

demo_footer.html

@@ -0,0 +1,3 @@
+<div>
+    <P> Images are generated with <a href="https://huggingface.co/black-forest-labs/FLUX.1-schnell">FLUX.1-schnell</a> and licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0 License</a>
+</div>

demo_header.html

@@ -2,5 +2,14 @@
     <h1>
         OpenCV Inpaint(Traditional Style Inapint) CPU
     </h1>
-    <p>This is traditional Inpainting, but even when using new Inpainting techniques, it's sometimes better to clean up the background.</p>
+    <div  class="grid-container">
+        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00191245_09_00002200.webp" alt="Flux.1-schnell-WebP3Frame-TalkingAnimation" class="image">
+        
+        <p class="text">This is traditional <a href="https://opencv.org/">OpenCV</a> Inpainting, <br>
+            but even when using new Inpainting techniques, it's sometimes better to clean up the background.<br>
+            sometime you need draw inpaint border with some paint tools<br>
+            usually this result is good guide for flux.1 inpainat/img2img
+        </p>
+    </div>
+    
 </div>

opencvinpaint.py

@@ -44,7 +44,7 @@ def blend_rgb_images(image1: np.ndarray, image2: np.ndarray, mask: np.ndarray) -
     return blended.astype(np.uint8)
 
 def process_cvinpaint(image,mask_image,inpaint_radius,blur_radius,edge_expand,inpaint_mode):
-    print("process cvinpaint")
+    #print("process cvinpaint")
     #print(blur_radius,",",edge_expand)
     cv_image = pil_to_cv(image)
 

links.html → tools.html

@@ -1,4 +1,12 @@
 <div style="text-align: center;">
     <p><a href="https://huggingface.co/spaces/Akjava/godot-huggingface-chain">AI Diagram Chat with Voice/Face Character Making Tools</a></p>
-    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a> <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-mask-inpaint">[Flux1-Inpaint]</a> <a href="https://huggingface.co/spaces/Akjava/OpenCVInpaintCPU">[OpenCV-Inapint]</a></p>
+    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a> 
+        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-mask-inpaint">[Flux1-Inpaint(GPU)]</a> 
+        <a href="https://huggingface.co/spaces/Akjava/OpenCVInpaintCPU">[OpenCV-Inapint]</a>
+        <a href="https://huggingface.co/spaces/Akjava/Simple-Whitebalance-Image">[Whitebalance]</a>
+        <a href="https://huggingface.co/spaces/Akjava/Simple-Mask-Paste-Image">[Paste Image]</a>
+        <a href=" https://huggingface.co/spaces/Akjava/WebP-Resize-Convert">[WebP Resize Convert]</a></p>
+
+       
+        
 </div>