anchor.diff:        </div>
         <div class="event-right-details">
           <div class="event-time-location">
  -          <input type="hidden" id="date" value='${date}'>
  -          <input type="hidden" id="start" value='${start}'>
  -          <input type="hidden" id="end-value" value='${end}'>
             <div class="date">
               <p>Date: ${date}</p>
             </div>
  
positive.code:             <br>
            <div class="share-wrapper">
              <h3>Share</h3>
              <div class="share-container">
                <input type="hidden" id="event-key" value='${key}'>
                <a id="twitter-link" target="_blank">
                    <img src="images/twitter.svg" alt="Twitter"/>
                </a>
                <a id="fb-link" target="_blank">
                    <img src="images/facebook.svg" alt="Facebook"/>
                </a>
                <a id="mail-link" target="_blank">
                    <img src="images/gmail.svg" alt="Email"/>
                </a>
                <a id="copy-link" target="_blank">
                    <img src="images/copy-link.svg" alt="Copy Link"/>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <footer>
  
negative.code:         <div class="event-display-image"></div>
          <div class = "event-left-text">
            <div class="event-display-header">
              <div class = "event-display-title">${name}</div>
              <div class="attendee-count-container">
                <span class="attendee-count">${attendees}</span> 
                already attending
              </div>
            </div>
            <div id="event-display-description" class="event-display-description">
              ${description}
            </div>
            <div class="tags-container">Tags: </div>
          </div>
          <div class="footer">
            <p>
  