Nicer about page in two-column layout

app/views/welcome/about.slim

@@ -1,6 +1,12 @@
-h1 About this web site
+.grid-x.grid-padding-x.grid-padding-y
 
-p
+  .cell.large-4
+
+    h2 About this web site
+
+  .cell.large-8
+
+    p
       |
         This is a public repository of screenshots taken from applications contained
         in the Debian GNU/Linux distribution and its derivatives like Ubuntu. It was
@@ -9,24 +15,33 @@ p
         upload them. Our admin team will just review your changes before they become
         publicly visible.
 
-h2 Who runs this site?
+  .cell.large-4
 
-p
+    h2 Who runs this site?
-  ' This site is run by Christoph Haas (haas). Paul Wise (pabs) helps with the
+
+  .cell.large-8
+
+    p
+      ' This site has been created and is run and paid for
+      ' by Christoph Haas (haas). Paul Wise (pabs) helps with the
       ' moderation of new uploads. However almost all of the screenshots were
       ' contributed by countless volunteers of the open-source community.
       '
       ' Feel free to leave
       a href="mailto:haas@debian.org" feedback?
 
-a name='cookies'
+  .cell.large-4
-h2 Cookies and privacy
 
-p
+    a name='cookies'
+    h2 Cookies and privacy
+
+  .cell.large-8
+
+    p
       ' I am very concerned with privacy myself. So this site stores as
       ' little information about your stay as possible. That is:
 
-ul
+    ul
       li
         em 
           'Cookies.
@@ -57,8 +72,13 @@ ul
           Under no circumstance will information about your person be
           analysed or given to other people. I am happy to have you here as my guest.
 
-h2 What is your motivation of running this site?
+  .cell.large-4
-p
+
+    h2 What is your motivation of running this site?
+
+  .cell.large-8
+
+    p
       |
         Do you wonder why this web site has been running for so many years
         obviously costing time and money? It's one of my pet projects and
@@ -67,9 +87,13 @@ p
         If you feel you want to give back something then help the Debian
         project.
 
-h2 Which software packages are listed?
+  .cell.large-4
 
-p
+    h2 Which software packages are listed?
+
+  .cell.large-8
+
+    p
       |
         I import the package repositories from various Linux
         distributions once a day. However we already filter out packages that
@@ -79,7 +103,7 @@ p
         available in your favorite Linux distribution. Just let me know if you
         are missing packages.
 
-p
+    p
       ' The repositories that I am scanning frequently are:
 
       ul
@@ -87,9 +111,13 @@ p
           li
             a href=repo[:url] =repo[:description]
 
-h2 Who is using this site?
+  .cell.large-4
 
-p
+    h2 Who is using this site?
+
+  .cell.large-8
+
+    p
       |
         Many users interested in Linux distributions and their applications visit
         this site either to look for specific pieces of software for certain use
@@ -104,9 +132,13 @@ p
         li
           a href="http://packages.ubuntu.com" packages.ubuntu.com
 
-h2 How you can use the screenshots
+  .cell.large-4
 
-p
+    h2 How you can use the screenshots
+
+  .cell.large-8
+
+    p
       ' You can use the screenshots on your own website. Some useful URLs:
 
       ul
@@ -168,17 +200,25 @@ p
               that still lack screenshots. If you want to help contributing
               then this data can be useful.
 
-h2 Uploading new screenshots
+  .cell.large-4
 
-p
+    h2 Uploading new screenshots
+
+  .cell.large-8
+
+    p
       |
         Whether you are a developer or not - we appreciate if you upload screenshots.
         See if your favorite package does not yet have a screenshot and
         upload one.
 
-h2 Why isn't this a debian.org service?
+  .cell.large-4
 
-p
+    h2 Why isn't this a debian.org service?
+
+  .cell.large-8
+
+    p
       |
         Often experimental services start as something.debian.net. After a while they
         are handed over to the trusted hands of the Debian sysadmin team to be operated
@@ -189,55 +229,58 @@ p
         as a one-man show it has proven to be very stable and fast over a period of
         many years.
 
-h2 Is this web application available as a Debian package?
+  .cell.large-4
 
-p
+    h2 Can I see the source code of this web application?
-  |
-    I have been asked why the web application was not simply put into
-    a Debian package so everybody can install their own copy. First of all it
-    is pretty complex and creating a package from it would be time-consuming.
-    And the web application was specifically created to operate this web site.
-    Running a private copy of it would not really make much sense.
 
-h2 Can I see the source code of this web application?
+  .cell.large-8
 
-p
+    p
-  |
+      ' The source code is available at
-    Valid question. I am not a professional Rails developer so I was
+      a href="https://salsa.debian.org/debian/debshots"
-    reluctant to publish the source code. In fact I feared it would
+        ' salsa.debian.net
-    attract people with bad intentions rather than contributors.
-    Yes, that is a weak reason. So after the next major update I will
-    add the Git URL here so you can get the source code and start
-    critisizing me. :)
 
-h2 Statistics
+  .cell.large-4
 
-p
+    h2 Statistics
+
+  .cell.large-8
+
+    p
       // TODO: Use real values
       ' There are currently #{@package_count} software packages in the database.
       / ' 3798 of them have screenshots.
       / ' That makes a total of 7.8%.
       ' And #{@screenshot_count} screenshots have been uploaded.
 
-/ p
+    / p
-/   // TODO: Use plot about upload statistics
+    /   // TODO: Use plot about upload statistics
-/   ' (Number of screenshots uploaded each month.)
+    /   ' (Number of screenshots uploaded each month.)
 
-h2 Who is behind this site?
+  .cell.large-4
 
-p
+    h2 Who is behind this site?
+
+  .cell.large-8
+
+    p
       |
-    This site has been developed and is maintained by Christoph Haas.
+        This site has been developed and is maintained by Christoph Haas
-    It runs on a web application called <em>debshots</em> that was written in Ruby-on-Rails.
+        as part of the Debian project.
-    debshots also uses a PostgreSQL database, the jQuery Javascript library
-    and the Zurb Foundation toolkit.
-    The person responsible for this site is:
 
-p
+  .cell.large-4
-  'Christoph Haas
+
-  br
+    h2 What technology do you use for this site?
-  'Oldesloer Straße 14a
+
-  br
+  .cell.large-8
-  '23843 Rümpel
+
-  br
+    ul
-  'Email contact: email@christoph-haas.de
+      li A custom made web application called <em>debshots</em>
+      li Ruby-on-Rails
+      li Shrine for file management
+      li PostgreSQL to store metadata
+      li The Zurb Foundation web toolkit
+      li Icons from Font Awesome
+      li Nginx as a caching reverse proxy
+      li Debian as an operating system to run everything on
+      li The Netcup hosting company