diff --git a/_layouts/default.html b/_layouts/default.html
index 231318f..cb8c30e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -39,6 +39,9 @@
Development
+
+ Screenshots
+
Themes
diff --git a/img/dock_mag.png b/img/dock_mag.png
new file mode 100644
index 0000000..0f1441c
Binary files /dev/null and b/img/dock_mag.png differ
diff --git a/img/prefs_mag.png b/img/prefs_mag.png
new file mode 100644
index 0000000..bc777eb
Binary files /dev/null and b/img/prefs_mag.png differ
diff --git a/index.md b/index.md
index 2b8102f..32eb833 100644
--- a/index.md
+++ b/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
--------
diff --git a/links/index.md b/links/index.md
index b366829..6804e43 100644
--- a/links/index.md
+++ b/links/index.md
@@ -6,26 +6,46 @@ title: Links
External links
==============
+Window Maker/GNUStep related
+----------------------------
+
+* [Dockapps](https://www.dockapps.net/) -- The home of the currently available
+ dockapps for the Window Maker,
* [WMLive CD](http://www.rumbero.org/wmlive) -- A remastered Ubuntu live CD
- featuring Window Maker as default window manager.
-* [Dockapps](https://www.dockapps.net/)
+ featuring Window Maker as default window manager,
* [OneStepBack](http://gnome-look.org/content/show.php/OneStepBack?content=170904)
- -- Gnome 2 and 3 theme with a NextStep look.
-* [WINGs tutorial](/WINGs_tutorial/WINGtoc.html)
+ -- Gnome 2 and 3 theme with a NextStep look,
+* [Source code](https://github.com/window-maker/window-maker.github.io) of
+ this very webpage.
+
+NEXTStep related
+----------------
+
+* [NEXTSPACE](https://github.com/trunkmaster/nextspace) another take of creating
+ NeXTSTEP like environment for the CentOS.
+* [OPENSTEP 4.0 Demo](https://youtu.be/WyxByfhT1F0) -- Youtube video,
+* [OPENSTEP installation guide](http://openstep.bfx.re) -- Resources and guide
+ to install OPENSTEP,
+* [NEXTSTep and OPENSTEP resource
+ page](http://www.shawcomputing.net/resources/next/index.html) -- Another
+ resource page on OPENSTEP.
+
+Blogs
+-----
+
+* [Why I use Window Maker](http://administratosphere.wordpress.com/2011/07/05/why-i-use-window-maker/)
+* [Window Maker and I](http://windowmakerandi.blogspot.co.uk/)
+* [My Window Maker 'desktop'
+ configuration](http://blog.bigsmoke.us/2009/03/30/wmaker)
+* [My WindowMaker config on Jessie, Part 1](http://galgotsmacs.blogspot.fr/2015/05/my-windowmaker-config-on-jessie-part-1.html)
+* [My WindowMaker config on Jessie, Part 2](http://galgotsmacs.blogspot.fr/2015/06/my-windowmaker-config-on-jessie-part-2.html)
+
+Outdated
+--------
+
* [Unofficial debian packages of Window
- Maker](http://www.the-little-red-haired-girl.org/pub/wmaker/)
+ Maker](http://www.the-little-red-haired-girl.org/pub/wmaker/) -- somewhat
+ discontinued,
* [WINGs manpages](https://web.archive.org/web/20141111210726/http://voins.program.ru:80/windowmaker/wingsman.html)
* [WDM](https://web.archive.org/web/20141123054442/http://voins.program.ru:80/wdm/)
-- A login manager
-* [Source code](https://github.com/window-maker/window-maker.github.io) of
- www.windowmaker.org
-* [OPENSTEP 4.0 Demo](https://youtu.be/WyxByfhT1F0) on youtube
-* [Why I use Window Maker](http://administratosphere.wordpress.com/2011/07/05/why-i-use-window-maker/)
- (blog post)
-* [Window Maker and I](http://windowmakerandi.blogspot.co.uk/) Blog
-* [My Window Maker 'desktop'
- configuration](http://blog.bigsmoke.us/2009/03/30/wmaker) (blog post)
-* [My WindowMaker config on Jessie, Part 1](http://galgotsmacs.blogspot.fr/2015/05/my-windowmaker-config-on-jessie-part-1.html)
- (blog post)
-* [My WindowMaker config on Jessie, Part 2](http://galgotsmacs.blogspot.fr/2015/06/my-windowmaker-config-on-jessie-part-2.html)
- (blog post)
diff --git a/screenshots/bikki_1.png b/screenshots/bikki_1.png
new file mode 100644
index 0000000..d6c1094
Binary files /dev/null and b/screenshots/bikki_1.png differ
diff --git a/screenshots/bikki_1_thumb.jpg b/screenshots/bikki_1_thumb.jpg
new file mode 100644
index 0000000..a600fa6
Binary files /dev/null and b/screenshots/bikki_1_thumb.jpg differ
diff --git a/screenshots/bikki_2.png b/screenshots/bikki_2.png
new file mode 100644
index 0000000..a6cf888
Binary files /dev/null and b/screenshots/bikki_2.png differ
diff --git a/screenshots/bikki_2_thumb.jpg b/screenshots/bikki_2_thumb.jpg
new file mode 100644
index 0000000..6e9e68f
Binary files /dev/null and b/screenshots/bikki_2_thumb.jpg differ
diff --git a/screenshots/gryf-bloodline.png b/screenshots/gryf-bloodline.png
new file mode 100644
index 0000000..e182dc3
Binary files /dev/null and b/screenshots/gryf-bloodline.png differ
diff --git a/screenshots/gryf-bloodline_thumb.jpg b/screenshots/gryf-bloodline_thumb.jpg
new file mode 100644
index 0000000..45e2e95
Binary files /dev/null and b/screenshots/gryf-bloodline_thumb.jpg differ
diff --git a/screenshots/gryf-clearloks.png b/screenshots/gryf-clearloks.png
new file mode 100644
index 0000000..e112436
Binary files /dev/null and b/screenshots/gryf-clearloks.png differ
diff --git a/screenshots/gryf-clearloks_thumb.jpg b/screenshots/gryf-clearloks_thumb.jpg
new file mode 100644
index 0000000..8b07d53
Binary files /dev/null and b/screenshots/gryf-clearloks_thumb.jpg differ
diff --git a/screenshots/index.md b/screenshots/index.md
new file mode 100644
index 0000000..cfeee99
--- /dev/null
+++ b/screenshots/index.md
@@ -0,0 +1,40 @@
+---
+layout: default
+title: Screenshots
+---
+
+Screenshots
+===========
+
+To get an impression how Window Maker could look like, here are couple of
+screenshots.
+
+
+[](lumpi-wmaker.png)
+{:.gallery}
+
+[](bikki_1.png)
+{:.gallery}
+
+[](bikki_2.png)
+{:.gallery}
+
+[](khamsin1.jpg)
+{:.gallery}
+
+[](khamsin2.png)
+{:.gallery}
+
+[](khamsin3.jpg)
+{:.gallery}
+
+[](khamsin4.png)
+{:.gallery}
+
+[](gryf-bloodline.png)
+{:.gallery}
+
+[](gryf-clearloks.png)
+{:.gallery}
+
+
diff --git a/screenshots/khamsin1.jpg b/screenshots/khamsin1.jpg
new file mode 100644
index 0000000..2dd64a5
Binary files /dev/null and b/screenshots/khamsin1.jpg differ
diff --git a/screenshots/khamsin1_thumb.jpg b/screenshots/khamsin1_thumb.jpg
new file mode 100644
index 0000000..f0c978e
Binary files /dev/null and b/screenshots/khamsin1_thumb.jpg differ
diff --git a/screenshots/khamsin2.png b/screenshots/khamsin2.png
new file mode 100644
index 0000000..2e98c52
Binary files /dev/null and b/screenshots/khamsin2.png differ
diff --git a/screenshots/khamsin2_thumb.jpg b/screenshots/khamsin2_thumb.jpg
new file mode 100644
index 0000000..53bcb9e
Binary files /dev/null and b/screenshots/khamsin2_thumb.jpg differ
diff --git a/screenshots/khamsin3.jpg b/screenshots/khamsin3.jpg
new file mode 100644
index 0000000..5afe828
Binary files /dev/null and b/screenshots/khamsin3.jpg differ
diff --git a/screenshots/khamsin3_thumb.jpg b/screenshots/khamsin3_thumb.jpg
new file mode 100644
index 0000000..692fea9
Binary files /dev/null and b/screenshots/khamsin3_thumb.jpg differ
diff --git a/screenshots/khamsin4.png b/screenshots/khamsin4.png
new file mode 100644
index 0000000..b6bd22c
Binary files /dev/null and b/screenshots/khamsin4.png differ
diff --git a/screenshots/khamsin4_thumb.jpg b/screenshots/khamsin4_thumb.jpg
new file mode 100644
index 0000000..a241102
Binary files /dev/null and b/screenshots/khamsin4_thumb.jpg differ
diff --git a/screenshots/lumpi-wmaker.png b/screenshots/lumpi-wmaker.png
new file mode 100644
index 0000000..bd4cd76
Binary files /dev/null and b/screenshots/lumpi-wmaker.png differ
diff --git a/screenshots/lumpi-wmaker_thumb.jpg b/screenshots/lumpi-wmaker_thumb.jpg
new file mode 100644
index 0000000..6749c03
Binary files /dev/null and b/screenshots/lumpi-wmaker_thumb.jpg differ
diff --git a/style.css b/style.css
index 161e166..f313597 100644
--- a/style.css
+++ b/style.css
@@ -50,6 +50,33 @@ p.screenshot a img {
margin: auto;
}
+/* gallery */
+
+p.gallery {
+ float: left;
+ margin: 5px;
+ width: 300px;
+}
+
+p.gallery a img {
+ border: 1px solid black;
+ box-shadow: 3px 7px 7px #606060;
+ top: 0;
+ bottom:0;
+ left: 0;
+ right:0;
+ margin: auto;
+}
+
+div.gallery img {
+ width: 100%;
+ height: auto;
+}
+
+.clear {
+ clear: left;
+}
+
/* logo */
header h1 a {
font-family: "DejaVu Sans", sans-serif;
@@ -280,6 +307,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 +429,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)}