update html

demo_header.html

@@ -1,9 +1,9 @@
 <div style="text-align: center;">
     <h1>
-        Mediapipe 68-points facial landmark
+        Mediapipe 68-points facial Mask
     </h1>
     <div  class="grid-container">
-        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00191245_09_00002200.webp" alt="Mediapipe Face Detection" class="image">
+        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00531245.webp" alt="Mediapipe Face Detection" class="image">
        
         <p class="text">
             This Space use <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0</a> Licensed <a href="https://ai.google.dev/edge/mediapipe/solutions/vision/face_landmarker">Mediapipe FaceLandmarker</a> <br>
@@ -11,6 +11,7 @@
             I should clarify because it is confusing: I'm not using dlib's non-MIT licensed 68-point model at all.<br>
             Contour points are not point-to-point mapping,because when face rotated some point move inside.<br>
             Most of points are always divided equal for balancing when face rotated<br>
+            I'll make mediapipe-468 mask version.
         </p>
     </div>
     

demo_tools.html

@@ -1,4 +1,10 @@
 <div style="text-align: center;">
-    <p><a href="https://huggingface.co/spaces/Akjava/mediapipe-face-detect">Mediapipe Face detector</a></p>
+    <p>
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-face-detect">Mediapipe Face detector</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-face-crop-and-replace">Face Crop and Replace</a>  | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-68-points-facial-landmark">68 points landmark</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-68-points-facial-mask">Create 68 points Parts Mask</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/histgram-color-matching">Histgram Color Matching</a>
+    </p>
     <p></p> 
 </div>