

<!--__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_____/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\____/\\\\\\\\\_________/\\\\\\\\\_____/\\\_______/\\\________/\\\\\_____/\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_                  
_\/\\\///////////__\/\\\////////\\\__\/////\\\///__\///////\\\/////__\///////\\\/////___/\\\///////\\\_____/\\\\\\\\\\\\\__\///\\\___/\\\/________\/\\\\\\___\/\\\_\/\\\///////////__\///////\\\/////__                 
 _\/\\\_____________\/\\\______\//\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\/\\\____/\\\/////////\\\___\///\\\\\\/__________\/\\\/\\\__\/\\\_\/\\\___________________\/\\\_______                
  _\/\\\\\\\\\\\_____\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\\\\\\\\\/____\/\\\_______\/\\\_____\//\\\\____________\/\\\//\\\_\/\\\_\/\\\\\\\\\\\___________\/\\\_______               
   _\/\\\///////______\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\//////\\\____\/\\\\\\\\\\\\\\\______\/\\\\____________\/\\\\//\\\\/\\\_\/\\\///////____________\/\\\_______              
    _\/\\\_____________\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\____\//\\\___\/\\\/////////\\\______/\\\\\\___________\/\\\_\//\\\/\\\_\/\\\___________________\/\\\_______             
     _\/\\\_____________\/\\\_______/\\\______\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\//\\\__\/\\\_______\/\\\____/\\\////\\\_________\/\\\__\//\\\\\\_\/\\\___________________\/\\\_______            
      _\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/____/\\\\\\\\\\\_______\/\\\_____________\/\\\_______\/\\\______\//\\\_\/\\\_______\/\\\__/\\\/___\///\\\__/\\\_\/\\\___\//\\\\\_\/\\\___________________\/\\\_______           
       _\///////////////__\////////////_____\///////////________\///______________\///________\///________\///__\///________\///__\///_______\///__\///__\///_____\/////__\///____________________\///________          
__/\\\\\\\\\\\\_____/\\\\\\\\\\\\\\\__/\\\________/\\\__/\\\\\\\\\\\\\\\__/\\\___________________/\\\\\_______/\\\\\\\\\\\\\____/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_______________/\\\\\\\\\\\\\____/\\\________/\\\_        
_\/\\\////////\\\__\/\\\///////////__\/\\\_______\/\\\_\/\\\///////////__\/\\\_________________/\\\///\\\____\/\\\/////////\\\_\/\\\///////////__\/\\\////////\\\____________\/\\\/////////\\\_\///\\\____/\\\/__       
 _\/\\\______\//\\\_\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_______________/\\\/__\///\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\______\//\\\___________\/\\\_______\/\\\___\///\\\/\\\/____      
  _\/\\\_______\/\\\_\/\\\\\\\\\\\______\//\\\____/\\\___\/\\\\\\\\\\\_____\/\\\______________/\\\______\//\\\_\/\\\\\\\\\\\\\/__\/\\\\\\\\\\\_____\/\\\_______\/\\\___________\/\\\\\\\\\\\\\\______\///\\\/______     
   _\/\\\_______\/\\\_\/\\\///////________\//\\\__/\\\____\/\\\///////______\/\\\_____________\/\\\_______\/\\\_\/\\\/////////____\/\\\///////______\/\\\_______\/\\\___________\/\\\/////////\\\_______\/\\\_______    
    _\/\\\_______\/\\\_\/\\\________________\//\\\/\\\_____\/\\\_____________\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_____________\/\\\_______\/\\\___________\/\\\_______\/\\\_______\/\\\_______   
     _\/\\\_______/\\\__\/\\\_________________\//\\\\\______\/\\\_____________\/\\\______________\///\\\__/\\\____\/\\\_____________\/\\\_____________\/\\\_______/\\\____________\/\\\_______\/\\\_______\/\\\_______  
      _\/\\\\\\\\\\\\/___\/\\\\\\\\\\\\\\\______\//\\\_______\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\____\///\\\\\/_____\/\\\_____________\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/_____________\/\\\\\\\\\\\\\/________\/\\\_______ 
       _\////////////_____\///////////////________\///________\///////////////__\///////////////_______\/////_______\///______________\///////////////__\////////////_______________\/////////////__________\///________
