Add details to Fundamentals sample pages

- Split the original page into several parts
- Added descriptive texts around codepens
- Updated codepens
- Sample index page orders links order by post date