Help needed for screenshots

Help needed for screenshots

[Ludovic Courtès]

I’ve collected a few screenshots at
<http://www.gnu.org/software/guix/screenshots/0.8/> (I add a couple of
others, but there’s currently a problem at www.gnu.org that prevents the
Web page from being updated.)

I thought it would be cool if someone could come up with a way to
present them on the HTML page, ideally in a way that just works when JS
in unavailable, and with a fancy picture browser when JS is available.

Would someone be willing to help?

Thanks,
Ludo’.

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Fri, 14 Nov 2014 10:38:51 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> I thought it would be cool if someone could come up with a way to
> present them on the HTML page, ideally in a way that just works when
> JS in unavailable, and with a fancy picture browser when JS is
> available.

Like this: http://oitofelix.freeshell.org/gallery.shtml ?

Ps: My personal website isn't finished yet; so many things to do, so
many things to learn... :-P

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Ludovic Courtès]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> skribis:

> Em Fri, 14 Nov 2014 10:38:51 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:
>
>> I thought it would be cool if someone could come up with a way to
>> present them on the HTML page, ideally in a way that just works when
>> JS in unavailable, and with a fancy picture browser when JS is
>> available.
>
> Like this: http://oitofelix.freeshell.org/gallery.shtml ?

Yes, that seems to fit the bill.

On IRC Cyril proposed <http://www.yoxigen.com/yoxview/>, which I find
even nicer.  It might be harder to integrate, though.

In both cases, we’ll need to add license tags to placate LibreJS, but
that’s the easy part.

Would you like to give it a try?

Thanks,
Ludo’.

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Fri, 14 Nov 2014 22:47:08 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> Would you like to give it a try?

Yeah, but I'd like to try Galleria first, as I already have some
experience with it, and have got all needed templates.  That way we
can reduce the integration time and complexity.  In the near future,
however, if we find any necessary feature that is lacking in Galleria,
time permitting, I might try to migrate to YoxView.  If, however,
someone else is willing to integrate YoxView right away, I don't mind
in letting them come forward.

Would you give me CVS write access to Guix's website source
repository, or do you want patches and instructions?

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Felipe López]

On 14/11/14 18:02, Bruno Félix Rezende Ribeiro wrote:
> Em Fri, 14 Nov 2014 22:47:08 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:
> 
>> Would you like to give it a try?
> 
> Yeah, but I'd like to try Galleria first, as I already have some
> experience with it, and have got all needed templates.  That way we
> can reduce the integration time and complexity.  In the near future,
> however, if we find any necessary feature that is lacking in Galleria,
> time permitting, I might try to migrate to YoxView.  If, however,
> someone else is willing to integrate YoxView right away, I don't mind
> in letting them come forward.

I was planning to make a design proposal for the website, and it
includes a "screenshots" section (I can use YoxView if necessary). But
it could take me at least a week to put things together for people to
review it.

What do you think?


> Would you give me CVS write access to Guix's website source
> repository, or do you want patches and instructions?
> 

-- 
Luis Felipe López Acevedo
http://sirgazil.bitbucket.org/

PGP Klefo ID  : 0x8A296B99
Fingrala marko: 7ED8 4963 C881 647C 9DA0 FDE6 881B 91ED 8A29 6B99

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Sat, 15 Nov 2014 10:18:44 -0500
Felipe López <felipe.lopez@openmailbox.org> escreveu:

> I was planning to make a design proposal for the website, and it
> includes a "screenshots" section (I can use YoxView if necessary). But
> it could take me at least a week to put things together for people to
> review it.
> 
> What do you think?

That's very nice!  You are the artist here, I'm sure you can do a
great job. :-)  A week or so is more than sufficiently prompt, IMHO,
and it's best to wait for the definitive work than to make some changes
now that would be thrown away very soon.

I'll continue to setup my computer environment in order to make it easy
to test and patch Guix web pages in case we need to, so I can help to
maintain it.  Thus, let me know if I may help in some way.

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Felipe López]