__/\\\\\\\\\\\\\______/\\\\\\\\\______/\\\________/\\\_____/\\\\\\\\\_____/\\\\\_____/\\\____________/\\\\\\\\\\\\\_______/\\\\\\\\\_____/\\\______________/\\\______________/\\\\\\\\\\\_                               
_\/\\\/////////\\\__/\\\///////\\\___\///\\\____/\\\/____/\\\\\\\\\\\\\__\/\\\\\\___\/\\\___________\/\\\/////////\\\___/\\\\\\\\\\\\\__\/\\\_____________\/\\\_____________\/////\\\///__                              
 _\/\\\_______\/\\\_\/\\\_____\/\\\_____\///\\\/\\\/_____/\\\/////////\\\_\/\\\/\\\__\/\\\___________\/\\\_______\/\\\__/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                             
  _\/\\\\\\\\\\\\\\__\/\\\\\\\\\\\/________\///\\\/______\/\\\_______\/\\\_\/\\\//\\\_\/\\\___________\/\\\\\\\\\\\\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                            
   _\/\\\/////////\\\_\/\\\//////\\\__________\/\\\_______\/\\\\\\\\\\\\\\\_\/\\\\//\\\\/\\\___________\/\\\/////////\\\_\/\\\\\\\\\\\\\\\_\/\\\_____________\/\\\_________________\/\\\_____                           
    _\/\\\_______\/\\\_\/\\\____\//\\\_________\/\\\_______\/\\\/////////\\\_\/\\\_\//\\\/\\\___________\/\\\_______\/\\\_\/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                          
     _\/\\\_______\/\\\_\/\\\_____\//\\\________\/\\\_______\/\\\_______\/\\\_\/\\\__\//\\\\\\___________\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                         
      _\/\\\\\\\\\\\\\/__\/\\\______\//\\\_______\/\\\_______\/\\\_______\/\\\_\/\\\___\//\\\\\___________\/\\\\\\\\\\\\\/__\/\\\_______\/\\\_\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_                        
       _\/////////////____\///________\///________\///________\///________\///__\///_____\/////____________\/////////////____\///________\///__\///////////////__\///////////////__\///////////__                       
__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\____/\\\\\\\\\\\\\\\____________________/\\\\\\\\\_________/\\\\\\\_______/\\\\\\\\\__________/\\\_                                                                                   
_\/\\\///////////____/\\\/////////\\\_\///////\\\/////___________________/\\\///////\\\_____/\\\/////\\\___/\\\///////\\\____/\\\\\\\_                                                                                  
 _\/\\\______________\//\\\______\///________\/\\\_______________________\///______\//\\\___/\\\____\//\\\_\///______\//\\\__\/////\\\_                                                                                 
  _\/\\\\\\\\\\\_______\////\\\_______________\/\\\_________________________________/\\\/___\/\\\_____\/\\\___________/\\\/_______\/\\\_                                                                                
   _\/\\\///////___________\////\\\____________\/\\\______________________________/\\\//_____\/\\\_____\/\\\________/\\\//_________\/\\\_                                                                               
    _\/\\\_____________________\////\\\_________\/\\\___________________________/\\\//________\/\\\_____\/\\\_____/\\\//____________\/\\\_                                                                              
     _\/\\\______________/\\\______\//\\\________\/\\\_________________________/\\\/___________\//\\\____/\\\____/\\\/_______________\/\\\_                                                                             
      _\/\\\\\\\\\\\\\\\_\///\\\\\\\\\\\/_________\/\\\________/\\\____________/\\\\\\\\\\\\\\\__\///\\\\\\\/____/\\\\\\\\\\\\\\\_____\/\\\_                                                                            
       _\///////////////____\///////////___________\///________\///____________\///////////////_____\///////_____\///////////////______\///_                                                                             -->

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<title>EditTrax.NFT</title>
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta property="og:image" content="thumbnail.png" />

    <link type="text/css" rel="stylesheet" href="base.css" />
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link type="text/css" rel="stylesheet" href="alert.css" />
    <link type="text/css" rel="stylesheet" href="atomic.css" />
    <link type="text/css" rel="stylesheet" href="track_visualizer.css" />
	
    <script src="Tone.js"></script>
    <script src="pts.js"></script>
    <script src="bufferToWav.js"></script>
    <script src="axios.min.js"></script>
    <script src="gsap.min.js"></script>
    <script src="gsap_plugin_cssrule.min.js"></script>
    <script src="Draggable.min.js"></script>
    <script src="seamless-scroll-polyfill.min.js"></script>

  <style>
    @media screen and (-webkit-min-device-pixel-ratio: 2) {
        select,
        select:focus,
        textarea,
        textarea:focus,
        input,
        input:focus {
          font-size: 16px;
        }
    }
  </style>
