update html example with explanation and GitHub ribbon