Added screenshots section

_layouts/default.html

@@ -39,6 +39,9 @@
             <li id="devel" title="Development">
               <a href="{{ site.baseurl }}/dev">Development</a>
             </li>
+            <li id="screenshots" title="Screenshots">
+              <a href="{{ site.baseurl }}/screenshots">Screenshots</a>
+            </li>
             <li id="themes" title="Themes">
               <a href="{{ site.baseurl }}/themes">Themes</a>
             </li>

index.md

@@ -32,7 +32,8 @@ The key features of Window Maker are:
 - Free and open source
 - Active community from all of the world
 
-See [features](features.html) section for more.
+See [features](features.html) section for more. In [screenshots](screenshots/)
+section you can see examples of how users set up their desktops.
 
 Download
 --------

screenshots/index.md

@@ -0,0 +1,7 @@
+---
+layout: default
+title: Screenshots
+---
+
+Screenshots
+===========

style.css

@@ -280,6 +280,7 @@ article {padding: 1em}
     nav.menu li#news {background-image: url(/img/dock_news.png)}
     nav.menu li#docs {background-image: url(/img/dock_docs.png)}
     nav.menu li#devel {background-image: url(/img/dock_devel.png)}
+    nav.menu li#screenshots {background-image: url(/img/dock_mag.png)}
     nav.menu li#themes {background-image: url(/img/dock_themes.png)}
     nav.menu li#links {background-image: url(/img/dock_links.png)}
     nav.menu li#mail {background-image: url(/img/dock_mail.png)}
@@ -401,6 +402,7 @@ article {padding: 1em}
     nav.menu li#news {background-image: url(/img/prefs_news.png)}
     nav.menu li#docs {background-image: url(/img/prefs_docs.png)}
     nav.menu li#devel {background-image: url(/img/prefs_devel.png)}
+    nav.menu li#screenshots {background-image: url(/img/prefs_mag.png)}
     nav.menu li#themes {background-image: url(/img/prefs_themes.png)}
     nav.menu li#links {background-image: url(/img/prefs_links.png)}
     nav.menu li#mail {background-image: url(/img/prefs_mail.png)}