</head>
<body id="body">
  <div id="alert">
    <div id="flipMe" style="visibility:hidden;" class="flipMePointer" ></div>
    <div class="alert_text"></div>
  </div>
  <div id="circle"></div>
  <div id="stageBlock"></div>
  <div id="content">
  <button id="flipMe_return_direx" onclick="toggle()"></button>
  <div id="wrapper_cont">   
    <div id="wrapper_back">
      <div id="content_back" class="cardBack">
        <!-- <button id="flipMe_return"></button> -->
        <div id="content_back_img" onclick="toggle()"></div>
        <div id="content_back_img_direx"></div>
      </div>
    </div>
    <!-- <div id="glow-card" class="glow">      -->
      <div id="wrapper">
        <div id="preview" onclick=toggle()></div>
        <div id="wrapper_bg" style="justify-content: center;">
          <div class="loader loader--style4" title="3"></div>
        </div>
        <button id="flipMe" onclick="toggle()"></button>
        <div id="top_cont">
          <div id="header">
            <a id="info_cta" class="info_cta" href="http://edittrax.nft" target="_blank"></a>
          </div>
          <div id ="preset_cont">
            <div id="pre2" class="labels" for="preset1" style="margin-top:0px"></div>
            <div id="presets">
              <div id="preset_img_1" data-value="0" class="preset active"></div>
              <div id="preset_img_2" data-value="1" class="preset"></div>
              <div id="preset_img_3" data-value="2" class="preset"></div>
              <div id="preset_img_4" data-value="3" class="preset"></div>
            </div>
          </div>
        </div>
        <div id="cont_slider_boxes" style="position: relative;">
          <div id="slider_cont">
            <div id="slider_bg"></div>
            <div id="slider"></div>
          </div>
          <div id="boxes_cont" style="">
            <div class="boxes">
            </div>
          </div>
        </div>        
        <div id="bottom_cont">
          <div id="progress_cont">
            <div id="progress_current">00:00</div>
            <progress id="progress" value="0" max="100"></progress>
            <div id="progress_total">00:00</div>
          </div>
          <div id="master_controls">
            <div id ="play_cont">
              <div id="glow-hover-play" class="glow-hover">
                <button id="play-toggle" class="play" disabled></button>
              </div>
              <div id="glow-hover-download" class="glow-hover">
                <button id="download"></button>
                <div id="purchase"></div>
              </div>
            </div>
            <div id="status">Loading...</div>
            <div id="totalDuration"></div>
            <div class="repeat-container">
              <div id="trackRepeat" class="repeat">1</div>
              <p  class="repeat-text">Loop</p>
            </div>
            <div class="loopinteract">
              <button id="masterUp" class="up loopinteraction" data-index="99"></button>
              <button id="masterDown" class="down loopinteraction" data-index="99"></button>
            </div>
            <a href="" id="download-link"></a>
          </div>
          <div id="footer">
            <section class="marquee">
              <div class="marquee__inner" aria-hidden="true" ref="inner">
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
                <div class="marquee__part">
                  POWERED BY EDITTRAX.NFT
                </div>
              </div>
            </section>
          </div>
        </div>
        <div class="viewport"></div>
      </div>
    <!-- </div> -->
  </div>
