text: //header is wider with keep what is there and add date and time to it
  document.getElementById("currentDay").innerText = moment().format('MMMM Do YYYY, h:mm:ss a');
  console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));
  //line  blocks under header and spaced on center
  //On top is the date and then each block has a time associated with 
  // times are from 6-10( 17 time blocks)
  let dt = moment();
  dt.format("HH:mm");
  var line = ["6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22"]
  console.log(line)
  
  
  
  for (let i = 0; i < line.length; i++) {
      var id = "#" + line[i]
      var storage = localStorage.getItem(line[i])
      $(id).children("textarea").val(storage);
      if (line[i] == moment().hours()) {
          $(id).addClass('present')
      } else if (line[i] < moment().hours()) {
          $(id).addClass("past")
      }
  
  
      else {
          $(id).addClass("future")
      }
  };
  $(".saveBtn").on("click", function () {
      var data = $(this).siblings("textarea").val();
      var hour = $(this).parent().attr("id")
      console.log(hour, data)
      localStorage.setItem(hour, data);
  })
  
  
  
  
  //getParent go to sibling grab textarea