anchor.diff:  header p {
   	max-width: 400px;
   	font-size: 16px;
  -	color: #555;
  +	color: <%= text_color %>;
   }
   header hr {
   	max-width: 200px;
   }
   .activity-numbers {
  -	display: -webkit-box;
   	display: flex;
   	flex-flow: row wrap;
   	width: 100%;
  
positive.code: }
  
  @media (max-width: 500px) {
  
  	td:first-child {
  		font-size: 16px;
  		font-weight: normal;
  	}
  	th:nth-last-child(2),td:nth-last-child(2),th:last-child,td:last-child {
  		display: none;
  
negative.code: 		m = shortMonths[date.getMonth()],
  		d = date.getDate()
  
  	return w + ', ' + m + ' ' + d
  }
  
  function formatAllDates() {
  	var dates = document.querySelectorAll('.date')
  	for (var date of dates) {
  		date.innerHTML = formatDate(date.getAttribute('data'))
  	}
  }
  
  function parseAllHours() {
  	var nodes = document.querySelectorAll('.user-hours')
  	for (var node of nodes) {
  		var hours = node.getAttribute('data:hours')
  		var id = node.getAttribute('id')
  		parseHours(JSON.parse(hours), '#'+id, 40, 5, 4)
  	}
  }
  
  
  