On 15/11/14 10:30, Bruno Félix Rezende Ribeiro wrote:
> Em Sat, 15 Nov 2014 10:18:44 -0500
> Felipe López <felipe.lopez@openmailbox.org> escreveu:
> 
>> I was planning to make a design proposal for the website, and it
>> includes a "screenshots" section (I can use YoxView if necessary). But
>> it could take me at least a week to put things together for people to
>> review it.
>>
>> What do you think?
> 
> That's very nice!  You are the artist here, I'm sure you can do a
> great job. :-)  A week or so is more than sufficiently prompt, IMHO,
> and it's best to wait for the definitive work than to make some changes
> now that would be thrown away very soon.
> 

Right.

> I'll continue to setup my computer environment in order to make it easy
> to test and patch Guix web pages in case we need to, so I can help to
> maintain it.  Thus, let me know if I may help in some way.
> 

Sure, I will, because I think I lost my stick to touch CVS :)


-- 
Luis Felipe López Acevedo
http://sirgazil.bitbucket.org/

PGP Klefo ID  : 0x8A296B99
Fingrala marko: 7ED8 4963 C881 647C 9DA0 FDE6 881B 91ED 8A29 6B99

Re: Help needed for screenshots

[Ludovic Courtès]

Felipe López <felipe.lopez@openmailbox.org> skribis:

> I was planning to make a design proposal for the website, and it
> includes a "screenshots" section (I can use YoxView if necessary). But
> it could take me at least a week to put things together for people to
> review it.
>
> What do you think?

Well, that sounds very appealing.  :-)

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?

If you’re not familiar with it, be aware that gnu.org Web pages use
server-side includes (SSI).  So the HTML pages found in the CVS checkout
are not directly usable as is.

Thanks,
Ludo’.

Re: Help needed for screenshots

[Felipe López]

On 15/11/14 12:57, Ludovic Courtès wrote:
> Felipe López <felipe.lopez@openmailbox.org> skribis:
> 
>> I was planning to make a design proposal for the website, and it
>> includes a "screenshots" section (I can use YoxView if necessary). But
>> it could take me at least a week to put things together for people to
>> review it.
>>
>> What do you think?
> 
> Well, that sounds very appealing.  :-)
> 
> 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?

No. I'll be busy until next Monday afternoon.

Maybe someone could add thumbnails of the current screenshots below the
"Guix is based on the Nix package manager." text or in the section
"Downloading Guix and the operating system". And just use HTML to keep
it simple for now.


> If you’re not familiar with it, be aware that gnu.org Web pages use
> server-side includes (SSI).  So the HTML pages found in the CVS checkout
> are not directly usable as is.

OK. But is it mandatory for all pages of GNU software to use the gnu.org
header and footer?


-- 
Luis Felipe López Acevedo
http://sirgazil.bitbucket.org/

PGP Klefo ID  : 0x8A296B99
Fingrala marko: 7ED8 4963 C881 647C 9DA0 FDE6 881B 91ED 8A29 6B99

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

[-- 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 --]

Re: Help needed for screenshots

[Ludovic Courtès]

Felipe López <felipe.lopez@openmailbox.org> skribis:

> Maybe someone could add thumbnails of the current screenshots below the
> "Guix is based on the Nix package manager." text or in the section
> "Downloading Guix and the operating system". And just use HTML to keep
> it simple for now.

I see Bruno has come up with something in the meantime, so let’s
integrate it.  :-)

>> If you’re not familiar with it, be aware that gnu.org Web pages use
>> server-side includes (SSI).  So the HTML pages found in the CVS checkout
>> are not directly usable as is.
>
> OK. But is it mandatory for all pages of GNU software to use the gnu.org
> header and footer?

It’s not really mandatory, but I think it’s good to have some
consistency across gnu.org.

