Current File : /home/jeshor13/11bsouth.com/PortOWeb/sketch2.js

var SoundLevelSign;
var EverydaySpectical;
var CrowdDetector;
var NewDesnity;
var ZombieBook;
var AheadoftheTimes;
var pointersset
var radius
var blog
var canvas
var header

function setup() {
  //canvas = createCanvas(windowWidth, windowHeight);
  //canvas.position(0,0)
  SoundLevelSign = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-01.png");  // Load the image
  //SoundLevelSign.mouseClicked(linkToSign)
  EverydaySpectical = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-02.png");  // Load the image
  CrowdDetector = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-03.png");  // Load the image
  NewDesnity = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-04.png");  // Load the image
  ZombieBook = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-06.png");  // Load the image
  AheadoftheTimes = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-08.png");  // Load the image
  pointersset = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-05.png");  // Load the image
  radius = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-07.png");  // Load the image
  blog = createImg("http://11bsouth.com/wp-content/uploads/2018/01/PortfolioWEB-09.png");  // Load the image
  header = createImg("http://11bsouth.com/wp-content/uploads/2018/01/Portoweb10.png");  // Load the image



}

function draw() {

  //background(255)
	var padding = windowWidth * 0.01;


  header.size(windowWidth * 0.97, (windowWidth*0.97)*0.363);


  SoundLevelSign.size(windowWidth * 0.97,(windowWidth*0.97)*0.408);

  var leftBlurbWidth = (((SoundLevelSign).width/3)*2)-padding;

  EverydaySpectical.size(leftBlurbWidth, leftBlurbWidth*0.408);
  CrowdDetector.size(leftBlurbWidth, leftBlurbWidth*0.408);
  NewDesnity.size(leftBlurbWidth, leftBlurbWidth*0.408);
  ZombieBook.size(leftBlurbWidth, leftBlurbWidth*0.408);
  AheadoftheTimes.size(leftBlurbWidth, leftBlurbWidth*0.408);
  	// these are the side bar images
  pointersset.size((EverydaySpectical).width/2, CrowdDetector.height + EverydaySpectical.height + padding);
  radius.size((EverydaySpectical).width/2, CrowdDetector.height + EverydaySpectical.height + padding);
  blog.size((EverydaySpectical).width/2, CrowdDetector.height);

   // Displays the image at its actual size at point (0,0)
  header.position(padding, 0);
  SoundLevelSign.position(padding, header.height + padding);
  EverydaySpectical.position(padding, header.height + SoundLevelSign.height + padding*2);
  CrowdDetector.position(padding, header.height + SoundLevelSign.height + EverydaySpectical.height + padding*3);
  NewDesnity.position(padding, header.height + SoundLevelSign.height + EverydaySpectical.height + CrowdDetector.height + padding*4);
  ZombieBook.position(padding, header.height + SoundLevelSign.height + EverydaySpectical.height + CrowdDetector.height + NewDesnity.height + padding*5);
  AheadoftheTimes.position(padding, header.height + SoundLevelSign.height + EverydaySpectical.height + CrowdDetector.height + NewDesnity.height + ZombieBook.height + padding*6);
  // these are side bar images
  pointersset.position(EverydaySpectical.width + padding*2.5, header.height + SoundLevelSign.height + padding*2);
  radius.position(EverydaySpectical.width + padding*2.5, header.height + SoundLevelSign.height + EverydaySpectical.height* 2 + padding * 4);
  blog.position(EverydaySpectical.width + padding*2.5, header.height + SoundLevelSign.height + EverydaySpectical.height * 4 + padding * 6);

  SoundLevelSign.mouseClicked(linkToSign);
  EverydaySpectical.mouseClicked(linkToSpectical);
  CrowdDetector.mouseClicked(linkToCrowdDetector);
  NewDesnity.mouseClicked(linkToNewDensity);
  ZombieBook.mouseClicked(linkToZombieBook);
  AheadoftheTimes.mouseClicked(linkToAheadoftheTimes);
  pointersset.mouseClicked(linkToPointersset);
  radius.mouseClicked(linkToRadius);
  blog.mouseClicked(linkToBlog);
}

function linkToSign() {
  window.location.href = ("http://11bsouth.com/?p=343");
}

function linkToSpectical() {
  window.location.href = ("http://11bsouth.com/?p=452");
}

function linkToCrowdDetector() {
  window.location.href = ("https://docs.google.com/presentation/d/1dCJz6-dolcK_QX40a1dPm8yoPmERUgrKicgm4sFW260/edit?pli=1#slide=id.p");
}

function linkToNewDensity() {
  window.location.href = ("https://api.mapbox.com/styles/v1/superjesseh/cilk3zlya004jaqludlse9hel.html?title=true&access_token=pk.eyJ1Ijoic3VwZXJqZXNzZWgiLCJhIjoiY2lrc2trd3R2MDAwNXVmamNobmNzN3dqbCJ9.6YQ41FTM1t3QfhTEbGgSpA#13/40.7308/-73.96831/29");
}

function linkToZombieBook() {
  window.location.href = ("https://itpreadymades.wordpress.com/2017/03/22/zombiebook-pro/");
}

function linkToAheadoftheTimes() {
  window.location.href = ("https://itpreadymades.wordpress.com/2017/05/05/ahead-of-the-times/");
}

function linkToPointersset() {
  window.location.href = ("http://11bsouth.com/?p=474");
}

function linkToRadius() {
  window.location.href = ("https://itp.nyu.edu/thesis2017/project/jesse-a-horwitz");
}

function linkToBlog() {
  window.location.href = "http://11bsouth.com/?page_id=566";
}