Merge pull request #4 from gryf/newlook

Introducing new section: screenshots

_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
 --------

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)

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.
+
+
+[![Desktop of IRC user Lumpi](lumpi-wmaker_thumb.jpg)](lumpi-wmaker.png)
+{:.gallery}
+
+[![Desktop of IRC user bikki](bikki_1_thumb.jpg)](bikki_1.png)
+{:.gallery}
+
+[![Another screenshot from bikki](bikki_2_thumb.jpg)](bikki_2.png)
+{:.gallery}
+
+[![screenshot from khamsin](khamsin1_thumb.jpg)](khamsin1.jpg)
+{:.gallery}
+
+[![screenshot from khamsin](khamsin2_thumb.jpg)](khamsin2.png)
+{:.gallery}
+
+[![screenshot from khamsin](khamsin3_thumb.jpg)](khamsin3.jpg)
+{:.gallery}
+
+[![screenshot from khamsin](khamsin4_thumb.jpg)](khamsin4.png)
+{:.gallery}
+
+[![screenshot from khamsin](gryf-bloodline_thumb.jpg)](gryf-bloodline.png)
+{:.gallery}
+
+[![screenshot from khamsin](gryf-clearloks_thumb.jpg)](gryf-clearloks.png)
+{:.gallery}
+
+<div class="clear"></div>

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)}