text: // gets container
  var activitiesContainer = document.getElementById('activities-container');
  var suitcaseContainer = document.getElementById('suitcase-container');
  
  // stories the filtered activities for this session (array of objects - pulled from local storage on page load, otherwise rechosen when a new filter is selected)
  var activitiesFiltered = [];
  
  // page load functions
  getFavoritesFromStorage();
  
  // PAGE RENDERING
  
  // renders the list of activities to the page
  function renderTheList(whichList, renderWhere) {
    if (whichList.length === 0) {
      if (suitcaseContainer) {
        suitcaseContainer.textContent = 'No activities found! Head over to the activities page to add some to your suitcase.';
      }
    } else {
      for (var i = 0; i < whichList.length; i++) {
  
        //outer container
        var activityContainer = document.createElement('div');
        activityContainer.setAttribute('class', 'activity-container');
        renderWhere.appendChild(activityContainer);
  
        // image
        var activityImage = document.createElement('img');
        activityImage.setAttribute('src', whichList[i].image);
        activityContainer.appendChild(activityImage);
  
        // info to right of image
        var activityInfo = document.createElement('div');
        activityInfo.setAttribute('class', 'activity-info');
        activityContainer.appendChild(activityInfo);
  
        // name
        var activityName = document.createElement('h3');
        activityName.textContent = whichList[i].name;
        activityInfo.appendChild(activityName);
  
        // price
        var activityPrice = document.createElement('p');
        activityPrice.textContent = 'Price (USD): ' + whichList[i].price;
        activityInfo.appendChild(activityPrice);
  
        // type
        var activityType = document.createElement('p');
        activityType.textContent = 'Type: ' + whichList[i].type;
        activityInfo.appendChild(activityType);
  
        // location
        var activityArea = document.createElement('p');
        activityArea.textContent = whichList[i].area;
        activityInfo.appendChild(activityArea);
  
        // desc
        var activityDesc = document.createElement('p');
        activityDesc.textContent = whichList[i].desc;
        activityInfo.appendChild(activityDesc);
  
        // map
        var activityMapP = document.createElement('p');
        activityInfo.appendChild(activityMapP);
        var activityMapA = document.createElement('a');
        activityMapA.setAttribute('href', whichList[i].maps);
        activityMapA.setAttribute('class', 'button map-button');
        activityMapA.setAttribute('target', '_blank');
        activityMapA.textContent += ' Map';
        makeIcon('fas fa-map-marked-alt', activityMapA);
        activityMapP.appendChild(activityMapA);
  
        // website
        var activityWebsiteA = document.createElement('a');
        activityWebsiteA.setAttribute('href', whichList[i].website);
        activityWebsiteA.setAttribute('class', 'button website-button');
        activityWebsiteA.setAttribute('target', '_blank');
        activityWebsiteA.textContent += ' Website';
        makeIcon('fas fa-globe', activityWebsiteA);
        activityMapP.appendChild(activityWebsiteA);
  
        // add/remove my list
        var activityFavoriteP = document.createElement('p');
        activityInfo.appendChild(activityFavoriteP);
        var activityFavoriteB = document.createElement('button');
        activityFavoriteB.setAttribute('id', whichList[i].id);
        activityFavoriteB.setAttribute('class', 'button suitcase-button');
        if (Activity.favorites[whichList[i].id].favorite) {
          activityFavoriteB.textContent = ' Remove from Suitcase';
          activityFavoriteB.addEventListener('click', removeFavorite);
        } else {
          activityFavoriteB.textContent = ' Add to Suitcase';
          activityFavoriteB.addEventListener('click', addFavorite);
        }
        makeIcon('fas fa-suitcase', activityFavoriteB);
        activityFavoriteP.appendChild(activityFavoriteB);
      }
    }
  }
  
  // remove activities from the page
  function removeActivitiesFromPage() {
    if (suitcaseContainer) {
      suitcaseContainer.textContent = '';
    } else {
      activitiesContainer.textContent = '';
    }
  }
  
  // FAVORITES
  
  function addFavorite(event) {
    event.preventDefault();
    Activity.favorites[event.target.id].favorite = true;
    event.target.textContent = ' Remove from Suitcase';
    makeIcon('fas fa-suitcase', event.target);
    event.target.removeEventListener('click', addFavorite);
    event.target.addEventListener('click', removeFavorite);
    storeFavoritesToStorage();
  }
  
  function removeFavorite(event) {
    event.preventDefault();
    Activity.favorites[event.target.id].favorite = false;
    storeFavoritesToStorage();
    if (suitcaseContainer) {
      event.target.parentNode.parentNode.parentNode.parentNode.removeChild(event.target.parentNode.parentNode.parentNode);
    }
    else {
      event.target.textContent = ' Add to Suitcase';
      makeIcon('fas fa-suitcase', event.target);
      event.target.removeEventListener('click', removeFavorite);
      event.target.addEventListener('click', addFavorite);
    }
  }
  
  // LOCAL STORAGE
  
  // store Activity.all
  function storeFavoritesToStorage() {
    localStorage.setItem('activityFavorites', JSON.stringify(Activity.favorites));
  }
  
  function getFavoritesFromStorage() {
    if (localStorage.getItem('activityFavorites')) {
      Activity.favorites = JSON.parse(localStorage.getItem('activityFavorites'));
      if (Activity.favorites.length !== Activity.all.length) {
        for (var i = Activity.favorites.length; i < Activity.all.length; i++) {
          Activity.favorites.push(Activity.all[i]);
        }
      }
    } else {
      Activity.favorites = Activity.all;
    }
  }
  
  //make an icon
  
  function makeIcon(whatIcon, whereToPut) {
    var icon = document.createElement('i');
    icon.className = whatIcon;
    whereToPut.prepend(icon);
  }