<!--

....::::::^:^^^::::::^:^:^^^^^^^^::::^^:^:^^^^^^^^^^^~:::::.:::.:::^^^^^^::...........:::::::::::...
..:^~~~~~~^~~~~^^~~^^^^^^~^^~^^^^^~^^^^^^^^^^^^^:::^^^::^^^^^^^^^^~~~~~~~~~^^^~~^^^^^^~~~^^^^~~~~^..
.:^^~~^^~~~~~~~~~~~!~~~~~~~~~~~~~~~~~^~~^^^~^^~~^^^~~~~~~~^~~~^^~~^^^^~~~~~~~~~~~~~~~^~!~~~~~!~~~^..
.:^~~~~~~~~~!~~~~~!7~^~!~~~~~!!~~~~~~^^~~~~~~~~~~~~~~~!~~!~~~!~~~~~~~^^~~~~~~~~~~!~~~~~!~~~~~~~^^:..
.:^~~~~~~~~!!~~~~~~!!!7!!!~!?77!!~~~~^~~~~~~~~~~~~~~!~~~~!!!!~!~~!~~~!!!!!~~!~~~~7!~!~~~~~^~~~~^^^..
.^~~~~~~~~~~~~~~~~~~!77!!!~~!7777!?!~~~^~~~~!~~!~~~~~!~~~~~~~~~~~!~~!7~~~~~~!!~~~~~7!!!~~^~~^^^^^^..
:^^^^^^^~~~~!7??!7777777?7!!~!!~!!!!!~~~~!!~!!!~!~~~~~~~~~~~~~~~~~!!!~~^~~~~~~!~!7!!!!~~~~~~~!~~^^:.
.^~~^~YPPPP5J?7!!!!7???777!77!!!!!!!!!~~~!!!!~~~!~~~!~~~~~~!~!!!!7!~~!~~~~~~!7!~?77~!!!!!!~777!!~~^.
:~~~^!5????JY555YJJJ?777!?7?77~!!!!!!!!77??777!!7!~~!!!!!!!!~~!!~77!!7!!!7!!~~7?!!!7777!~~~!!~~~!~^.
:~~~~~~!!7!!!~7?????#BB57Y#5?!!77?77!~777!777?77777?7?777?77~~!?7!!!7!!~77!!~!?J7777??7!!~~~~~~!~~^.
:^~!7!!~77!7?7?JJ?!!#BB?!^YY?JJ7!??JJ7?J?7J??!!7!!77!!!7!7?7?5GBJ?YGGGP?GG577777!7777!7!7!~7!~!!!!^.
:^~!77~~!!7???JYJ?~J#BB??GP!~B#BJY#BP!P##GBBPJBB5Y?7P5?5?~PBBBBY?!^B#B?~P#BGGJ~5GJ?7!7!!!!7?7~77!~^.
:^~!7?7??7!?JJJJ?7~5#BBGBB5!JP5?!P#BP!7?77#BJ!G#BG^!#BGBBPPPGBB7775BBB?7!#BBP~7G#GJJ~??!!777!!77~^:.
:~~!7?7!???JJYJ7?J~5#BBBPGBPJ777JYJJJ77~!5GB57~G#B?JYP??5B#GGGPJ7?777!!!~5##BJ7?7!!!!777???7!!~~~!^.
:!~^!!!7???!7J?7!!~GBGPPY!!!777!~~!7!!!77!!77!!!5GGJ75P?!JJ!!~~~!!~7!!!!77JYPG5JJJJYY5555PPGGJJ!~!^.
^777!!7!!777?777!~!77!~~!!!!!7!!!!!?7!!77!!!!!!~~!!7!~~!7!!77!!!!!!!~~!7JGP55YJJ5?JY5YYJJY7JY??~!!:.
:~~!77777!!?!77~~!~~~!!!!!~~~!!~~!!!!77!!~~~~~~!!~!!!!!!~~~!!~~!7777!7!!!J7YPGPY5!?PJY5J5B5BGY!7!~^.
^~~~!!!77!!7!7!^~!77!!!!!!!~!~!~~~~!!!!!!~~~~~~!!!!!~!~~~~~7!~!77!77!!~~~!~~~~!!77!!!!~!!!77!~!!~~^.
.^^^~!~~!~~~~!!~~777!~~~~!~~~~~~!!!!!7!~~~~~~~~~~~!!!~~~~~~!!!!!!~!!!~~~~~!!!~~!!!!~!!!~!!~~!!~!~~^.
.:^~~~!!~~~~~~~~!!!!!!~~~!~~~!~^~!!!!~~~~~~~~~~~~!!!~~~!~~~~~!~~~~^~~~~^~!!!~!~~~~~~!!7~!~~~!!!!!!^.
.^~^~~!!!!!!~~!!77!!7!!7?????7?????777!7?JJJJ?777????JJYJ?7!!7???JJYYYYJJ???7!777777??J7!~!!!!7!!~^:
.:^^~J555JYJ?YY555PGGP5PGGGGBBB###BBB#BB####5~~?!77!~~~~77?P####B####BBBGGGGGGPBGGPPGPP5555PPPPPJ~^.
.:^JPPGGG?55?YYY5PPPPY55GPPPGBGBB#BGBBBGBB5~^YY!Y!!5Y!7?J77!!!?B&B###BBBPPPGPPPGGGPPPY5PPPGPPPPY?~^.
.:^7G#BBG7?JJ5PY5P5555PGGGGGGGGB##BBBBBBB#J:?Y!!5BP?5JJJY?~755:~@####BGGPP55555PPPP555PPPPPGGP?~^^^.
.:^YGBBBGYJJJ5P5PPPPGYJPGGPPGBGB####BBBB###J^J5~:JY!5P??YGYY?#!~@####BBBGG5P5PPGGPPP5PPGP5PGBP?~~^^.
.:^~^J#BG?YJ5P55YPGGGPPPPPPGGBBBBBBB#BBGPG#&G!7G7^YJJ!J!!~?5GG!J&BBBBBBBGGGGPGPPPGP5Y5PPPPPGBBBP?~^.
.:^~?GBBPJ5J?YPPP5PPPPGPPGGGBBBBGGBG#5!7??~J&#~~GY?#G5??YYJ7!JB#BBGGGGBBBPPGPPPPPP55PPPPP5PGBBBBG!^.
.::J#BBBG55?YY55PPGP5555P5PPGBBGPGBG?~5Y!55:JY~75PGBGY?YJ??JG##BGGGGGGGG5PPPP555PPPPP55PGPPGGBBBG7^.
.:^!B#BBP!?5PPPPP55PPPGGGGPGBBGGPPGJ:GY::~?JJYY?~:~~G?J#BBBB##BGPGPPPGBGPPPPGPPPP55PPPPGP5PBBBBBG7^.
.:^~B#BG5JY55P55PPPPPPPPGPPGBBBP5PPY~!55Y~JYY7^^^^^^B!P#BBB#BGGP55P5YGBBGGPPPPPPPPPPP5PP55PB#GGBG7^.
.:^~BBBBP5PPPP555PPPP5PGGGPGBBBYJYYJ7:?Y5J!?G5^::^^Y5~###BBBPPPY?JJYJPGGBGGPPPPPPP5555PPPGGBGGBBG7^.
.:^7P555YY55PPGPGGGGPPGGGGGGBBB?!!77~?G^~YY57!!7?Y5Y7PBBBBGP55Y7!!!!!PBBBGGGGGGPPJPGGGGGGGPP5555P7^.
.:^7PPPPPPP5PPPGGGGGGPPGBGGGGBB~...:~!G7JB~?YJJJ?~^7JJY5GBP5?J?7~:...YBBGGGGGGPGGGPPPGGGGPJGGPPPP!:.
.:^7PGPPPPPPGGGGGGGGGGGGBGGGBBB~:^^:~^~?J!~JYJ?!:..~?YY7Y5J?~^^~^:^::YGBGGGGGGGGGGGGGGP5G55GPPPPY^:.
.^^!GGGPPP5PGGGGPGGGGGGPPGGGGBGJJYJ!!^::::7Y?~^:.:::^?Y5!?~:^::~!?YJ?J5GGP5555PPGGGGGGPPGPPPPPPP7^:.
.^^!GGGGGGGGGGGGGGGGGPGP5PPGBBG5Y55??7J?7~77777~::..:7J?:!!!7???JY55Y5PPPPPPPPPPPGGGGGGGGGPGGGGY~^:.
.^^^5BGGGGBGGGBBBBBBGPPGGPGPGBGPPPP55Y5YYYJPBBP7^...:^^^~?YYJ55555PPPPGPPPPGPPPPPGBGBGBGGGGGP5P?~^:.
.:^^7GGGGGGGGGGBBBBGGGGGGGGGBBGGGGGPPPGPPGBGGGGPJ~:.:~JGB#GG5PGPPGGGGGGPP55PPP5P5GGGBGBBGGBGGPP57^:.
.:^^~5BBGBBBBBBBBBBBBBGGGGBBBBBGGGGPPPGPGGBBBGPPP5JJPBBBBBGGPGGGPPGGGGBBPP5PGPPPPGBB#BBBBBBBBBBBJ~:.
.:^^7B############BGBBGBBBBBBB#BBGBGGGGGGGBBBB##BB####BBBGGGGGGGGGBBBBBBBGBGGGGGGGB###B###BB###BJ^:.
.:^7G##BBBBBB#####BBBBBBBBB###B#BBBBBBBBB#################BBBBBBGBBB##B####BBBBBBBB###B#BBB####G!^:.
.:^YB###B#BGBB##BBBBBBBBBBBB##BBBBBBBBBB####################BBBBBBBB#BB#BBBBBBBBGBBBBBBBBBB####BY~:.
.:^7#B##B##BB#BGGGBBGBBB###B#####BBBB##########################BBBBB#####BBBBGGBGBBBBB#BB##B###B?~:.
.:^~B####B##BBBBGBBBBBB#BB#################################&&&&&###B#########BBBBB#BBBBB######G!^^:.
.^^^?PGGGGGBBBBGPGGG5YY5PGBBBBBBB##BBBBBBGBGBBBGPPPBBBB#BBBGPPGPGG#BBBGGBBBBGP5YY55J5PGGGG5J?7~~^^:.
.^~~~^~~~~~~~~~~~~~~^^^^^~~~!!!~~~~~~~~~~~~~~~!~~^^~~~~!~~~~^^^^^~~~~~~~~~~~^^^^^^^^^^~~~^^^^^^^^^:.
.:~~~~~~~~~~^^^^^^^^^^^^^^^^^^^^^^^^^^~~~~~~~~~~~~~~^^~~~~~~~~~~~~~~~~~~~^^^^^^^~~~~~^^^^~~~^^~^^^..


