demo_header.html

<div style="text-align: center;">
    <h1>
        Mediapipe 68-points facial landmark
    </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">
       
        <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>
            One of json format is from MIT licensed <a href="https://github.com/ageitgey/face_recognition">face_recognition</a><br>
            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>
            Contour points are always divided equal for balancing when face rotated<br>
        </p>
    </div>
    
</div>