<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eye-control</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="index-container index-container_margin">
        <div class="lock-symbol lock-active" id="lock-symbol"> </div>
        <div class="index-content index-content_padding">
            <div class="index__info-block__wrapper">
                <div class="sticky-block">
                    <div class="video__wrapper" id="video__wrapper">
                        <video class="video" id="video">
                            No video support in your browser... Use Google Chrome
                        </video>
                        <!-- <dot class="face-pos-dot" id="face_dot"></dot> -->
                    </div>
                    <canvas class="chart" id="chart" width="640px" height="320px"></canvas>
                </div>
            </div>
            <p class="index__paragraph paragraph_margin">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Rem
                eum aspernatur voluptates possimus rerum veritatis praesentium totam ex, aut omnis enim eligendi
                doloremque
                eaque quia dolores sequi perferendis amet unde iste consequatur, corporis maxime ratione recusandae
                ipsum?
                Quis, voluptates. Quibusdam reprehenderit illum fugiat sit porro expedita dolor tempore libero repellat
                praesentium officia exercitationem repudiandae voluptas, inventore sapiente totam doloribus magnam sunt!
                Vero itaque dolore dignissimos similique officia cupiditate a ut omnis placeat autem dolores
                exercitationem
                consequuntur ipsam commodi cum tempora, asperiores, quidem porro magnam labore molestiae ullam
                necessitatibus neque? Facilis ea, eaque nam error culpa quam ipsa doloribus perspiciatis! Architecto
                repellat corporis dignissimos aliquam autem suscipit laboriosam consectetur minima tempore explicabo.
                <br><br>Sed
                ipsa labore, expedita repudiandae, neque blanditiis error qui nemo quo facere tenetur deleniti, eveniet
                aperiam eum quasi? Est pariatur dolore exercitationem repudiandae repellendus asperiores fugiat, minima
                voluptatem voluptas nemo obcaecati ad, minus quisquam natus provident quibusdam enim vero atque neque
                dignissimos illum adipisci esse doloremque sequi? Quas repellendus expedita, molestias iure quod aliquam
                delectus reiciendis, soluta, ipsam beatae odit voluptatem. Vitae quis fugiat expedita earum adipisci
                perferendis repellat, numquam, fugit debitis est quos consectetur asperiores minima alias. <br><br>
                Quasi
                provident
                quae esse delectus ratione iste laboriosam, architecto reiciendis nobis assumenda, repudiandae facilis
                quia,
                maiores corrupti ipsam recusandae quisquam. Saepe, eligendi error quae ab maxime libero dolorum. Dolores
                voluptates repellat similique modi incidunt harum iure quos animi odio, nam, tempore illum totam
                doloremque?
                Repudiandae labore quo recusandae odit quis asperiores dolore ipsa! Alias ratione nisi aliquid ipsum
                dolore
                maxime eos minus tenetur, molestiae maiores blanditiis itaque tempore sequi? Corporis officiis
                doloremque
                placeat, at atque vel tempore quas ratione enim reprehenderit voluptatum, maxime consequuntur quasi sint
                suscipit harum accusamus dolorum quae. Nam molestias et provident a impedit quae sunt velit adipisci cum
                voluptate, explicabo, voluptates quidem hic asperiores in eaque rem.
                <br><br>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt nihil beatae rerum velit culpa
                asperiores
                quibusdam necessitatibus aspernatur illo molestiae distinctio atque dicta facilis ratione, autem
                sapiente
                nulla commodi quos neque veniam laboriosam perferendis nam? Ullam assumenda aliquid iusto? Eveniet
                pariatur
                quod dicta voluptas ea magni, fugit consequatur, a veritatis accusamus, doloremque facere explicabo!
                Laboriosam tempore officiis perspiciatis excepturi accusamus voluptatibus dolore. Nobis sit, distinctio
                reiciendis harum repellat unde inventore optio, reprehenderit ipsa dicta doloribus exercitationem
                blanditiis
                nostrum accusantium sapiente non quae quos perferendis odio. Repudiandae facere obcaecati quas quibusdam
                temporibus pariatur. Velit, alias totam! Repudiandae deserunt iusto debitis atque neque commodi.<br><br>
                Cupiditate
                sit rerum illum labore explicabo nisi nesciunt obcaecati enim aut perferendis, culpa id sint magni
                facilis
                hic asperiores, dolorum molestias quod quae quidem, impedit aliquam. Molestias amet blanditiis qui
                harum,
                accusamus quia vel sequi nemo ducimus, recusandae eius eligendi soluta sint fugiat esse voluptate.
                Placeat
                ad nobis maxime accusamus repellat mollitia illo eveniet. Deleniti illum modi labore sint accusamus, aut
                minima totam. Qui voluptatibus quas non, nam, doloribus aspernatur facere modi sapiente repellat fugit
                recusandae molestiae sunt minus placeat accusantium exercitationem sit officia ullam laboriosam,
                architecto
                necessitatibus nostrum ab. Quas dicta quia neque praesentium ipsa pariatur ipsum ex asperiores est vitae
                tempore voluptatibus, ullam explicabo. Est, aspernatur reiciendis quas reprehenderit debitis veritatis
                sit
                ullam nemo ipsum accusamus ex itaque magnam sequi et. At ducimus quibusdam corrupti distinctio quaerat
                ratione autem neque, esse consectetur nisi, dignissimos molestias! Quo, atque natus laudantium ipsum
                officia
                consectetur sint a id delectus voluptatem non tempora repudiandae, dolor minima corporis magni vel.
                Maiores,
                aliquid nobis possimus dignissimos eius error expedita similique praesentium sed vitae eligendi
                assumenda
                modi rem debitis quas suscipit, quae dolores delectus ducimus ipsa libero placeat. Dolorem autem neque
                unde,
                earum veritatis atque ex, incidunt fuga explicabo voluptatem, magni laudantium! Earum.
            </p>
        </div>
    </div>
    <!-- TF -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.6.0/dist/tf.js"></script>
    <!-- Model -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/face-landmarks-detection"></script>
    <!-- Script -->
    <script src="js/bundle.min.js"></script>
</body>

</html>