frnge.bandcamp.com Open in urlscan Pro
151.101.1.28  Public Scan

Form analysis
2 forms found in the DOM

GET /search

<form aria-label="autocomplete search" class="menubar-search signup-tooltip-parent" action="/search" method="get" data-tooltip-id="s" aria-busy="false">
  <input tabindex="0" aria-autocomplete="list" class="dismiss-tooltip-alt search-bar" type="text" name="q" placeholder="Search for artist, album, or track" autocomplete="off" maxlength="2048">
  <div role="progressbar" class="loading-icon" id="search-loading-icon" aria-busy="false">
    <svg aria-label="loading icon" class="search-spinner" width="15" height="16" viewBox="-1 -1 16 16">
      <use href="#search-spinner"></use>
    </svg>
  </div>
  <div aria-label="clear search" class="clear-autocomplete">×</div>
  <input type="hidden" class="selected-filter" name="item_type" value="">
  <button type="submit" tabindex="-1" aria-label="submit for full search page" class="menubar-search-icon"><svg width="15" height="16" viewBox="0 0 15 16">
      <use href="#menubar-search-input-icon"></use>
    </svg></button>
  <ul role="listbox" class="genre-list" aria-busy="false">
    <li class="simple"><a href="https://bandcamp.com/tag/electronic" aria-label="browse electronic music" tabindex="-1"><span>electronic</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/metal" aria-label="browse metal music" tabindex="-1"><span>metal</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/rock" aria-label="browse rock music" tabindex="-1"><span>rock</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/alternative" aria-label="browse alternative music" tabindex="-1"><span>alternative</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/hip-hop-rap" aria-label="browse hip-hop/rap music" tabindex="-1"><span>hip-hop/rap</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/experimental" aria-label="browse experimental music" tabindex="-1"><span>experimental</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/punk" aria-label="browse punk music" tabindex="-1"><span>punk</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/pop" aria-label="browse pop music" tabindex="-1"><span>pop</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/tag/ambient" aria-label="browse ambient music" tabindex="-1"><span>ambient</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
    <li class="simple"><a href="https://bandcamp.com/#discover" aria-label="browse all music" tabindex="-1"><span>browse all</span><span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span></a></li>
  </ul>
  <ul class="filter-list" aria-busy="false">
    <li class="filter-link x selected-filter" aria-label="display all results" tabindex="-1">all</li>
    <li class="filter-link b" aria-label="display artists &amp; labels results" data-code="b" tabindex="-1">artists &amp; labels</li>
    <li class="filter-link a" aria-label="display albums results" data-code="a" tabindex="-1">albums</li>
    <li class="filter-link t" aria-label="display tracks results" data-code="t" tabindex="-1">tracks</li>
    <li class="filter-link f" aria-label="display fans results" data-code="f" tabindex="-1">fans</li>
  </ul>
  <ul role="listbox" class="search-autocomplete" aria-busy="false">
    <li class="simple results-see-all">
      <a tabindex="-1" aria-label="visit full-search page">
        <span>See all results</span>
        <span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span>
      </a>
    </li>
    <li class="simple results-tags">
      <a tabindex="-1">
        <span class="msg"></span>
        <span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span>
      </a>
    </li>
    <li class="simple results-genre">
      <a tabindex="-1">
        <span class="msg"></span>
        <span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span>
      </a>
    </li>
    <li aria-label="no matching results" class="autocomplete-no-results">
      <p class="noresults-header">No matching results</p>
      <p class="noresults-text">Try a different filter or a new search keyword.</p>
      <div class="tumbleweed">
        <img src="/img/search/tumbleweed-emptystate-lightbg.gif">
      </div>
    </li>
  </ul>
  <li class="simple mobile-results-tags no-show">
    <a>
      <span class="msg"></span>
      <span><svg class="arrow" viewBox="0 0 24 24"><use href="#discover-arrow"></use></svg></span>
    </a>
  </li>
  <div class="mobile-placeholder">
    <p>Search all Bandcamp artists, tracks, and albums</p>
  </div>
  <template id="autocomplete-results-item">
    <li class="result-item">
      <a tabindex="-1">
      <span class="result-art"><img></span>
      <span class="result-info">
        <div class="result-title"><strong></strong></div>
        <cite></cite>
        <div class="result-type"></div>
      </span>
    </a>
    </li>
  </template>
  <div class="signup-tooltip-outer search-tooltip-outer header-2018"></div>
