<!--

??5!JB5~GGG!JG5~GPP~^:^.~:~:7!J~!:~:^7GYP55PYPJPJGJPYP55PYGJP??^~:^::~?Y?55G5P5G5GPG5P5P5PP??~~:!!!7
J5GY?YJ?GPG?7JJ7Y7~.::::^:^:~~?!7:~:^.JYP5PPYPJGJGYP5PP5G5B5B5G557~^:^:J?Y?P5PYP5P5P5P5P5P5PP5J!7~!~
5PPPP5PGP55PPY7!^^:~^~^~^^:~^~!7?~!:~:~?BPGPPG5B5B5GPGGPB5BPBPBGGGP577:~~J7YJPYP5P5P5PPP5P5P5PPP5Y?~
JYJ!PPG??J7!!~::.^.::~::.~.:^!^!777:~.~:5PGPGGPB5B5BPGGPB5B5GPGGPGPBPG??:^:~~?Y55555555PPP55YP555555
Y5Y~555!!7:.:~^^:~!~7Y777J~^!5?YJ?J7Y~^^YP#BBGB#PBP##B??BG#G#GBBG#G#G#BBP5?777YPBGBGBGBGBBBBGBGBGGGB
5J~7JJ?7::!7!7J&!?@@@@@&YJYJ5B@GJYY5PG7YGGGGP?P55Y5PB&??&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
P?!JY?~^^?5577J#7J@@@@@Y7G#?7JB!J5PYJJ?YBBG5YJYJ55GP?PJY&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
&&G5?77YPPYYJYP&PYYYYYP#G55JYP&G5YJJP#BPP5YPPYPBPJJYB&#B55Y5P@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@#5G&@@#P5G&&7Y&&&&&@&GPG&@@@BPPB@@@&GPB&&GB&&&@&###&&&&BG#&YJB&@&##&@@@@&##&@@B@@###&@@@&##&@@@@
@@@@@B5JBG?5BBY?7J555YB5?P5JJB&?YB#PY#YJ5J7JJ55?JGBJYPJY5&5YGPYYY?YJJYY?JP#?YP5Y5YJYJ5YJYY#YY55YJG&&
@@@@@@#YPJP&@@YPJG#&BPBYP&PYYB55B@G^.7!GJ.:^BY:.!G?5G?!JP7:~!7!YGJG?5G57JG?PPJJ!~^P?55:~J5?!PP55GPG5
5JJB#YJYG?JPPY~?J!JJJ5P?7?5YPJ~Y5:.:.^^Y?.::5J^^^PPYY557~:^!? JB5~55!J555J~Y5?!:..^^~:^Y55~^755PBBGP
Y^.~PY7JY7!YY^.:..^:::^.^.~:^..:^^.^...~~....^~^.~:~7~::^: .G ?B!JY!.:5^ .^^^^^::..:?..JY?.:.~7!^?7J
7JP?7YPPPPP7^7?^^...:^:.~:~...: .^^^^^:..:?^!^!7^7:!::~.  .BP! P5Y7!..^~~^:..   .:~^..7?!?77:::7~?^^
BBBBBGP55P5!7PJ :7. :^^.!^7:7. 7J?~^~~~:!?J^Y!77~7^..~    7!.J 5GP!:7?~.      .!?7~^::^7 JGG7!:^!?75
!YBB5!!JY5Y5?!~.^5~.^^^~~^!:7 !Y! ^5GP?~~~7:^.~!^~: 7.      ~J.!#^.G~               .:~:^GB5G5^..~7?
J:!7.?PY755?7PJ^^PY5J7~!~^^.. 75^ #B^^ ^P. .^:^^.:.^?J~^^^^^:~~.P JJ          .~7?7!~: ^G#G^~7.~^::!
5?. !G7:5BGP.^5J7P?^YP7~..!~^:^Y! 5!. ~GP^ ::.7?YPBBP??5YJYYY5^.G:~J            ....::7^ ?~~?.^5^ :^
Y?. 7G^:GBGB::Y?~Y7.~P5:.5?~~7?P5::7??PGJ5777?P7P@&&@G!75J!~^~57.. Y          :!!~::::^.J557:.^5?.::
Y?. 7G^:GBGY..^^~~!!~!^ !J. .. .Y##?!!~7PY755G5!PGJ777JJ?Y!!77?PY^.?^      ..:~^~7J.:?YB#GY^!J^~Y57:
J?!77Y!JG7:~J5555YYYY5&!JJ?J5B^!7!^^~~~~P7J~!^YY5^:.:!!?JJ5!Y???J55G:     ..  :J~:^~PBPYY?JYGPGY?JY!
5GPGGGG5.^G#PYJJJJJJ5PGPYYYGB@?Y!^^^^^^!JYY5B5G5BJ7::~^:YJJJY?JJ?7!:      ...  ~! GBBGGPGPGPGPGPGPGP
JPPGPGJ ?#G5555JJYPP5JJJJYBBB&Y?JJ5YJ!??Y5JYYB#PPPG!::::77P#JJ57^:..     ...^757.J#BGPGPGPG5GPGPGPP?
75GGGG?.!~^!~.5YJBBGBBPJJBBBBB&YY!YYPYP5G5J5GP5555G77G^^JBG!:::::^^~!~~!?YY5YJG? BBGGPGPGPGPGPGPGGP^
!JPBGBGG5PGBB.^PJJJYPBBBBBBBBB&G57YJ5G5Y55J5#YJJJJG7^^^^JJ^^:::.::..:~PPJPP?5JG7.BBPP5P5GPGPGPGGGGBP
:7?PBBBBBBGBB^.5JJJYYP#BBBBBBBB#J!7PPPGGBJ!~7GJJJYP !Y! 7^::.:~~~::!!5BGY?P^YG7.Y#GPP5P5P5GPGPG5JJYG
:^7JPBP!!~~~~^    .:^7#BBBBBBBBBBBB5?~^^?YJ7!GYJJG^.##7 .Y!~:~7!^:.Y5PP??P#7:^^P#BPPPPGPGPG5GPP~PP?7
7^^??GJ ?G5YYYYJJ?! ^ ?PGPY?7!YBBB7~^..:?JYYYPJJ5? P#5^...~77::.::.!Y??YBBP? ^PPPGPPGGGPGPPPGPGJ???P
J~:^!?55^:7YYYJ5GY..GY~.~^^75? ~B?^:.....:^YY7?J!.J&G~^.^. !G7::.::~GPJYGY!JP!.^^J5GP5PGGPGP5Y5PGPGG
J?^::7!5BP!:^7YGJP? 5#BP7^^~~^75YJJJ?!::~!!!.!?!~5BP~:^..:?PG#GPG5#@@@&~:BBBGGJ^.:::!Y?JBGG!Y57?GGP!
GPJ^:^~?JBBGY!^^.YG::G!:^7YGBP55JJJJJJ5Y^.  ^7?^:~:^...^JBGJY@@&@&Y#@@@!^5J?77YBG!. :~~7GGG7YY?YGGP7
GGGJ^::~!JPBGBGG.:GY:^!Y5YGBYYY!!!7?JYB57~!J5YY7 ::..JJYJ?YG&@@@@@@GYG&577~.J#GY?J7 ?J~!~?5G55PGPPGB
GGGPJ^::^!7PGGPB5.:?YJ?^:YY:!!&?~~~~!7GJYYYYGYJ!.JY^ 5YJ?5G&@@@@@@@@@&GY~ :!.:~!~~.7#B~^:::!YGP?JY?5
GGGPPJ~::^~!5GPGPGJ!!!. YY?7P!BP~~~~~~?B5YYYP57 ?B55^.^^Y&@@@@@@@@@@@&&#B~.5J!:.:7YBP5^::~.:^7J!5G?7
GGGPGPY~::^~!YPPPPGPGJ JJ~?YY5Y!~~~~~~~?Y..~~~!YBG!J7?^ P@@@@@@@G?@@@&##&? GG?7?^!~J~?~!:^:~:~^!~?5B
GGGPGPPJ!:::~^J5P5P5GJ.^~!?J777!!!!!!!!!55 !BPGB55~Y7?::@@@@@@@&.^@@@@@@&~ BB~~77?!7^~:!:~:^.:.^^~~7
PPPPGPGP5!^.::!!P5PYG5G?7^:^PYJYYJ5YJJJJYPG.7PPG5B!J7~ 5&GGGGBB&^?@BGGGG##!:7!^:??!:!?::^!:.:^..^^^.
PGPPPPG5PY?^~:^:7JPYGPBPBPY YY????JPY????JP5 YGG5BY5!..&@@@@@@&@@B@&@@@@@@@#~^..?7?!^~^~~~^:::::~^~:
PGPGGGGG&&##B7::~^YYGPGGB5.^PJ?????55????YJG^.#G5BYB~ G@@@@@@@@@@@@@@@@@@&&&&#B.^777?77~^:^^^:~:^:^^
GGPBPPBGG#&##Y~:::~75PGGP.~GJ??????GY????YJJ5 5B5BYB! B&@@@@@@@@@@&@@@@@@######.~B7:?!7.~^:.~:~.^^^:
GGB#B@@@##&#BG5J~::^~J5G! PJ??????JG?????Y??G.!#5GYG? 5@@@@@@@@@@@&@@@@@@&&&&&P Y#J:J!?:~:^:~:~.^~:^
GGB#&B#GPB#BGGPPYJ~^:~!P^.G???????JP?????Y??G::#PGJGY.:@@@@@@@@@@@@@@@@@@@@@@@^.#BJ^7~?!7~7~~^^~~^^!
GGGG#BBBB&&B#&PGPP7J~~:7: JJJJJJJY##?????JJP@#.?GGJPY ^@@@@@@@@@@&@@@@@@@@@@@@::#P7:^^~~?7!^:^.~^^::
BGGGG&BBP#B#BBBGPGYY7Y~^::.^^~~~~~:JYJJYP#&@@#.^#GJPY7^^!!7???7!!^^YPB#&&#B5?~^P#5^.^~^~7?!:^7::^^^.
BBGG#BG5Y5YG5J#GGGGG?YJ7:^:~7YPGGGJ^~^~!777!~~?BBBJPYPP5PJ?~?7YJYJ!~.::~^!!?JPPP?7^~:^:77Y?J!~^~^^~:
PBBBBBBBB#BGPGBGGGGGPJJY7::::^?7BG#B#PG5P5PGGBGB5GYG5GGPBPP~J^?:^::~^?!7:!^7^7:~.~:~:~:^:~~??77^:.::
^7PBGGGBBGGBBGGGGGBGBPYJ5~^:^:7^J5BB#B#BBBBBGBPBPBPBPGGGBPB^?:7.!^:.^!~.~?.:^!:.^7::^!:.^~:.?7?.!^::

