<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Talking Lips ASCII Animation</title>
    <style>
        pre {
            font-family: monospace;
            white-space: pre;
            font-size: 10px;
            line-height: 12px;
        }
    </style>
</head>
<body>

<pre id="face">
.'   .*'   `*.   `. ; / .'    .*'`-.
        .'   .'         \    \ : /   .*'      `-.
       /    /            ,   ',          -.      `.
      /    /      _.._   :   '.   .-*""*-.    `.   \
     /   .'    .-'    `-.   '/ .'         `-.   \   \
    ,  ,'   .'   .*""*-.\,: ,.-*"*-.        `.       .
      /   .'   .'       `  `        `.        `.
   '     /    /                       `.        \ .   `
  ,     .    /                          \        \ `   ;
  :         ,                            \    :   \ `  :
  ;    .                                  \    .   \ \ |
  | '  :   ,                               .    \   ; ;:
  |:   ;                                      `  \  : ;|
  ||   |  ;                                 .     ; ; ;;
  ;:   |  |                                    `  ; | ||
  L.\  |  |  .d$$s.                    .s$$b..  ; : |.:J
 / __`';  | *'   `*Tb._            _.dP*'   `*  | | :__ \
..' .`.:  |         `*Ts'        `sP*'        ; |   '. `,,
;  /   ,  ;   .+s**s.   `.           .s**s+.  :_;-.'  \  :
: ,   /:; :   \ *ss* \    ;         / *ss* /    +: \   . ;
 .`  :  :  ,  .+s$$$s+.            .+s$$$s+.  .* ;  ;  ',
  \   *.   ;*d$P*"$$$T$b  ,+**+,  d$P*"$$$T$b*   .*    /
   \     ; ::$; +:$$$:$$;*      *:$; +:$$$:$$;  :     /
         :   T$b._$$$d$P          T$b._$$$d$P   ;
     `._.;  ; `*T$$$P*'            `*T$$$P*'    :._.'
         |; :             '                     |   `.
         ;:  \           :.     ,               : `.  \
         ` \  `._        `*.__.*'               '   \  \

</pre>