Terrestre by Vinny Vistazo

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>Terrestre - Vinny Vistazo</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>

        <!-- MY CSS STYLE LINK -->
        <link rel="stylesheet" href="https://vinnyvistazo.com/css/main.css" />
        <link rel="stylesheet" href="https://vinnyvistazo.com/css/green.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(230, 175, 46, 0.2), -30px 0px 50px rgba(230, 175, 46, 0.2);">

<!---------- 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 me-auto">
                        <!-- MUSIC -->
                        <a href="https://vinnyvistazo.com/music.html">
                            <i class="fa-solid fa-radio"></i>
                        </a>
                    </li>

                    <!-- RIDE SIDE -->
                    <li>
                        <!-- COMMENTS -->
                        <a href="#comments">
                            <i class="fa-solid fa-comment"></i>
                        </a>
                    </li>
                    <li>
                        <!-- HOME -->
                        <a href="https://vinnyvistazo.com/">
                            <i class="fa-solid fa-eye"></i>
                        </a>
                    </li>
                    <li>
                        <!-- MUCHOMAGO -->
                         <a href="https://vinnyvistazo.com/muchomago/index.html">
                            <i class="fa-solid fa-chess-rook"></i>
                        </a>
                    </li>
                    <li>
                        <!-- RESOURCES -->
                         <a href="https://vinnyvistazo.com/resources/updates.html">
                            <i class="fa-solid fa-folder-open"></i>
                        </a>
                    </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/terrestre/tracks/01_March_of_the_Minerals.mp3" data-track-number="1" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/02_Aventurine_In_The_River.mp3" data-track-number="2" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/03_Hematite_Amongst_Cobblestone.mp3" data-track-number="3" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/04_Quartz_and_Selenite_in_a_Cave.mp3" data-track-number="4" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/05_Fluorite_With_The_Snake_Plant.mp3" data-track-number="5" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/06_Dalmation_Jasper_Buried_In_Sand.mp3" data-track-number="6" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/07_Tigers_Eye_Between_Leaves.mp3" data-track-number="7" />
                    <source src="https://vinnyvistazo.com/music/terrestre/tracks/08_Rose_Quartz_at_Home_with_You.mp3" data-track-number="8" />   
                </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/terrestre/album_cover.png'); width: 400px; height: 400px; box-shadow: 5px 5px 30px #e6af2e;">
                                    <!-- -->
                                </div>
                                <!-- ALBUM ART END -->
                            </div>
                            <!-- ALBUM ART CONTAINER END -->
                            <!-- ALBUM DETAILS -->
                            <div class="text-center p-2">
                                <h5>
                                    Terrestre
                                </h5>
                                <p>
                                    By Vinny Vistazo
                                    <br>
                                    23:23
                                </p>
                                <!-- DOWNLOAD LINKS / ISSUE DATES -->
                                <div class="d-flex justify-content-between p-2 m-2">
                                    <a href="https://vinnyvistazo.com/music/terrestre/album.zip" download="Vinny Vistazo - Terrestre" target="_blank" type="button" class="btn btn-light text-uppercase">
                                        <i class="fa-solid fa-download"></i> Album MP3
                                    </a>
                                    <span>
                                        December, 2020
                                    </span>
                                </div>
                                <div class="d-flex justify-content-between p-2 m-2">
                                    <a href="https://vinnyvistazo.bandcamp.com/album/terrestre" target="_blank" type="button" class="btn btn-light text-uppercase">
                                        <i class="fa-brands fa-bandcamp"></i> Bandcamp
                                    </a>
                                    <span>
                                        December, 2020
                                    </span>
                                </div>
                                <div class="d-flex justify-content-between p-2 m-2">
                                    <a href="https://open.spotify.com/album/7MuQpQWXD82rXtjRvNYHPK?si=TLBB6BIMRfGRGXaahgKR-A" target="_blank" type="button" class="btn btn-light text-uppercase">
                                        <i class="fa-brands fa-spotify"></i> Spotify
                                    </a>
                                    <span>
                                        February, 2024
                                    </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>
                                    It's a rock album, in that its about rocks. Minerals and gems come from the earth, but we take them with us to many different places.
                                </p>
                            </div>
                            <!-- INTRODUCTORY TEXT END -->

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

                        <hr>