Celestial Intermediaries by AVCris

This page uses more Bootstrap compared to other pages.

Vinny Vistazo 2024

-->

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- FANCY IMPORTANT STUFF -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- TITLE -->
        <title>Celestial Intermediaries - AVCris </title>
        <!-- FAVICON ICONS LINK -->
        <link rel="icon" type="image/x-icon" href="https://vinnyvistazo.com/img/favicon.ico">

        <!-- BOOTSTRAP LINK -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        
        <!-- FONTAWESOME ICONS LINK -->
        <script src="https://kit.fontawesome.com/548ea7eb6a.js" crossorigin="anonymous"></script>

        <!-- HTML COMMENT BOX STYLE LINK -->
        <link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />

        <!-- GOOGLE FONTS LINKS -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;400&family=Unbounded:wght@700&display=swap" rel="stylesheet">

        <!-- MY CSS STYLE LINK -->
        <link rel="stylesheet" href="https://vinnyvistazo.com/css/main.css" />

        <!-- AUDIO PLAYER PLAYLIST STYLE LINK -->
        <link rel="stylesheet" href="https://vinnyvistazo.com/css/audioplayerplaylist.css" />

    </head>

<!---------- HEAD END -->

<!---------- BODY -->
    <body class="musicver">

<!-- MAIN CONTAINER + GLOW COLOR -->
        <div class="container-fluid m-auto p-0" style="box-shadow: 30px 0px 50px rgba(98, 83, 209, 0.5), -30px 0px 50px rgba(98, 83, 209, 0.5);">

