Re: Help needed for screenshots

["Bruno Félix Rezende Ribeiro" <oitofelix@gnu.org>]

[-- Attachment #1: Type: text/plain, Size: 1428 bytes --]

Em Sat, 15 Nov 2014 18:57:10 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> I would have liked to have the screenshots section ready by the
> release, which may be next Tuesday if everything goes well.
> 
> Do you think you could come up with a possibly simplified version with
> just that section, to begin with?

Ludovic's request has changed my mind.  Attached are the
patch and auxiliary tarballs to add a screenshots gallery to Guix web
page.  These files are organized as follow:

* guix.html.patch: This should be aplied to 'guix.html' file.  It
  contains the html+css+javascript changes to the web page itself.

* scripts.txz: This tarball contains all the minified javascript code
  and their respective sources.  It should be extracted in the root
  directory.

* thumbnails.txz: This tarball contains the thumbnails of all currently
  available screenshots.  It should be extracted in 'screenshots/0.8'
  directory.  New thumbnails can be generated by the ImageMagick's
  'convert' program.  For example, inside the thumbnails directory one
  would use something like: 

    convert ../grub-menu.png -resize 48 grub-menu.png


I hope it helps!

-- 
 ,= ,-_-. =.  Bruno Félix Rezende Ribeiro (oitofelix) [0x28D618AF]
((_/)o o(\_)) There is no system but GNU;
 `-'(. .)`-'  GNU Linux-Libre is one of its official kernels;
     \_/      All software must be free as in freedom;

[-- Attachment #2: guix.html.patch --]
[-- Type: text/x-patch, Size: 3676 bytes --]

--- guix.html.~1.97.~	2014-11-09 18:49:04.000000000 -0200
+++ guix.html	2014-11-16 03:03:28.452199520 -0200
@@ -2,6 +2,23 @@
 <!-- Parent-Version: 1.70 $ -->
 
 <title>GNU Guix - GNU's purely functional package manager - GNU Project</title>
+
+<style>
+  .galleria {
+    position: relative;
+    margin-left: auto;
+    margin-right: auto;
+    width: 640px;
+    height: 480px;
+  }
+</style>
+
+<link rel="stylesheet" href="scripts/galleria/themes/galleria-classicmod/galleria.classicmod.css" />
+<script src="scripts/jquery-1.11.1.min.js"></script>
+<script src="scripts/galleria-1.4.2.min.js"></script>
+<script src="scripts/galleria/themes/galleria-classicmod/galleria.classicmod.js"></script>
+
+
 <!--#include virtual="/server/banner.html" -->
 <!-- <h2>GNU Guix</h2> -->
 
@@ -42,6 +59,56 @@
   </div>
 </div><!-- introductory text -->
 
+
+
+<!-- ===================== Gallery ===================== -->
+
+<div class="galleria">
+
+  <!-- Guix 0.8: Grub menu -->
+  <a href="screenshots/0.8/grub-menu.png">
+    <img src="screenshots/0.8/thumbnails/grub-menu.png"
+	 data-title="GNU Grub menu"
+	 data-description="" />
+  </a>
+
+  <!-- Guix 0.8: SLiM -->
+  <a href="screenshots/0.8/slim.png">
+    <img src="screenshots/0.8/thumbnails/slim.png"
+	 data-title="SLiM Login Manager"
+	 data-description="" />
+  </a>
+
+  <!-- Guix 0.8: WindowMaker -->
+  <a href="screenshots/0.8/windowmaker-etc.png">
+    <img src="screenshots/0.8/thumbnails/windowmaker-etc.png"
+	 data-title="GNU WindowMaker, GNU Icecat and Inkscape"
+	 data-description="" />
+  </a>
+
+  <!-- Guix 0.8: Emacs UI for packages -->
+  <a href="screenshots/0.8/emacs-ui-packages.png">
+    <img src="screenshots/0.8/thumbnails/emacs-ui-packages.png"
+	 data-title="GNU Emacs user interface for packages"
+	 data-description="" />
+  </a>
+
+  <!-- Guix 0.8: Emacs UI for generations -->
+  <a href="screenshots/0.8/emacs-ui-generations.png">
+    <img src="screenshots/0.8/thumbnails/emacs-ui-generations.png"
+	 data-title="GNU Emacs user interface for generations"
+	 data-description="" />
+  </a>
+
+</div>
+
+<script>
+  Galleria.run('.galleria', { trueFullscreen: false });
+</script>
+
+
+
+
 <h3 id="news">News&nbsp;
   <a href="https://savannah.gnu.org/news/atom.php?group=guix">
     <img src="https://savannah.gnu.org/images/common/feed16.png"
@@ -375,6 +442,41 @@
        alt="GPL version 3" />
 </center>
 
+<hr/>
+
+<table id="jslicense-labels1" style="margin-left: auto; margin-right: auto;">
+  <caption>JavaScript Licensing Information</caption>
+  <thead>
+    <tr>
+      <th>Script</th>
+      <th>License</th>
+      <th>Source</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="scripts/jquery-1.11.1.min.js">jquery-1.11.1.min.js</a></td>
+      <td><a href="http://www.jclark.com/xml/copying.txt">Expat</a></td>
+      <td><a href="scripts/jquery-1.11.1.js.gz">jquery-1.11.1.js.gz</a></td>
+    </tr>
+    <tr>
+      <td><a href="scripts/galleria-1.4.2.min.js">galleria-1.4.2.min.js</a></td>
+      <td><a href="http://www.jclark.com/xml/copying.txt">Expat</a></td>
+      <td><a href="scripts/galleria-1.4.2.zip">galleria-1.4.2.zip</a></td>
+    </tr>
+    <tr>
+      <td><a href="scripts/galleria/themes/galleria-classicmod/galleria.classicmod.js">
+	  galleria.classicmod.js</a></td>
+      <td><a href="http://www.jclark.com/xml/copying.txt">Expat</a></td>
+      <td>
+	<a href="scripts/jgehrcke-galleria-classicmod-4c43afe9a065.zip">
+	  jgehrcke-galleria-classicmod-4c43afe9a065.zip</a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+
 <script>
 // @licstart  The following is the entire license notice for the JavaScript code in this page.
 //

[-- Attachment #3: scripts.txz --]
[-- Type: application/x-xz-compressed-tar, Size: 259328 bytes --]

[-- Attachment #4: thumbnails.txz --]
[-- Type: application/x-xz-compressed-tar, Size: 13396 bytes --]