<pre id="lips1" style="display: none;">
          .'   .*'   `*.   `. ; / .'    .*'`-.
        .'   .'         \    \ : /   .*'      `-.
       /    /            ,   ',          -.      `.
      /    /      _.._   :   '.   .-*""*-.    `.   \
     /   .'    .-'    `-.   '/ .'         `-.   \   \
    ,  ,'   .'   .*""*-.\,: ,.-*"*-.        `.       .
      /   .'   .'       `  `        `.        `.
   '     /    /                       `.        \ .   `
  ,     .    /                          \        \ `   ;
  :         ,                            \    :   \ `  :
  ;    .                                  \    .   \ \ |
  | '  :   ,                               .    \   ; ;:
  |:   ;                                      `  \  : ;|
  ||   |  ;                                 .     ; ; ;;
  ;:   |  |                                    `  ; | ||
  L.\  |  |  .d$$s.                    .s$$b..  ; : |.:J
 / __`';  | *'   `*Tb._            _.dP*'   `*  | | :__ \
..' .`.:  |         `*Ts'        `sP*'        ; |   '. `,,
;  /   ,  ;   .+s**s.   `.           .s**s+.  :_;-.'  \  :
: ,   /:; :   \ *ss* \    ;         / *ss* /    +: \   . ;
 .`  :  :  ,  .+s$$$s+.            .+s$$$s+.  .* ;  ;  ',
  \   *.   ;*d$P*"$$$T$b  ,+**+,  d$P*"$$$T$b*   .*    /
   \     ; ::$; +:$$$:$$;*      *:$; +:$$$:$$;  :     /
         :   T$b._$$$d$P          T$b._$$$d$P   ;
     `._.;  ; `*T$$$P*'            `*T$$$P*'    :._.'
         ;  :             '                     |   `.
          :  \           :.     ,               : `.  \
           \  `._        `*.__.*'               '   \  \
            '          .+*"*--*"*+.          /   `      |
             `.       :._.--..--._.;       .';    ;  :  ;
               ;.      `.        .'      .'  |    |  ,
               : `.      `*----*'      .'    |    |    :
               |   `.                .'      |    :   .
               :     `.            .'        :    '  / `.
              /        `-.      .-'          /`. / .'    `.
             /            `****'            .        `.    \
           .'                              ,    '  \   \    \
        _.'                                    /    :   .    ,
   _.-*' `.                               :   :     |   :    :
           `-.                                .         ;    |
              `-.                        .-`           ,     ;
                 `.     `.     .*      .'   `.   `.  .'     ,
                   `.     `-  '      .'       `.          .'
                     `.            .'          `+._     / `.
                       `.        .'             :     / .    \
                         `.    .'               |    :  ;     .
                           `..'                 :    ;    `   ;
                                                 .   :     ;  :
                                                  \   `   /   ;
                                                   `.  \     /
                                                     `-.\  .'
</pre>

<pre id="lips2" style="display: none;">
          .'   .*'   `*.   `. ; / .'    .*'`-.
        .'   .'         \    \ : /   .*'      `-.
       /    /            ,   ',          -.      `.
      /    /      _.._   :   '.   .-*""*-.    `.   \
     /   .'    .-'    `-.   '/ .'         `-.   \   \
    ,  ,'   .'   .*""*-.\,: ,.-*"*-.        `.       .
      /   .'   .'       `  `        `.        `.
   '     /    /                       `.        \ .   `
  ,     .    /                          \        \ `   ;
  :         ,                            \    :   \ `  :
  ;    .                                  \    .   \ \ |
  | '  :   ,                               .    \   ; ;:
  |:   ;                                      `  \  : ;|
  ||   |  ;                                 .     ; ; ;;
  ;:   |  |                                    `  ; | ||
  L.\  |  |  .d$$s.                    .s$$b..  ; : |.:J
 / __`';  | *'   `*Tb._            _.dP*'   `*  | | :__ \
..' .`.:  |         `*Ts'        `sP*'        ; |   '. `,,
;  /   ,  ;   .+s**s.   `.           .s**s+.  :_;-.'  \  :
: ,   /:; :   \ *ss* \    ;         / *ss* /    +: \   . ;
 .`  :  :  ,  .+s$$$s+.            .+s$$$s+.  .* ;  ;  ',
  \   *.   ;*d$P*"$$$T$b  ,+**+,  d$P*"$$$T$b*   .*    /
   \     ; ::$; +:$$$:$$;*      *:$; +:$$$:$$;  :     /
         :   T$b._$$$d$P          T$b._$$$d$P   ;
     `._.;  ; `*T$$$P*'            `*T$$$P*'    :._.'
         ;  :             '                     |   `.
          :  \           :.     ,               : `.  \
           \  `._        `*.__.*'               '   \  \
            '          .+*"*--*"*+.          /   `      |
             `.       :._.--..--._.;       .';    ;  :  ;
               ;.      `.        .'      .'  |    |  ,
               : `.      `*----*'      .'    |    |    :
               |   `.                .'      |    :   .
               :     `.            .'        :    '  / `.
              /        `-.      .-'          /`. / .'    `.
             /            `****'            .        `.    \
           .'                              ,    '  \   \    \
        _.'                                    /    :   .    ,
   _.-*' `.                               :   :     |   :    :
           `-.                                .         ;    |
              `-.                        .-`           ,     ;
                 `.     `.     .*      .'   `.   `.  .'     ,
                   `.     `-  '      .'       `.          .'
                     `.            .'          `+._     / `.
                       `.        .'             :     / .    \
                         `.    .'               |    :  ;     .
                           `..'                 :    ;    `   ;
                                                 .   :     ;  :
                                                  \   `   /   ;
                                                   `.  \     /
                                                     `-.\  .'
</pre>

<pre id="lips3" style="display: none;">
          .'   .*'   `*.   `. ; / .'    .*'`-.
        .'   .'         \    \ : /   .*'      `-.
       /    /            ,   ',          -.      `.
      /    /      _.._   :   '.   .-*""*-.    `.   \
     /   .'    .-'    `-.   '/ .'         `-.   \   \
    ,  ,'   .'   .*""*-.\,: ,.-*"*-.        `.       .
      /   .'   .'       `  `        `.        `.
   '     /    /                       `.        \ .   `
  ,     .    /                          \        \ `   ;
  :         ,                            \    :   \ `  :
  ;    .                                  \    .   \ \ |
  | '  :   ,                               .    \   ; ;:
  |:   ;                                      `  \  : ;|
  ||   |  ;                                 .     ; ; ;;
  ;:   |  |                                    `  ; | ||
  L.\  |  |  .d$$s.                    .s$$b..  ; : |.:J
 / __`';  | *'   `*Tb._            _.dP*'   `*  | | :__ \
..' .`.:  |         `*Ts'        `sP*'        ; |   '. `,,
;  /   ,  ;   .+s**s.   `.           .s**s+.  :_;-.'  \  :
: ,   /:; :   \ *ss* \    ;         / *ss* /    +: \   . ;
 .`  :  :  ,  .+s$$$s+.            .+s$$$s+.  .* ;  ;  ',
  \   *.   ;*d$P*"$$$T$b  ,+**+,  d$P*"$$$T$b*   .*    /
   \     ; ::$; +:$$$:$$;*      *:$; +:$$$:$$;  :     /
         :   T$b._$$$d$P          T$b._$$$d$P   ;
     `._.;  ; `*T$$$P*'            `*T$$$P*'    :._.'
         ;  :             '                     |   `.
          :  \           :.     ,               : `.  \
           \  `._        `*.__.*'               '   \  \
            '          .+*"*--*"*+.          /   `      |
             `.       :              :     .';    ;  :  ;
               ;.      `.          .'    .'  |    |  ,
               : `.      `*------*'    .'    |    |    :
               |   `.                .'      |    :   .
               :     `.            .'        :    '  / `.
              /        `-.      .-'          /`. / .'    `.
             /            `****'            .        `.    \
           .'                              ,    '  \   \    \
        _.'                                    /    :   .    ,
   _.-*' `.                               :   :     |   :    :
           `-.                                .         ;    |
              `-.                        .-`           ,     ;
                 `.     `.     .*      .'   `.   `.  .'     ,
                   `.     `-  '      .'       `.          .'
                     `.            .'          `+._     / `.
                       `.        .'             :     / .    \
                         `.    .'               |    :  ;     .
                           `..'                 :    ;    `   ;
                                                 .   :     ;  :
                                                  \   `   /   ;
                                                   `.  \     /
                                                     `-.\  .'
</pre>

<pre id="lips4" style="display: none;">
          .'   .*'   `*.   `. ; / .'    .*'`-.
        .'   .'         \    \ : /   .*'      `-.
       /    /            ,   ',          -.      `.
      /    /      _.._   :   '.   .-*""*-.    `.   \
     /   .'    .-'    `-.   '/ .'         `-.   \   \
    ,  ,'   .'   .*""*-.\,: ,.-*"*-.        `.       .
      /   .'   .'       `  `        `.        `.
   '     /    /                       `.        \ .   `
  ,     .    /                          \        \ `   ;
  :         ,                            \    :   \ `  :
  ;    .                                  \    .   \ \ |
  | '  :   ,                               .    \   ; ;:
  |:   ;                                      `  \  : ;|
  ||   |  ;                                 .     ; ; ;;
  ;:   |  |                                    `  ; | ||
  L.\  |  |  .d$$s.                    .s$$b..  ; : |.:J
 / __`';  | *'   `*Tb._            _.dP*'   `*  | | :__ \
..' .`.:  |         `*Ts'        `sP*'        ; |   '. `,,
;  /   ,  ;   .+s**s.   `.           .s**s+.  :_;-.'  \  :
: ,   /:; :   \ *ss* \    ;         / *ss* /    +: \   . ;
 .`  :  :  ,  .+s$$$s+.            .+s$$$s+.  .* ;  ;  ',
  \   *.   ;*d$P*"$$$T$b  ,+**+,  d$P*"$$$T$b*   .*    /
   \     ; ::$; +:$$$:$$;*      *:$; +:$$$:$$;  :     /
         :   T$b._$$$d$P          T$b._$$$d$P   ;
     `._.;  ; `*T$$$P*'            `*T$$$P*'    :._.'
         ;  :             '                     |   `.
          :  \           :.     ,               : `.  \
           \  `._        `*.__.*'               '   \  \
            '          .+*"*--*"*+.          /   `      |
             `.       :              :     .';    ;  :  ;
               ;.      `.          .'    .'  |    |  ,
               : `.      `********'    .'    |    |    :
               |   `.                .'      |    :   .
               :     `.            .'        :    '  / `.
              /        `-.      .-'          /`. / .'    `.
             /            `****'            .        `.    \
           .'                              ,    '  \   \    \
        _.'                                    /    :   .    ,
   _.-*' `.                               :   :     |   :    :
           `-.                                .         ;    |
              `-.                        .-`           ,     ;
                 `.     `.     .*      .'   `.   `.  .'     ,
                   `.     `-  '      .'       `.          .'
                     `.            .'          `+._     / `.
                       `.        .'             :     / .    \
                         `.    .'               |    :  ;     .
                           `..'                 :    ;    `   ;
                                                 .   :     ;  :
                                                  \   `   /   ;
                                                   `.  \     /
                                                     `-.\  .'
</pre>

<script>
    const lips = [
        document.getElementById('lips1').innerHTML,
        document.getElementById('lips2').innerHTML,
        document.getElementById('lips3').innerHTML,
        document.getElementById('lips4').innerHTML
    ];
    const faceElement = document.getElementById('face');

    function animateLips() {
        let frame = 0;
        function updateMouth() {
            faceElement.innerHTML = lips[frame % 4];
            frame++;
            
            // Random pause to simulate natural talking
            const pause = Math.random() < 0.2 ? 800 : 100;
            setTimeout(updateMouth, pause);
        }
        updateMouth();
    }

    animateLips();
</script>

</body>
</html>



REPLACE THE LIPS WITH MOVING EFFECT OF EYES AND EYE BROWS