index.js

/**
 * Theme - Stylesheet Generator for Reddit
 * Authors: Sriram Krishnan, James Kerrane, Devonnae Williams
 * Created: 7/20/2017
 * Team: Owl 24
 * Part of the Chingu Cohort
 */

//Legere
// When the user clicks the button, open the modal
function legereOnClick() {
  document.getElementById('legereModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function legereClose() {
  document.getElementById('legereModal').style.display = "none";
}

//Eddited
// When the user clicks the button, open the modal
function edditedOnClick() {
  document.getElementById('edditedModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function edditedClose() {
  document.getElementById('edditedModal').style.display = "none";
}

//FBRT
// When the user clicks the button, open the modal
function fbrtOnClick() {
  document.getElementById('fbrtModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function fbrtClose() {
  document.getElementById('fbrtModal').style.display = "none";
}

//Sequent
// When the user clicks the button, open the modal
function sequentOnClick() {
  document.getElementById('sequentModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function sequentClose() {
  document.getElementById('sequentModal').style.display = "none";
}

//Apicem
// When the user clicks the button, open the modal
function apicemOnClick() {
  document.getElementById('apicemModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function apicemClose() {
  document.getElementById('apicemModal').style.display = "none";
}

//Focus
// When the user clicks the button, open the modal
function focusOnClick() {
  document.getElementById('focusModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function focusClose() {
  document.getElementById('focusModal').style.display = "none";
}

//ClearShift
// When the user clicks the button, open the modal
function clearShiftOnClick() {
  document.getElementById('clearShiftModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function clearShiftClose() {
  document.getElementById('clearShiftModal').style.display = "none";
}

//YTReddit
// When the user clicks the button, open the modal
function ytRedditOnClick() {
  document.getElementById('ytRedditModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function ytRedditClose() {
  document.getElementById('ytRedditModal').style.display = "none";
}

//Apicem Light
// When the user clicks the button, open the modal
function apicemLightOnClick() {
  document.getElementById('apicemLightModal').style.display = "block";
}

// When the user clicks on <span> (x), close the modal
function apicemLightClose() {
  document.getElementById('apicemLightModal').style.display = "none";
}