added lecture 22 material on input/output, changed index.html to use two columns