</div>
  <div>
    <div id="canvas"></div>
  </div>
    <script src="alert.js"></script>
    <script src="track.js"></script>
    <script src="scroll.js"></script>
    <script src="script.js"></script>
    <!-- <script src="track_visualizer.js"></script> -->
</body>
</html>

<!-- __/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_____/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\____/\\\\\\\\\_________/\\\\\\\\\_____/\\\_______/\\\________/\\\\\_____/\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_                  
 _\/\\\///////////__\/\\\////////\\\__\/////\\\///__\///////\\\/////__\///////\\\/////___/\\\///////\\\_____/\\\\\\\\\\\\\__\///\\\___/\\\/________\/\\\\\\___\/\\\_\/\\\///////////__\///////\\\/////__                 
  _\/\\\_____________\/\\\______\//\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\/\\\____/\\\/////////\\\___\///\\\\\\/__________\/\\\/\\\__\/\\\_\/\\\___________________\/\\\_______                
   _\/\\\\\\\\\\\_____\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\\\\\\\\\/____\/\\\_______\/\\\_____\//\\\\____________\/\\\//\\\_\/\\\_\/\\\\\\\\\\\___________\/\\\_______               
    _\/\\\///////______\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\//////\\\____\/\\\\\\\\\\\\\\\______\/\\\\____________\/\\\\//\\\\/\\\_\/\\\///////____________\/\\\_______              
     _\/\\\_____________\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\____\//\\\___\/\\\/////////\\\______/\\\\\\___________\/\\\_\//\\\/\\\_\/\\\___________________\/\\\_______             
      _\/\\\_____________\/\\\_______/\\\______\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\//\\\__\/\\\_______\/\\\____/\\\////\\\_________\/\\\__\//\\\\\\_\/\\\___________________\/\\\_______            
       _\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/____/\\\\\\\\\\\_______\/\\\_____________\/\\\_______\/\\\______\//\\\_\/\\\_______\/\\\__/\\\/___\///\\\__/\\\_\/\\\___\//\\\\\_\/\\\___________________\/\\\_______           
        _\///////////////__\////////////_____\///////////________\///______________\///________\///________\///__\///________\///__\///_______\///__\///__\///_____\/////__\///____________________\///________          
__/\\\\\\\\\\\\_____/\\\\\\\\\\\\\\\__/\\\________/\\\__/\\\\\\\\\\\\\\\__/\\\___________________/\\\\\_______/\\\\\\\\\\\\\____/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_______________/\\\\\\\\\\\\\____/\\\________/\\\_        
 _\/\\\////////\\\__\/\\\///////////__\/\\\_______\/\\\_\/\\\///////////__\/\\\_________________/\\\///\\\____\/\\\/////////\\\_\/\\\///////////__\/\\\////////\\\____________\/\\\/////////\\\_\///\\\____/\\\/__       
  _\/\\\______\//\\\_\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_______________/\\\/__\///\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\______\//\\\___________\/\\\_______\/\\\___\///\\\/\\\/____      
   _\/\\\_______\/\\\_\/\\\\\\\\\\\______\//\\\____/\\\___\/\\\\\\\\\\\_____\/\\\______________/\\\______\//\\\_\/\\\\\\\\\\\\\/__\/\\\\\\\\\\\_____\/\\\_______\/\\\___________\/\\\\\\\\\\\\\\______\///\\\/______     
    _\/\\\_______\/\\\_\/\\\///////________\//\\\__/\\\____\/\\\///////______\/\\\_____________\/\\\_______\/\\\_\/\\\/////////____\/\\\///////______\/\\\_______\/\\\___________\/\\\/////////\\\_______\/\\\_______    
     _\/\\\_______\/\\\_\/\\\________________\//\\\/\\\_____\/\\\_____________\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_____________\/\\\_______\/\\\___________\/\\\_______\/\\\_______\/\\\_______   
      _\/\\\_______/\\\__\/\\\_________________\//\\\\\______\/\\\_____________\/\\\______________\///\\\__/\\\____\/\\\_____________\/\\\_____________\/\\\_______/\\\____________\/\\\_______\/\\\_______\/\\\_______  
       _\/\\\\\\\\\\\\/___\/\\\\\\\\\\\\\\\______\//\\\_______\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\____\///\\\\\/_____\/\\\_____________\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/_____________\/\\\\\\\\\\\\\/________\/\\\_______ 
        _\////////////_____\///////////////________\///________\///////////////__\///////////////_______\/////_______\///______________\///////////////__\////////////_______________\/////////////__________\///________