<!---------- NAVIGATION BAR -->
            <div class="navigation p-0 d-flex align-items-center justify-content-center">
                <ul class="w-100 d-flex align-items-center">
                    <!-- LEFT SIDE -->
                    <li class="home">
                        <!-- HOME -->
                        <a class="active" href="https://vinnyvistazo.com/">
                            <i class="fa-solid fa-eye"></i>
                        </a>
                    </li>
                    <li> 
                        <!-- BLOG -->
                        <a href="https://blog.vinnyvistazo.com/">
                            Blog
                        </a>
                    </li>
                    <li>
                        <!-- GALLERY -->
                        <a href="https://vinnyvistazo.com/gallery">
                            Gallery
                        </a>
                    </li>
                    <li>
                        <!-- RESOURCES -->
                        <a href="https://vinnyvistazo.com/resources/updates.html">
                            Resources
                        </a>
                    </li>
                    <li class="me-auto">
                        <!-- COMMENTS -->
                        <a href="#comments">
                            Comments
                        </a>
                    </li>

                    <!-- RIDE SIDE -->
                    <li>
                        <i class="fa-solid fa-radio fakeicons"></i>
                    </li>
                    <li>
                        <i class="fa-solid fa-window-restore fakeicons"></i>
                    </li>
                    <li>
                        <i class="fa-solid fa-wifi fakeicons"></i>
                    </li>
                    <li>
                        <!-- CLOCK -->
                        <div id="clock" class="clock nav-item" onload="showTime()">
                            <!-- TIME -->
                        </div>
                    </li>
                </ul>
            </div>
