New Logo and Screenshots

Update CSS Styles

Add Splash Image

Compress PNG

Remove header

Change headings sizes

Add background colors to code blocks and use HEX

Update fonts and put back old screenshots

Change font-size in code blocks

README.md

@@ -1,8 +1,9 @@
-# VimWiki: A Personal Wiki For Vim
+![VimWiki: A Personal Wiki For Vim](doc/splash.png)
 
 [中文](README-cn.md)
 
 - [Intro](#intro)
+- [Screenshots](#screenshots)
 - [Installation](#installation)
     - [Prerequisites](#prerequisites)
     - [VIM Packages](#installation-using-vim-packages-since-vim-741528)
@@ -19,6 +20,8 @@
 - [Wiki](https://github.com/vimwiki/vimwiki/wiki)
 - [License](#license)
 
+----
+
 ## Intro
 
 VimWiki is a personal wiki for Vim -- a number of linked text files that have
@@ -64,6 +67,14 @@ The result should look something like:
 
 ```
 
+## Screenshots
+
+![Lists View](doc/lists.png)
+![Entries View](doc/entries.png)
+![Todos View](doc/todos.png)
+![Wiki View](doc/wiki.png)
+
+
 ## Installation
 
 ### Prerequisites
@@ -217,6 +228,8 @@ helping the community. Your help is therefore appreciated. Everyone can help!
 See [#625](https://github.com/vimwiki/vimwiki/issues/625) for information on
 how you can help.
 
+----
+
 ## License
 
 MIT License