//how do I screen out ideologies

let months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October','November', 'December']

let days = ['0th', '1st', '2nd', '3rd', '4th', '5th', '6th', '7th', '8th',  '9th', '10th', '11th', '12th', '13th', '14th', '15th', '16th', '17th','18th', '19th', '20th', '21th', '22th', '23th', '24th', '25th', '26th', '27th', '28th', '29th', '30th', '31st']

let hours =["  one  ", " two ", " three ", " four ", " five ", " six ", " seven ", " eight ", " nine ", " ten ", " eleven ", " twelve"]

let nums = [' 0 ', ' 1 ', ' 2 ', ' 3 ', ' 4 ', ' 5 ', ' 6 ', ' 7 ', ' 8 ', ' 9 ', ' 10 ', ' 11 ', ' 12 ', ' 13 ', ' 14 ', ' 15 ', ' 16 ', ' 17 ', ' 18 ', ' 19 ', ' 20 ', ' 21 ', ' 22 ', ' 23 ', ' 24 ', ' 25 ', ' 26 ', ' 27 ', ' 28 ', ' 29 ', ' 30 ', ' 31 ', ' 32 ', ' 33 ', ' 34 ', ' 35 ', ' 36 ', ' 37 ', ' 38 ', ' 39 ', ' 40 ', ' 41 ', ' 42 ', ' 43 ', ' 44 ', ' 45 ', ' 46 ', ' 47 ', ' 48 ', ' 49 ', ' 50 ', ' 51 ', ' 52 ', ' 53 ', ' 54 ', ' 55 ', ' 56 ', ' 57 ', ' 58 ', ' 59 ', ' 60 ']

​

let text_font_regular;

let text_font_italic;

let month_data = {}

let day_data = {};

let hour_data = {};

let num_data = {};

let old_day;

let old_second;

let old_minute;

let old_hour;

let old_month;

​

let day_str;

let month_str;

let hour_str;

let minute_str;

let second_str;

​

let day_title;

let month_title;

let hour_title;

let minute_title;

let second_title;

​

let month_key;

let day_key;

let hour_key;

let second_key;

​

let shake_interval = 5;

let shake_counter = 1;

​

let total = [];

function setup() {

  createCanvas(800, 600);

  textFont(text_font_regular);

  old_day = -1;

  old_second = -1;

  old_minute = -1;

  old_hour = -1;

  old_month  = -1;

  updater();

  total = [month_title, month_str, day_title, day_str, hour_title, hour_str, minute_title, minute_str, second_title, second_str];

}

​

function preload() {

  text_font_regular = loadFont('Times New Roman 400.ttf');

  text_font_italic = loadFont('Times New Roman.ttf');

  month_data = loadJSON('data/months_screened.json');

  day_data = loadJSON('data/days_screened.json');

  hour_data = loadJSON('data/hours_screened.json');

  num_data = loadJSON('data/nums_screened.json');

​

}

function loadTime(json_data, k){

  var options = json_data[k];

  var temp_strs = [];

  var temp_ts = [];

  for(var key in options){

    temp_strs.push(options[key]);

    temp_ts.push(key)

  }

  index = int(random(0, temp_strs.length));

  var word_str = temp_strs[index];

  var title = temp_ts[index];

  return [word_str, title];

​

}

function strip_string(s){

  s = s.replace(/\\/g, "");

  s = s.replace(/\\n/g, "");

  s = s.replace(/\t/g, "");

  s = s.replace(/\n/g, "");

  return s;

}

function absolute_strip(s){

  s = s.replace(/\\/g, "");

  s = s.replace(/\s+/g, '');

  return s;

}

let change = false;

function updater(){

  var arr;

  if(old_month != month() || change){

    month_key = months[month() - 1];

    arr = loadTime(month_data, month_key);

    month_str = strip_string(arr[0]);

    month_title = strip_string(arr[1]);

    old_month = month();

  }

  if(old_day != day() || change){

    day_key = days[day()];

    arr = loadTime(day_data, day_key);

    day_str = strip_string(arr[0]);

    day_title = strip_string(arr[1]);

    old_day = day();

  }

  if(old_hour != hour()|| change){

    if(hour() % 12 == 0){

      hour_key = hours[11];

    }

    else{

      hour_key = hours[(hour() %12) - 1];

    }

    arr = loadTime(hour_data, hour_key);

    hour_str = strip_string(arr[0]);

    hour_title = strip_string(arr[1]);

    old_hour = hour();

  }

  if(change){

      change = false;

  }

  if(old_minute != minute() || change){

    minute_key = nums[minute()];

    arr = loadTime(num_data, minute_key);

    minute_str = strip_string(arr[0]);

    minute_title = arr[1];

    old_minute = minute();

    if(minute() % shake_interval == 0){

      change = true;

    }

  }

  if(old_second != second()){

    second_key = nums[second()];

    arr = loadTime(num_data, second_key);

    second_str = strip_string(arr[0]);

    second_title = strip_string(arr[1]);

    old_second = second();

  }

  total = [month_title, month_str, day_title, day_str, hour_title, hour_str, minute_title, minute_str, second_title, second_str];

}

​

function draw() {

  frameRate(2);

  var size = 26;

​

  updater();

​

  background(235);

  textSize(size);

  textAlign(LEFT);

  rectMode(CORNERS);

  var margin = 30;

  var x = margin;

  var y = margin * 2;

  var screening = [absolute_strip(month_key), absolute_strip(day_key),  absolute_strip(hour_key), absolute_strip(minute_key), absolute_strip(second_key)];

​

​

  var k = 0;

  for(var i = 0; i < total.length; i+=1){

    x = margin;

    k = int( i /2);

    var words;

    if(i % 2 != 0){

      textFont(text_font_regular);

       words = total[i].split(" ");

    }

    else{

      textFont(text_font_italic);

      words = ("\"" + total[i] + "\"").split(" ");

    }

    var found = false;

    for(var j = 0; j < words.length; j+=1){

      var s = absolute_strip(words[j]);

      if(textWidth(s) + x > (width - margin)){

        y = y + margin;

        x = margin;

      }

      var loc = s.indexOf(screening[k]);

      if(i % 2 != 0 && loc != -1 && !found){

        found = true;

        var highlight_start = x + textWidth(s.slice(0, loc));

        var highlight_end = x + textWidth(s.slice(0, loc + screening[k].length));

        push();

        fill(245, 235, 52);

        noStroke();

        rect(highlight_start, y - margin + 6, highlight_end, y + 5);

        pop();

      }

      text(s, x, y);      

      x = x + textWidth(s) + 9;

    }

    y = y + margin;

  }

}