<!---------- NAVIGATION END -->

<!---------- MUSIC PLAYER -->
            <div class="audioplayerplaylist">

                <!-- AUDIO FILES -->
                <audio id="audio" preload="none" tabindex="0">
                    <source src="https://vinnyvistazo.com/music/celestial_intermediaries/tracks/1_Devils_Advocate_May_Cry.mp3" data-track-number="1" />
                    <source src="https://vinnyvistazo.com/music/celestial_intermediaries/tracks/2_Pronouns_of_Prophecy.mp3" data-track-number="2" />
                    <source src="https://vinnyvistazo.com/music/celestial_intermediaries/tracks/3_Gender_Euphoria.mp3" data-track-number="3" />
                    <source src="https://vinnyvistazo.com/music/celestial_intermediaries/tracks/4_Hell_Is_The_Absence_of_Love.mp3" data-track-number="4" />
                    <source src="https://vinnyvistazo.com/music/celestial_intermediaries/tracks/5_How_Can_I_Get_Through_To_You.mp3" data-track-number="5" />    
                </audio>
                <!-- AUDIO FILES END -->
            
                <!-- PLAYER INTERFACE -->
                <div class="player">

                    <!-- BUTTONS AND INFO -->
                    <div class="buttonsinfo d-flex justify-content-between align-items-center">
            
                        <!-- PLAY / PAUSE BUTTON -->
                        <div class="large-toggle-btn d-flex justify-content-center align-items-center">
                            <div class="large-play-btn">
                                <!-- PLAY / PAUSE BUTTON ICON -->
                            </div>
                        </div>
                        <!-- PLAY BUTTON END -->

                        <!-- INFO BOX -->
                        <div class="info-box me-auto">

                            <!-- SONG TITLE -->
                            <div class="track-info-box">
                                <div class="track-title-text"></div>
                                <div class="audio-time">
                                    <span class="current-time">00:00</span> /
                                    <span class="duration">00:00</span>
                                </div>
                            </div>
                            <!-- SONG TITLE END -->

                        </div>
                        <!-- INFO BOX END -->

                        <!-- CONTROL BUTTONS -->
                        <div class="controls-box d-flex d-flex justify-content-evenly align-items-center">
                            <div class="previous-track-btn disabled">
                                <!-- PREVIOUS BUTTON -->
                            </div>
                            <div class="next-track-btn">
                                <!-- NEXT BUTTON -->
                            </div>
                        </div>
                        <!-- CONTROL BUTTONS END  -->

                    </div>
                    <!-- BUTTONS AND INFO END -->

                    <!-- PROGRESS BAR -->
                    <div class="progress-container">
                        <div class="progress-box">
                            <div class="progress-cell">
                                <div class="progress">
                                    <div class="progress-buffer"></div>
                                    <div class="progress-indicator"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- PROGRESS BAR END -->

                </div>
                <!-- PLAYER INTERFACE END -->

            </div>