__/\\\\\\\\\\\\\______/\\\\\\\\\______/\\\________/\\\_____/\\\\\\\\\_____/\\\\\_____/\\\____________/\\\\\\\\\\\\\_______/\\\\\\\\\_____/\\\______________/\\\______________/\\\\\\\\\\\_                               
 _\/\\\/////////\\\__/\\\///////\\\___\///\\\____/\\\/____/\\\\\\\\\\\\\__\/\\\\\\___\/\\\___________\/\\\/////////\\\___/\\\\\\\\\\\\\__\/\\\_____________\/\\\_____________\/////\\\///__                              
  _\/\\\_______\/\\\_\/\\\_____\/\\\_____\///\\\/\\\/_____/\\\/////////\\\_\/\\\/\\\__\/\\\___________\/\\\_______\/\\\__/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                             
   _\/\\\\\\\\\\\\\\__\/\\\\\\\\\\\/________\///\\\/______\/\\\_______\/\\\_\/\\\//\\\_\/\\\___________\/\\\\\\\\\\\\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                            
    _\/\\\/////////\\\_\/\\\//////\\\__________\/\\\_______\/\\\\\\\\\\\\\\\_\/\\\\//\\\\/\\\___________\/\\\/////////\\\_\/\\\\\\\\\\\\\\\_\/\\\_____________\/\\\_________________\/\\\_____                           
     _\/\\\_______\/\\\_\/\\\____\//\\\_________\/\\\_______\/\\\/////////\\\_\/\\\_\//\\\/\\\___________\/\\\_______\/\\\_\/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                          
      _\/\\\_______\/\\\_\/\\\_____\//\\\________\/\\\_______\/\\\_______\/\\\_\/\\\__\//\\\\\\___________\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                         
       _\/\\\\\\\\\\\\\/__\/\\\______\//\\\_______\/\\\_______\/\\\_______\/\\\_\/\\\___\//\\\\\___________\/\\\\\\\\\\\\\/__\/\\\_______\/\\\_\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_                        
        _\/////////////____\///________\///________\///________\///________\///__\///_____\/////____________\/////////////____\///________\///__\///////////////__\///////////////__\///////////__                       
__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\____/\\\\\\\\\\\\\\\____________________/\\\\\\\\\_________/\\\\\\\_______/\\\\\\\\\__________/\\\_                                                                                   
 _\/\\\///////////____/\\\/////////\\\_\///////\\\/////___________________/\\\///////\\\_____/\\\/////\\\___/\\\///////\\\____/\\\\\\\_                                                                                  
  _\/\\\______________\//\\\______\///________\/\\\_______________________\///______\//\\\___/\\\____\//\\\_\///______\//\\\__\/////\\\_                                                                                 
   _\/\\\\\\\\\\\_______\////\\\_______________\/\\\_________________________________/\\\/___\/\\\_____\/\\\___________/\\\/_______\/\\\_                                                                                
    _\/\\\///////___________\////\\\____________\/\\\______________________________/\\\//_____\/\\\_____\/\\\________/\\\//_________\/\\\_                                                                               
     _\/\\\_____________________\////\\\_________\/\\\___________________________/\\\//________\/\\\_____\/\\\_____/\\\//____________\/\\\_                                                                              
      _\/\\\______________/\\\______\//\\\________\/\\\_________________________/\\\/___________\//\\\____/\\\____/\\\/_______________\/\\\_                                                                             
       _\/\\\\\\\\\\\\\\\_\///\\\\\\\\\\\/_________\/\\\________/\\\____________/\\\\\\\\\\\\\\\__\///\\\\\\\/____/\\\\\\\\\\\\\\\_____\/\\\_                                                                            
        _\///////////////____\///////////___________\///________\///____________\///////////////_____\///////_____\///////////////______\///_                                                                             -->