update contents and add source pics
Merge branch 'scl-edu' of https://github.com/LarryLuo/webDev into scl-edu