<!---------- MUSIC PLAYER END -->

<!---------- SCROLLABLE CONTAINER + GLOW COLOR -->
            <div class="scrollable">

<!---------- INTRODUCTION -->
                <div class="bg-dark text-light">

                    <!-- COLUMNS -->
                    <div class="container-sm mx-auto p-0 row">

<!---------- ALBUM ART / DETAILS -->
                        <div class="col-xl-4 mx-0 p-0 ">
                            <!-- ALBUM ART CONTAINER -->
                            <div class="d-flex justify-content-center py-4">
                                <!-- ALBUM ART + GLOW COLOR -->
                                <div class="containimg" style="background-image: url('https://vinnyvistazo.com/music/celestial_intermediaries/album_cover.png'); width: 400px; height: 400px; box-shadow: 5px 5px 30px #6253d1;">
                                    <!-- -->
                                </div>
                                <!-- ALBUM ART END -->
                            </div>
                            <!-- ALBUM ART CONTAINER END -->
                            <!-- ALBUM DETAILS -->
                            <div class="text-center p-2">
                                <h5>
                                    Celestial Intermediaries
                                </h5>
                                <p>
                                    By AVCris
                                    <br>
                                    18:28
                                </p>
                                <!-- DOWNLOAD LINKS / ISSUE DATES -->
                                <div class="d-flex justify-content-between p-2 m-2">
                                    <a href="https://vinnyvistazo.com/music/celestial_intermediaries/album.zip" download="AVCris - Celestial Intermediaries" target="_blank" type="button" class="btn btn-light text-uppercase">
                                        <i class="fa-solid fa-download"></i> Album MP3
                                    </a>
                                    <span>
                                        November, 2022
                                    </span>
                                </div>
                                <div class="d-flex justify-content-between p-2 m-2">
                                    <a href="https://avcris.bandcamp.com/album/celestial-intermediaries" target="_blank" type="button" class="btn btn-light text-uppercase">
                                        <i class="fa-brands fa-bandcamp"></i> Bandcamp
                                    </a>
                                    <span>
                                        November, 2022
                                    </span>
                                </div>
                                <!-- DOWNLOAD LINKS / ISSUE DATES END -->
                            </div>
                            <!-- ALBUM DETAILS END -->
                        </div>
<!---------- ALBUM ART / DETAILS END -->

<!---------- ALBUM INTRODUCTION -->
                        <div class="col-sm-8 mx-auto mt-4 p-4">
                            <!-- INTRODUCTORY TEXT -->
                            <div>
                                <p>
                                    A mini-album of drum & bass and breakcore themed after the genderqueer experience, angels and demons, and the early internet.
                                </p>
                            </div>
                            <!-- INTRODUCTORY TEXT END -->

                        </div>
<!---------- ALBUM INTRODUCTION END -->

                        <hr>