Now, this shouldn’t be hurting us either.  So if there are things that
you’d like to sidestep, we can discuss and see what we can do; we should
try to not diverge completely, though, IMO.

Thanks,
Ludo’.

Re: Help needed for screenshots

[Ludovic Courtès]

Hi Bruno,

Thanks for being so quick!

CVS commit hooks for www.gnu.org are back to life (a big thanks to David
Thompson for that!), so I’ve integrated your work, with screenshots
moved to a dedicated section instead of having them at the top.  And it
works great!

  http://www.gnu.org/software/guix/#screenshots

LibreJS doesn’t know the license of galleria and galleria-classicmod,
though.  Could you come up with a variant that has the right license
tags?

Also, I don’t think LibreJS uses the license table that your patch adds,
does it?  I would like to get rid of it if it’s not actually used.

Thanks,
Ludo’.

Re: Help needed for screenshots

[Ludovic Courtès]

ludo@gnu.org (Ludovic Courtès) skribis:

>   http://www.gnu.org/software/guix/#screenshots

BTW, if anyone has nice screenshots they’d like to share, or ideas of
things worth showing, please tell it!

Ludo’.

Re: Help needed for screenshots

[Felipe López]

On 17/11/14 08:26, Ludovic Courtès wrote:
> Hi Bruno,
> 
> Thanks for being so quick!
> 
> CVS commit hooks for www.gnu.org are back to life (a big thanks to David
> Thompson for that!), so I’ve integrated your work, with screenshots
> moved to a dedicated section instead of having them at the top.  And it
> works great!
> 
>   http://www.gnu.org/software/guix/#screenshots

Looks great! And that you can use the Web browser and Inkscape already
will attract a lot of users :)


-- 
Luis Felipe López Acevedo
http://sirgazil.bitbucket.org/

PGP Klefo ID  : 0x8A296B99
Fingrala marko: 7ED8 4963 C881 647C 9DA0 FDE6 881B 91ED 8A29 6B99

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Mon, 17 Nov 2014 14:26:53 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> Thanks for being so quick!

You're welcome. :-)

> LibreJS doesn’t know the license of galleria and galleria-classicmod,
> though.  Could you come up with a variant that has the right license
> tags?

It *does* know the license as described in [0].  However it fails to
detect it because I forgot to add a specially crafted link pointing to
it.  Sorry.

> Also, I don’t think LibreJS uses the license table that your patch
> adds, does it?  I would like to get rid of it if it’s not actually
> used.

I can easily correct it so LibreJS can use it.  The question is: would
you like the table where it currently is, or in another dedicated page,
linked to from the main one?


Footnotes:

[0]
http://www.gnu.org/software/librejs/manual/html_node/Free-Licenses-Detection.html#Free-Licenses-Detection

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Mon, 17 Nov 2014 12:43:01 -0200
Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> escreveu:

> It *does* know the license as described in [0].  However it fails to
> detect it because I forgot to add a specially crafted link pointing to
> it.  Sorry.

Wow... what a weird sentence!  Here "it" refers to three different
things.  I meant:

  It *does* know the license as described in [0].  However it fails to
  detect the license because I forgot to add a specially crafted link
  pointing to the page.

> I can easily correct it so LibreJS can use it.  The question is: would
> you like the table where it currently is, or in another dedicated
> page, linked to from the main one?

Here you should read:

  I can easily correct the page so LibreJS can use it. [...] 


Sorry for the noise. :-P

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Ludovic Courtès]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> skribis:

> Em Mon, 17 Nov 2014 14:26:53 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:

[...]

>> LibreJS doesn’t know the license of galleria and galleria-classicmod,
>> though.  Could you come up with a variant that has the right license
>> tags?
>
> It *does* know the license as described in [0].  However it fails to
> detect it because I forgot to add a specially crafted link pointing to
> it.  Sorry.

OK.  Could you send a patch adding the magic link?  :-)