<!---------- AUDIO PLAYER & TRACK LISTING GLOW + BORDER COLOR -->
                        <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 #e6af2e; box-shadow: 5px 5px 30px #e6af2e">
                                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">
                                                March of the Minerals
                                            </a>
                                        </div>

                                        <div class="track-time">
                                            02:47
                                        </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">
                                                Aventurine in the River
                                            </a>
                                        </div>

                                        <div class="track-time">
                                            04:05
                                        </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">
                                                Hematite Amongst Cobblestone
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            02:23
                                        </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">
                                                Quartz and Selenite in a  Cave
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            04:52
                                        </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">
                                                Fluorite with the Snake Plant
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            03:13
                                        </div>
                                    </div>
                                    <!-- TRACK 5 END -->

                                    <!-- TRACK 6 -->
                                    <div class="play-list-row"
                                    data-track-row="6">
                                        <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">
                                            6
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="6">
                                                Dalmatian Jasper Buried in Sand
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            02:41
                                        </div>
                                    </div>
                                    <!-- TRACK 6 END -->

                                    <!-- TRACK 7 -->
                                    <div class="play-list-row"
                                    data-track-row="7">
                                        <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">
                                            7
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="7">
                                                Tiger's Eye Between Leaves
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            04:09
                                        </div>
                                    </div>
                                    <!-- TRACK 7 END -->

                                    <!-- TRACK 8 -->
                                    <div class="play-list-row"
                                    data-track-row="8">
                                        <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">
                                            8
                                        </div>
                                        <div class="track-title">
                                            <a class="playlist-track" href="#"
                                            data-play-track="8">
                                                Rose Quartz at Home with You
                                            </a>
                                        </div>
                                        <div class="track-time">
                                            03:22
                                        </div>
                                    </div>
                                    <!-- TRACK 8 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" style="box-shadow: 30px 0px 50px rgba(230, 175, 46, 0.2), -30px 0px 50px rgba(230, 175, 46, 0.2);">

<!---------- 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>