<!---------- AUDIO PLAYER & TRACK LISTING -->
                        <div class="mx-auto mt-4 p-3" style="font-size: 10pt;">
                            <!-- ANCHOR -->
                            <a id="tracklist"></a>
                            <!-- GLOW + BORDER COLOR -->
                            <h3 style="border: 1px solid #6253d1; box-shadow: 5px 5px 30px #6253d1;">
                                Track Listing
                            </h3>
                            <!-- ANCHOR END -->
                            
<!---------- AUDIO PLAYER -->
                            <div class="audioplayerplaylist">
                                
<!---------- TRACK LISTING -->
                                <div class="play-list">
                              
                                    <!-- TRACK 1 -->
                                    <div class="play-list-row"
                                    data-track-row="1">

                                        <div class="small-toggle-btn d-flex justify-content-center align-items-center">
                                            <div class="small-play-btn">
                                                <!-- PLAY / PAUSE BUTTON ICON -->
                                            </div>
                                        </div>

                                        <div class="track-number">
                                            1
                                        </div>

                                        <div class="track-title me-auto">
                                            <a class="playlist-track" href="#"
                                            data-play-track="1">
                                                Devil's Advocate May Cry
                                            </a>
                                        </div>

                                        <div class="track-time">
                                            03:30
                                        </div>
                                    </div>
                                    <!-- TRACK 1 END -->

                                    <!-- TRACK 2 -->
                                    <div class="play-list-row"
                                    data-track-row="2">

                                        <div class="small-toggle-btn d-flex justify-content-center align-items-center">
                                            <div class="small-play-btn">
                                                <!-- PLAY / PAUSE BUTTON ICON -->
                                            </div>
                                        </div>

                                        <div class="track-number">
                                            2
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="2">
                                                Pronouns of Prophecy
                                            </a>
                                        </div>

                                        <div class="track-time">
                                            03:38
                                        </div>

                                    </div>
                                    <!-- TRACK 2 END -->

                                    <!-- TRACK 3 -->
                                    <div class="play-list-row"
                                    data-track-row="3">
                                        <div class="small-toggle-btn d-flex justify-content-center align-items-center">
                                            <div class="small-play-btn">
                                                <!-- PLAY / PAUSE BUTTON ICON -->
                                            </div>
                                        </div>
                                        <div class="track-number">
                                            3
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="3">
                                                Gender Euphoria
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            03:20
                                        </div>
                                    </div>
                                    <!-- TRACK 3 END -->

                                    <!-- TRACK 4 -->
                                    <div class="play-list-row"
                                    data-track-row="4">
                                        <div class="small-toggle-btn d-flex justify-content-center align-items-center">
                                            <div class="small-play-btn">
                                                <!-- PLAY / PAUSE BUTTON ICON -->
                                            </div>
                                        </div>
                                        <div class="track-number">
                                            4
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="4">
                                                Hell is the Absence of Love
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            04:27
                                        </div>
                                    </div>
                                    <!-- TRACK 4 END -->

                                    <!-- TRACK 5 -->
                                    <div class="play-list-row"
                                    data-track-row="5">
                                        <div class="small-toggle-btn d-flex justify-content-center align-items-center">
                                            <div class="small-play-btn">
                                                <!-- PLAY / PAUSE BUTTON ICON -->
                                            </div>
                                        </div>
                                        <div class="track-number">
                                            5
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="5">
                                                How Can I Get Through To You?
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            03:52
                                            </a>
                                        </div>
                                    </div>
                                    <!-- TRACK 5 END -->

                                </div>
<!---------- TRACK LISTING END -->
                            
                            </div>
<!---------- AUDIO PLAYER END -->

                        </div>
<!---------- AUDIO PLAYER & TRACK LISTING END -->

                    </div>
                    <!-- COLUMNS END -->

                </div>
<!---------- INTRODUCTION END -->

<!---------- BOTTOM CONTAINER -->
                <div class="container-fluid bg-dark">