>> Also, I don’t think LibreJS uses the license table that your patch
>> adds, does it?  I would like to get rid of it if it’s not actually
>> used.
>
> I can easily correct it so LibreJS can use it.  The question is: would
> you like the table where it currently is, or in another dedicated page,
> linked to from the main one?

I’d rather remove the table altogether, unless LibreJS really uses it.

And even if LibreJS uses it, I’d rather make it invisible.

Thanks,
Ludo’.

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

Em Mon, 17 Nov 2014 16:13:16 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> I’d rather remove the table altogether, unless LibreJS really uses it.

LibreJS *really* needs it.  JavaScript License Web Labels is the
preferred, and practical, method for labeling third party scripts as
free [0].

> And even if LibreJS uses it, I’d rather make it invisible.

Wouldn't that defeat one of the purposes of the method's design?
People should have easy access to the source code of the programs they
are running.  If we hide the table, people won't easily find the source
code.  So, what would be the purpose of stating them as free in the
first place?

I think the best solution is to make a separate page
'javascript.html' with the table, and put a small, but prominent,
LibreJS logo linking to that page, like I did for my personal web site. 

What do you think?


Footnotes:

[0] http://www.gnu.org/licenses/javascript-labels-rationale.html

-- 
 ,= ,-_-. =.  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;

Re: Help needed for screenshots

[Ludovic Courtès]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> skribis:

> Em Mon, 17 Nov 2014 16:13:16 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:
>
>> I’d rather remove the table altogether, unless LibreJS really uses it.
>
> LibreJS *really* needs it.  JavaScript License Web Labels is the
> preferred, and practical, method for labeling third party scripts as
> free [0].
>
>> And even if LibreJS uses it, I’d rather make it invisible.
>
> Wouldn't that defeat one of the purposes of the method's design?
> People should have easy access to the source code of the programs they
> are running.  If we hide the table, people won't easily find the source
> code.  So, what would be the purpose of stating them as free in the
> first place?

Yes, you’re right.  I knew of the @licstart tags, but not JS labels;
indeed, it makes sense to make software distribution more visible in
this way.  javascript-labels-rationale.html explains it very well.

> I think the best solution is to make a separate page
> 'javascript.html' with the table, and put a small, but prominent,
> LibreJS logo linking to that page, like I did for my personal web site. 
>
> What do you think?

Well, in hindsight, you’re right.  Let’s just leave it as is.

We still need a fix so LibreJS actually uses it, though.

Thanks!

Ludo’.

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

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

Em Mon, 17 Nov 2014 17:50:43 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> We still need a fix so LibreJS actually uses it, though.

The patch that fixes it is attached.  I've tested it with Iceweasel
17.0.10 and GNU LibreJS 4.9.3.


-- 
 ,= ,-_-. =.  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: 428 bytes --]

--- guix.html.~1.102.~	2014-11-17 16:11:53.204876956 -0200
+++ guix.html	2014-11-17 16:37:37.560877226 -0200
@@ -474,7 +474,8 @@
 <hr/>
 
 <table id="jslicense-labels1" style="margin-left: auto; margin-right: auto;">
-  <caption>JavaScript Licensing Information</caption>
+  <caption><a rel="jslicense" href="#jslicense-labels1">
+      JavaScript Licensing Information</a></caption>
   <thead>
     <tr>
       <th>Script</th>

Re: Help needed for screenshots

[Ludovic Courtès]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> skribis:

> Em Mon, 17 Nov 2014 17:50:43 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:
>
>> We still need a fix so LibreJS actually uses it, though.
>
> The patch that fixes it is attached.  I've tested it with Iceweasel
> 17.0.10 and GNU LibreJS 4.9.3.

Committed.  It works with GNU IceCat 31.2.  Thank you!

Ludo’.

Re: Help needed for screenshots

[David Thompson]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> writes:

> Em Mon, 17 Nov 2014 16:13:16 +0100
> ludo@gnu.org (Ludovic Courtès) escreveu:
>
>> I’d rather remove the table altogether, unless LibreJS really uses it.
>
> LibreJS *really* needs it.  JavaScript License Web Labels is the
> preferred, and practical, method for labeling third party scripts as
> free [0].
>
>> And even if LibreJS uses it, I’d rather make it invisible.
>
> Wouldn't that defeat one of the purposes of the method's design?
> People should have easy access to the source code of the programs they
> are running.  If we hide the table, people won't easily find the source
> code.  So, what would be the purpose of stating them as free in the
> first place?
>
> I think the best solution is to make a separate page
> 'javascript.html' with the table, and put a small, but prominent,
> LibreJS logo linking to that page, like I did for my personal web site. 

I think moving the weblabels table to a separate page would be good.  It
clutters the page footer.  If users *really* want to see the licenses
and links to individual source files, they can click a link in the
footer that brings them to the table.  However, LibreJS exists because
most users *aren't* going to check that the JavaScript is free before
running it, so we automate the process.

I understand the rationale for weblabels, but I think they are a bad
technical decision that has caused me lots of annoying issues when they
mysteriously don't work.  I would much prefer a terse JSON
representation of this data intended for a program to read.  Why scrape
a web page when you have other options?  Why enforce markup restrictions
on web developers?

Sorry for the rant.

-- 
David Thompson
Web Developer - Free Software Foundation - http://fsf.org
GPG Key: 0FF1D807
Support the FSF: https://fsf.org/donate

Re: Help needed for screenshots

[Felipe López]

On 18/11/14 08:51, David Thompson wrote:
> Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> writes:
> 
>> Em Mon, 17 Nov 2014 16:13:16 +0100
>> ludo@gnu.org (Ludovic Courtès) escreveu:
>>
>>> I’d rather remove the table altogether, unless LibreJS really uses it.
>>
>> LibreJS *really* needs it.  JavaScript License Web Labels is the
>> preferred, and practical, method for labeling third party scripts as
>> free [0].
>>
>>> And even if LibreJS uses it, I’d rather make it invisible.
>>
>> Wouldn't that defeat one of the purposes of the method's design?
>> People should have easy access to the source code of the programs they
>> are running.  If we hide the table, people won't easily find the source
>> code.  So, what would be the purpose of stating them as free in the
>> first place?
>>
>> I think the best solution is to make a separate page
>> 'javascript.html' with the table, and put a small, but prominent,
>> LibreJS logo linking to that page, like I did for my personal web site. 
> 
> I think moving the weblabels table to a separate page would be good.  It
> clutters the page footer.  If users *really* want to see the licenses
> and links to individual source files, they can click a link in the
> footer that brings them to the table.  However, LibreJS exists because
> most users *aren't* going to check that the JavaScript is free before
> running it, so we automate the process.
> 
> I understand the rationale for weblabels, but I think they are a bad
> technical decision that has caused me lots of annoying issues when they
> mysteriously don't work.  I would much prefer a terse JSON
> representation of this data intended for a program to read.  Why scrape
> a web page when you have other options?  Why enforce markup restrictions
> on web developers?
> 
> Sorry for the rant.
> 

I couldn't agree more with you :)


-- 
Luis Felipe López Acevedo
http://sirgazil.bitbucket.org/

PGP Klefo ID  : 0x8A296B99
Fingrala marko: 7ED8 4963 C881 647C 9DA0 FDE6 881B 91ED 8A29 6B99

Re: Help needed for screenshots

[Ludovic Courtès]

David Thompson <dthompson2@worcester.edu> skribis:

> I think moving the weblabels table to a separate page would be good.  It
> clutters the page footer.  If users *really* want to see the licenses
> and links to individual source files, they can click a link in the
> footer that brings them to the table.  However, LibreJS exists because
> most users *aren't* going to check that the JavaScript is free before
> running it, so we automate the process.
>
> I understand the rationale for weblabels, but I think they are a bad
> technical decision that has caused me lots of annoying issues when they
> mysteriously don't work.  I would much prefer a terse JSON
> representation of this data intended for a program to read.  Why scrape
> a web page when you have other options?  Why enforce markup restrictions
> on web developers?