</form>

<form id="redeem-form" data-bind="submit: submit" class="" novalidate="">
  <div class="row">
    <h2 class="form-header col-12-12">
      <span>Please enter your code:</span>
    </h2>
  </div>
  <div id="code" class="row form-block">
    <label class="col-4-12" for="code-input">
      <span class="mobile">code:</span>
      <span class="desktop">Code</span>
    </label>
    <div class="col-4-12 offset-4-12 form-field" data-bind="css: {'show-error-msg': code.hasError}">
      <input id="code-input" class="text-input" data-bind="textInput: code.value" type="text" name="code" value="" autocorrect="off" autocapitalize="none" autocomplete="off" placeholder="e.g. lanz-gh9h">
      <div id="code-icon" class="bc-ui form-icon" data-bind="css: code.state"></div>
      <div class="errormsg" data-bind="visible: code.errorMessage" style="display: none; background: rgb(255, 0, 0); color: rgb(0, 0, 0);">
        <span data-bind="html: code.errorMessage"></span>
        <span data-bind="visible: showHelp">
          <a href="#" data-bind="click: showContactForm">Click here</a> for help. </span>
        <span data-bind="visible: maybeGiftCardURL" style="display: none;"> If you are redeeming a gift card, <a data-bind="attr: {href: maybeGiftCardURL}">
                            click here
                        </a> instead. </span>
      </div>
    </div>
  </div>
  <div id="email" class="row form-block">
    <label class="col-4-12" for="email-input">
      <span class="mobile">email:<span class="secondaryText optional-text">(optional)</span></span>
      <span class="desktop">Email <span class="secondaryText optional-text">(optional)</span></span>
    </label>
    <div class="col-4-12 offset-4-12 form-field optional" data-bind="css: {'show-error-msg': email.hasError}">
      <input class="email-input text-input" data-bind="textInput: email.value" type="email" name="email" value="" autocorrect="off" autocapitalize="none" placeholder="join the artist’s mailing list">
      <div class="errormsg" data-bind="visible: email.errorMessage" style="display: none; background: rgb(255, 0, 0); color: rgb(0, 0, 0);"><span data-bind="text: email.errorMessage"></span></div>
    </div>
  </div>
  <div class="row">
    <div class="other-content col-4-12 offset-4-12">
      <div id="buttons">
        <button class="redeem-button custom-color" type="submit" name="redeem" value="Redeem" data-bind="disable: hasErrors() || submitting()" style="background: rgb(255, 255, 255); color: rgb(0, 0, 0);"> Redeem </button>
      </div>
      <div id="forlesswhitespace"></div>
      <div class="small-message secondaryText">
        <div class="switch-link">Already have a fan account?
          <a class="custom-color" href="https://bandcamp.com/login?bounce=https%3A%2F%2Ffrnge.bandcamp.com%2Fyum%3Fwlo%3D1&amp;sig=0b4c40f45a482f3ee58614ede893fb96&amp;from=code&amp;nocontext=1">Log in.</a></div>
      </div>
    </div>
  </div>
</form>

Text Content

 * 
 * 
   
   
   
   
   
   
 * ×
    * electronic
    * metal
    * rock
    * alternative
    * hip-hop/rap
    * experimental
    * punk
    * pop
    * ambient
    * browse all
   
    * all
    * artists & labels
    * albums
    * tracks
    * fans
   
    * See all results
    * 
    * 
   
    * No matching results
      
      Try a different filter or a new search keyword.
      
      
   
   Search all Bandcamp artists, tracks, and albums
   
   
   
   
   cancel
   
   

   
   
   
 * 
 * sign up
 * log in
   



Get fresh music recommendations delivered to your inbox every Friday.


PLEASE ENTER YOUR CODE:

code: Code
Click here for help. If you are redeeming a gift card, click here instead.
email:(optional) Email (optional)

Redeem

Already have a fan account? Log in.

Bandcamp
 * log in
 * terms of use
 * privacy
 * copyright policy
 * switch to mobile view
 * language:  English
   * Français
   * 日本語