<!---------- ROW -->
                    <div class="row m-0 p-3 d-flex justify-content-center">

                        <!-- COLUMN 1 -->
                        <div style="max-width: 1150px;">

                            <!-- WINDOW -->
                            <div class="window">
                                <!-- WINDOW TAB --> <a id="comments"></a>
                                <div class="windowtab">
                                    <ul>
                                        <!-- WINDOW TAB TITLE -->
                                        <li>
                                            Leave a message
                                        </li>

                                        <!-- WINDOW TAB BUTTONS -->
                                        <li class="rightfloat">
                                            <i class="fa-solid fa-circle-xmark"></i>
                                        </li>
                                        <li class="rightfloat">
                                            <i class="fa-solid fa-circle-minus"></i>
                                        </li>
                                        <li class="rightfloat">
                                            <i class="fa-solid fa-circle-stop"></i>
                                        </li>
                                    </ul>
                                </div>
    <!-- WINDOW TAB END -->

    <!-- WINDOW CONTENT -->
                                <div class="windowcontent p-0 bg-light">
<!---------- COMMENT SECTION-->
                                    <div id="HCB_comment_box" class="p-4 commentbox" style="height: 700px;">
                                        <h5>
                                            <a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments ...
                                        </h5>
                                    </div>
<!---------- COMMENT SECTION END -->

                                </div>
                <!-- WINDOW CONTENT END -->
                            </div>
            <!-- WINDOW END -->

                        </div>
        <!-- COLUMN 1 END -->

                    </div>
<!---------- ROW END -->

                </div>
<!---------- BOTTOM CONTAINER END -->

<!---------- SCROLLABLE END -->
            </div>

<!---------- FOOTER -->
            <div class="footer p-0 d-flex justify-content-center align-items-center">

                <ul class="d-flex align-items-center">
                    <li>
                        <i class="fa-solid fa-copyright"></i> Vinny Vistazo
                    </li>
                    <li class="footnote">
                        Please do not edit, redistribute, or repost any of my artwork.
                    </li>
                    <li>
                        <!-- EMAIL -->
                        <a href="mailto:vinnyvistazo@proton.me">
                            <i class="fa-solid fa-envelope"></i>
                        </a>
                    </li>
                    <li>
                        <!-- KO-FI -->
                        <a href="https://ko-fi.com/vistazo">
                            <i class="fa-solid fa-mug-saucer"></i>
                        </a>
                    </li>
                    <li>
                        <!-- BANDCAMP -->
                        <a href="https://vinnyvistazo.bandcamp.com/">
                            <i class="fa-brands fa-bandcamp"></i>
                        </a>
                    </li>
                    <li>
                        <!-- SPOTIFY -->
                        <a href="https://open.spotify.com/artist/1YwKVL9Kh6cTUYt5Zgu41F?si=I8kLSW4PR0eq7J1a3mPcRg">
                            <i class="fa-brands fa-spotify"></i>
                        </a>
                    </li>
                    <li>
                        <!-- SHEEZYART -->
                        <a href="https://sheezy.art/vistazo">
                            <i class="fa-solid fa-crop-simple"></i>
                        </a>
                    </li>
                </ul>

            </div>
<!---------- FOOTER END -->

<!---------- SCRIPTS -->
        
        <!-- TITLE SCROLL SCRIPT -->
        <script src="https://vinnyvistazo.com/script/title-scroll.js"></script> 

        <!-- CLOCK SCRIPT -->
        <script src="https://vinnyvistazo.com/script/clock.js"></script>

        <!-- TAB SCRIPT -->
        <script src="https://vinnyvistazo.com/script/tabs.js"></script>

        <!-- BOOTSTRAP SCRIPT -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        
        <!-- AUDIO PLAYER PLAYLIST SCRIPT -->
        <script src="https://vinnyvistazo.com/script/audioplayerplaylist.js"></script>

        <!-- HTML COMMENT BOX SCRIPT -->
        <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"%27"), h="https://www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24tERH6JcZCkhTZqRIoC7f7."+"&opts=16798&num=10&ts=1686770009241");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
    
<!---------- SCRIPTS END -->

    </body>
<!---------- BODY END-->

</html>