Yeah I have mixed feelings.  On one hand, I sympathize with the
rationale of making it prominent that it’s not just a “page” but also
software that’s being distributed.  On the other hand, less clutter is
better.

All in all, I’m happy to apply a patch that would move it to a different
page, or make it smaller and light-grey, something like that.

Ludo’.

Re: Help needed for screenshots

[Bruno Félix Rezende Ribeiro]

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

Em Tue, 18 Nov 2014 21:45:43 +0100
ludo@gnu.org (Ludovic Courtès) escreveu:

> All in all, I’m happy to apply a patch that would move it to a
> different page, or make it smaller and light-grey, something like
> that.

Attached is a patch that fix the cluttering issue.  I've taken an
alternative design however: one that neither requires the creation
of another dedicated page, nor makes the JS license table always
visible on the main page.

The attached patch makes the logo of LibreJS float over the left
side of the footer's gray bar of links ("GNU home page ... Site map").
When the mouse cursor hovers over it, it expands to the full JS license
table, which is detached and floating over the main web page.  It's
simple, but works well.

This patch adds no Javascript code.  It adds only CSS code in-lined in
the page's header.

The file 'images.txz' contains the LibreJS logo, please extract it in
the root directory.

I hope it does the job.

-- 
 ,= ,-_-. =.  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: 3342 bytes --]

--- guix.html.~1.107.~	2014-11-18 22:14:10.286872776 -0200
+++ guix.html	2014-11-19 02:05:19.950875208 -0200
@@ -11,6 +11,33 @@
     width: 640px;
     height: 480px;
   }
+
+  #librejs-widget {
+    position: relative;
+  }
+
+  #librejs-widget > div {
+    position: absolute;
+    top: 18px;
+  }
+
+  #jslicense-labels1 {
+    display: none;
+    background: orange;
+  }
+
+  #jslicense-labels1 > thead {
+    background: darkorange;
+  }
+
+  #librejs-widget:hover > div > a {
+    display: none;
+  }
+
+  #librejs-widget:hover #jslicense-labels1 {
+    display: block;
+  }
+
 </style>
 
 <link rel="stylesheet" href="scripts/galleria/themes/galleria-classicmod/galleria.classicmod.css" />
@@ -469,41 +496,48 @@
        alt="GPL version 3" />
 </center>
 
-<hr/>
+<div id="librejs-widget">
+  <div>
 
-<table id="jslicense-labels1" style="margin-left: auto; margin-right: auto;">
-  <caption><a rel="jslicense" href="#jslicense-labels1">
-      JavaScript Licensing Information</a></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>
+    <table id="jslicense-labels1" style="margin-left: auto; margin-right: auto;">
+      <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>
+    
+    <a rel="jslicense" href="#jslicense-labels1">
+      <img src="images/librejs.png"
+	   title="JavaScript license information"
+	   alt="JavaScript license information"
+	   width="72" height="31" /></a>
 
+  </div>
+</div>
 
 <script>
 /**

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

Re: Help needed for screenshots

[Ludovic Courtès]

Bruno Félix Rezende Ribeiro <oitofelix@gnu.org> skribis:

> Attached is a patch that fix the cluttering issue.  I've taken an
> alternative design however: one that neither requires the creation
> of another dedicated page, nor makes the JS license table always
> visible on the main page.
>
> The attached patch makes the logo of LibreJS float over the left
> side of the footer's gray bar of links ("GNU home page ... Site map").
> When the mouse cursor hovers over it, it expands to the full JS license
> table, which is detached and floating over the main web page.  It's
> simple, but works well.
>
> This patch adds no Javascript code.  It adds only CSS code in-lined in
> the page's header.

Very nice!

I’ve installed the patch.  Thank you!

Ludo’.