Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Trevor Bača]

On Wed, Sep 14, 2016 at 11:42 PM, Urs Liska  wrote:

>
>
> Am 15.09.2016 um 02:51 schrieb paulwmor...@gmail.com:
> > Now using the Bach BWV861 example from the essay.  Screenshot:
> > https://drive.google.com/open?id=0ByNTIEA63_a_ZGZrZzlkSUhJeU0
> >
> > I like the cleaner look since this image doesn't have any title, text,
> > etc. like the previous one.  If you click on the image you can see a
> > larger version.  I will upload the pngs to gperciva/lilypond-extra
> >
>
> I like that solution.
>
> One question: Is that example done without any tweaks? I think so but
> want to make sure. If it is it would be worth a mention on the front
> page about "automatic engraving", which is one of the main points for
> using LilyPond.


The newer, cleaner homepage is a great improvement.

Was lovely to see beautiful engraving straightaway this morning on going to
the site!


Trevor.

-- 
Trevor Bača
www.trevorbaca.com
soundcloud.com/trevorbaca
___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Urs Liska]

Am 15.09.2016 um 02:51 schrieb paulwmor...@gmail.com:
> Now using the Bach BWV861 example from the essay.  Screenshot:
> https://drive.google.com/open?id=0ByNTIEA63_a_ZGZrZzlkSUhJeU0
>
> I like the cleaner look since this image doesn't have any title, text,
> etc. like the previous one.  If you click on the image you can see a
> larger version.  I will upload the pngs to gperciva/lilypond-extra
>

I like that solution.

One question: Is that example done without any tweaks? I think so but
want to make sure. If it is it would be worth a mention on the front
page about "automatic engraving", which is one of the main points for
using LilyPond.

Urs


> -Paul
>
>
> https://codereview.appspot.com/306350043/


___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[paulwmorris]

Now using the Bach BWV861 example from the essay.  Screenshot:
https://drive.google.com/open?id=0ByNTIEA63_a_ZGZrZzlkSUhJeU0

I like the cleaner look since this image doesn't have any title, text,
etc. like the previous one.  If you click on the image you can see a
larger version.  I will upload the pngs to gperciva/lilypond-extra

-Paul


https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Phil Holmes]

- Original Message - 
From: "Paul" <p...@paulwmorris.com>
To: "Phil Holmes" <m...@philholmes.net>; <paulwmor...@gmail.com>; 
<lilypond-devel@gnu.org>; <re...@codereview-hr.appspotmail.com>

Sent: Tuesday, September 13, 2016 3:11 PM
Subject: Re: Web: home page: add examples/images, reduce news to headlines 
(issue 306350043 by paulwmor...@gmail.com)




On 09/13/2016 09:52 AM, Phil Holmes wrote:

At this point it would probably be simplest to just inline the lilypond 
code for this example on the home page, like it is done in the essay. 
(Probably putting it in an include file to avoid duplication.)  We 
wouldn't get "click to enlarge" that way (which was the point of using 
the examples mechanisms) but maybe that's not needed on the home page 
and/or could be a future enhancement.


I don't think you can do that.  The reason for all the odd stuff with the 
image files is that the server we host lilypond on does not use lilypond 
to make the website - so all images must be pre-created to allow the 
website itself to be remade.  Note that much of the website it really 
made using make doc during a Gub run, but some of it (the homepage and 
the \web stuff) is made with make website and requires no upload.  The 
server has cron jobs that pull git and run make website.


Ah, ok...  hmm...  so it sounds like we would need to do this home page 
example like the other website images then.  (Assuming we're not using the 
examples scripts because of the -dpreview issue.)


-Paul



Agreed.  I think that what is necessary is to generate the pictures locally, 
put them in Documentation/pictures and also probably push them to 
gperciva/lilypond-extra - they would then work in the same way as the 
pictures in http://lilypond.org/website/windows.html, for example.


--
Phil Holmes




___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Paul]

On 09/13/2016 09:52 AM, Phil Holmes wrote:

At this point it would probably be simplest to just inline the 
lilypond code for this example on the home page, like it is done in 
the essay. (Probably putting it in an include file to avoid 
duplication.)  We wouldn't get "click to enlarge" that way (which was 
the point of using the examples mechanisms) but maybe that's not 
needed on the home page and/or could be a future enhancement.


I don't think you can do that.  The reason for all the odd stuff with 
the image files is that the server we host lilypond on does not use 
lilypond to make the website - so all images must be pre-created to 
allow the website itself to be remade.  Note that much of the website 
it really made using make doc during a Gub run, but some of it (the 
homepage and the \web stuff) is made with make website and requires no 
upload.  The server has cron jobs that pull git and run make website.


Ah, ok...  hmm...  so it sounds like we would need to do this home page 
example like the other website images then.  (Assuming we're not using 
the examples scripts because of the -dpreview issue.)


-Paul

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Paul]

On 09/13/2016 10:02 AM, Phil Holmes wrote:

Just thinking about this bit some more - are you running make doc to 
create the images and make website after that?


Yes, at first after reading those docs you linked to, I thought maybe 
I'd run:


make
make website
make doc

(out of order) but then I ran

make website

got same result, and then

make doc
make website

and same result.

-Paul

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Phil Holmes]

- Original Message - 
From: "Paul" <p...@paulwmorris.com>
To: "Phil Holmes" <m...@philholmes.net>; <paulwmor...@gmail.com>; 
<lilypond-devel@gnu.org>; <re...@codereview-hr.appspotmail.com>

Sent: Tuesday, September 13, 2016 2:26 PM
Subject: Re: Web: home page: add examples/images, reduce news to headlines 
(issue 306350043 by paulwmor...@gmail.com)




On 09/13/2016 04:28 AM, Phil Holmes wrote:

I know understanding how images are used is a bit of a problem - which I 
might have understood once, but have now forgotten.  Is the information 
at 
http://lilypond.org/doc/v2.19/Documentation/contributor/other-repositories 
and http://lilypond.org/doc/v2.19/Documentation/contributor/website-build 
any help?


Thanks, those are helpful.  I'll have to remember that those build system 
notes are down there.  I see now that LilyPond is being run on the new 
file and the pdf and png files do end up in:


build/Documentation/ly-examples/out-www

but for some reason those files are not being copied into

build/out-website/website/ly-examples


Just thinking about this bit some more - are you running make doc to create 
the images and make website after that?


--
Phil Holmes 



___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Phil Holmes]

- Original Message - 
From: "Paul" <p...@paulwmorris.com>
To: "Phil Holmes" <m...@philholmes.net>; <paulwmor...@gmail.com>; 
<lilypond-devel@gnu.org>; <re...@codereview-hr.appspotmail.com>

Sent: Tuesday, September 13, 2016 2:26 PM
Subject: Re: Web: home page: add examples/images, reduce news to headlines 
(issue 306350043 by paulwmor...@gmail.com)




On 09/13/2016 04:28 AM, Phil Holmes wrote:

I know understanding how images are used is a bit of a problem - which I 
might have understood once, but have now forgotten.  Is the information 
at 
http://lilypond.org/doc/v2.19/Documentation/contributor/other-repositories 
and http://lilypond.org/doc/v2.19/Documentation/contributor/website-build 
any help?


Thanks, those are helpful.  I'll have to remember that those build system 
notes are down there.  I see now that LilyPond is being run on the new 
file and the pdf and png files do end up in:


build/Documentation/ly-examples/out-www

but for some reason those files are not being copied into

build/out-website/website/ly-examples

Where they need to be for the website.

Also, there's another issue.  The scripts to create these example images 
(at two sizes to allow "click to enlarge") use -dpreview so only the first 
system of this bwv861 example makes it into the image.  (sigh)  So maybe 
trying to use this examples machinery is not helpful.  (Unless we want to 
edit all of the examples ly files so that they only output the content 
that should be in the images and then drop the -dpreview.)


At this point it would probably be simplest to just inline the lilypond 
code for this example on the home page, like it is done in the essay. 
(Probably putting it in an include file to avoid duplication.)  We 
wouldn't get "click to enlarge" that way (which was the point of using the 
examples mechanisms) but maybe that's not needed on the home page and/or 
could be a future enhancement.


-Paul



I don't think you can do that.  The reason for all the odd stuff with the 
image files is that the server we host lilypond on does not use lilypond to 
make the website - so all images must be pre-created to allow the website 
itself to be remade.  Note that much of the website it really made using 
make doc during a Gub run, but some of it (the homepage and the \web stuff) 
is made with make website and requires no upload.  The server has cron jobs 
that pull git and run make website.


--
Phil Holmes 



___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Paul]

On 09/13/2016 04:28 AM, Phil Holmes wrote:

I know understanding how images are used is a bit of a problem - which 
I might have understood once, but have now forgotten.  Is the 
information at 
http://lilypond.org/doc/v2.19/Documentation/contributor/other-repositories 
and 
http://lilypond.org/doc/v2.19/Documentation/contributor/website-build 
any help?


Thanks, those are helpful.  I'll have to remember that those build 
system notes are down there.  I see now that LilyPond is being run on 
the new file and the pdf and png files do end up in:


build/Documentation/ly-examples/out-www

but for some reason those files are not being copied into

build/out-website/website/ly-examples

Where they need to be for the website.

Also, there's another issue.  The scripts to create these example images 
(at two sizes to allow "click to enlarge") use -dpreview so only the 
first system of this bwv861 example makes it into the image.  (sigh)  So 
maybe trying to use this examples machinery is not helpful.  (Unless we 
want to edit all of the examples ly files so that they only output the 
content that should be in the images and then drop the -dpreview.)


At this point it would probably be simplest to just inline the lilypond 
code for this example on the home page, like it is done in the essay.  
(Probably putting it in an include file to avoid duplication.)  We 
wouldn't get "click to enlarge" that way (which was the point of using 
the examples mechanisms) but maybe that's not needed on the home page 
and/or could be a future enhancement.


-Paul

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Phil Holmes]

- Original Message - 
From: "Paul" <p...@paulwmorris.com>
To: <paulwmor...@gmail.com>; <fedel...@gmail.com>; <d...@gnu.org>; 
<carl.d.soren...@gmail.com>; <u...@openlilylib.org>; <simon.albre...@mail.de>; 
<m...@philholmes.net>; <lilypond-devel@gnu.org>; 
<re...@codereview-hr.appspotmail.com>

Sent: Tuesday, September 13, 2016 1:25 AM
Subject: Re: Web: home page: add examples/images, reduce news to headlines 
(issue 306350043 by paulwmor...@gmail.com)




On 09/08/2016 12:53 PM, carl.d.soren...@gmail.com wrote:


How about the BWV 861 example from the essay?

http://lilypond.org/doc/v2.18/Documentation/essay/engraved-examples-_0028bwv-861_0029

It shows fewer features (e.g. instrument names, score title) but shows a
beautiful and complex score.


That seems fine to me.

Carl, would you like me to hold off on pushing my patch until we sort out 
the example image, or is it ok with you to go ahead and push now and do a 
different example in a follow-up patch?


Last night I tried to get the BWV 861 example to work, without any luck. 
I made a ly file for it in the Documentation/ly-examples directory, but I 
couldn't get the build scripts to make the images from it.  With the ly 
file in that directory and putting references to the example/image into 
the home page and the examples page, I would just get broken links to a 
non-existing image, even after running a fresh make, make website, and 
make doc.


Does anyone know what's needed?  How to get the build scripts to see my 
file and create the example image?


Thanks,
-Paul



I know understanding how images are used is a bit of a problem - which I 
might have understood once, but have now forgotten.  Is the information at 
http://lilypond.org/doc/v2.19/Documentation/contributor/other-repositories 
and http://lilypond.org/doc/v2.19/Documentation/contributor/website-build 
any help?


--
Phil Holmes 



___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Paul]

On 09/08/2016 12:53 PM, carl.d.soren...@gmail.com wrote:


How about the BWV 861 example from the essay?

http://lilypond.org/doc/v2.18/Documentation/essay/engraved-examples-_0028bwv-861_0029 



It shows fewer features (e.g. instrument names, score title) but shows a
beautiful and complex score.


That seems fine to me.

Carl, would you like me to hold off on pushing my patch until we sort 
out the example image, or is it ok with you to go ahead and push now and 
do a different example in a follow-up patch?


Last night I tried to get the BWV 861 example to work, without any 
luck.  I made a ly file for it in the Documentation/ly-examples 
directory, but I couldn't get the build scripts to make the images from 
it.  With the ly file in that directory and putting references to the 
example/image into the home page and the examples page, I would just get 
broken links to a non-existing image, even after running a fresh make, 
make website, and make doc.


Does anyone know what's needed?  How to get the build scripts to see my 
file and create the example image?


Thanks,
-Paul

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Carl . D . Sorensen]

On 2016/09/08 03:28:49, pwm wrote:

Thanks for the feedback everyone!



On 2016/09/06 16:39:22, Carl wrote:
>
> I think the only thing remaining is to get the best possible example

for the

> front page.



Any suggestions anyone?  I'm fine with the Bach one or whatever people

think is

best.  One of the existing ones would be simplest of course.


How about the BWV 861 example from the essay?

http://lilypond.org/doc/v2.18/Documentation/essay/engraved-examples-_0028bwv-861_0029

It shows fewer features (e.g. instrument names, score title) but shows a
beautiful and complex score.

Carl



https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines(issue 306350043 by paulwmor...@gmail.com)

[Phil Holmes]

- Original Message - 
From: <paulwmor...@gmail.com>
To: <fedel...@gmail.com>; <d...@gnu.org>; <carl.d.soren...@gmail.com>; 
<p...@paulwmorris.com>; <u...@openlilylib.org>; <simon.albre...@mail.de>

Cc: <re...@codereview-hr.appspotmail.com>; <lilypond-devel@gnu.org>
Sent: Thursday, September 08, 2016 4:28 AM
Subject: Re: Web: home page: add examples/images, reduce news to 
headlines(issue 306350043 by paulwmor...@gmail.com)




Thanks for the feedback everyone!

On 2016/09/06 16:39:22, Carl wrote:


I think the only thing remaining is to get the best possible example

for the

front page.


Any suggestions anyone?  I'm fine with the Bach one or whatever people
think is best.  One of the existing ones would be simplest of course.



I think that, of our current examples, the Bach one is best as a general 
illustration.


--
Phil Holmes 



___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[paulwmorris]

Thanks for the feedback everyone!

On 2016/09/06 16:39:22, Carl wrote:


I think the only thing remaining is to get the best possible example

for the

front page.


Any suggestions anyone?  I'm fine with the Bach one or whatever people
think is best.  One of the existing ones would be simplest of course.

Simon, I'm fine with your suggestion of "tasks of all kinds, for
example" and will make that change before this lands.  (I'll forego
another patch review for it though, unless anyone objects.)

-Paul

https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[simon . albrecht]

My 2cts.


https://codereview.appspot.com/306350043/diff/40001/Documentation/web.texi
File Documentation/web.texi (right):

https://codereview.appspot.com/306350043/diff/40001/Documentation/web.texi#newcode142
Documentation/web.texi:142: @exampleImage{bach-bwv610}
I agree that we should look for the best possible showcase here. I’m not
quite convinced of this one, though that may be due to my difficult
relationship with the church musician cliché :-)

https://codereview.appspot.com/306350043/diff/40001/Documentation/web.texi#newcode148
Documentation/web.texi:148: all kinds, including classical music (like
this organ work by J.S.
‘tasks of all kinds, including’
To me this sounds too much like you get a dropdown menu with the
following options :-)
I’d rather have
‘tasks of all kinds, for example’

https://codereview.appspot.com/306350043/
___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Carl . D . Sorensen]

On 2016/09/06 15:49:43, pwm wrote:


Screenshot:
https://drive.google.com/open?id=0ByNTIEA63_a_ZzMtNTFiZHFqN2c



I have not built and tested the webpage, but I think this is exactly the
way to go.  Show an example, and let the user select any other examples
they find interesting.

I think the only thing remaining is to get the best possible example for
the front page.


Thanks,

Carl



https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Urs Liska]

Am 06.09.2016 um 17:49 schrieb paulwmor...@gmail.com:
> Patch set 3 uploaded, with just one example image on the home page and a
> list of links to the other examples on the examples page.  I like how
> this gets an image of sheet music onto the home page and helps
> communicate the wide range of LilyPond's use cases.
>
> Screenshot:
> https://drive.google.com/open?id=0ByNTIEA63_a_ZzMtNTFiZHFqN2c
>
> The news links and examples links now link directly to their individual
> news item or example.  I realized that the anchor tags () already
> exist in the generated HTML for headings, so it's just a matter of using
> them.
>
> (I figured out how to use them for the website.  I consulted the texinfo
> manuals but could not find a way to make these kinds of links work for
> other output formats.  I assume that when we have support for @anchor it
> would work.)
>
> (While an interactive accordion or slide-show would be nice, it would be
> more work than I can take on at this point.)

Yes!
I think this is a very nice compromise, just having one image on the
front page (and of course having to decide which one ...) but still
having the others one “encouraging“ click away.

Urs

>
> -Paul
>
> https://codereview.appspot.com/306350043/


___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[tisimst]

On Tue, Sep 6, 2016 at 9:52 AM, paulwmorris [via Lilypond] <
ml-node+s1069038n194266...@n5.nabble.com> wrote:

> Patch set 3 uploaded, with just one example image on the home page and a
> list of links to the other examples on the examples page.  I like how
> this gets an image of sheet music onto the home page and helps
> communicate the wide range of LilyPond's use cases.
>
> Screenshot:
> https://drive.google.com/open?id=0ByNTIEA63_a_ZzMtNTFiZHFqN2c
>
> The news links and examples links now link directly to their individual
> news item or example.  I realized that the anchor tags () already
> exist in the generated HTML for headings, so it's just a matter of using
> them.
>

+1*1000!! I already like it sooo much better. Thank you, Paul, for
working on this! Even without the slide-show, this is an excellent change.
Great work!

--
Abraham Lee




--
View this message in context: 
http://lilypond.1069038.n5.nabble.com/Web-home-page-add-examples-images-reduce-news-to-headlines-issue-306350043-by-paulwmorris-gmail-com-tp194068p194267.html
Sent from the Dev mailing list archive at Nabble.com.
___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[paulwmorris]

Patch set 3 uploaded, with just one example image on the home page and a
list of links to the other examples on the examples page.  I like how
this gets an image of sheet music onto the home page and helps
communicate the wide range of LilyPond's use cases.

Screenshot:
https://drive.google.com/open?id=0ByNTIEA63_a_ZzMtNTFiZHFqN2c

The news links and examples links now link directly to their individual
news item or example.  I realized that the anchor tags () already
exist in the generated HTML for headings, so it's just a matter of using
them.

(I figured out how to use them for the website.  I consulted the texinfo
manuals but could not find a way to make these kinds of links work for
other output formats.  I assume that when we have support for @anchor it
would work.)

(While an interactive accordion or slide-show would be nice, it would be
more work than I can take on at this point.)

-Paul

https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Urs Liska]

Am 31. August 2016 16:11:14 MESZ, schrieb Paul :
>On 08/30/2016 06:05 PM, carl.d.soren...@gmail.com wrote:
>
>> I'm not comfortable with the really long, scrolling, home page.
>
>Ok, given these concerns that Carl and David raised, let me think some 
>more and see what I can come up with.
>
>Maybe just a single example, followed by a list of the other kinds of 
>examples, to show the range of what LilyPond can do, with a link to the
>
>full example page.  (This is another place where @anchor would come in 
>handy -- we could link the list items directly to the examples, 
>"Tablature" to the tablature example etc.)
>
>Later, if we wanted, we could turn that single example into a CSS
>slider 
>/ slide show type thing where the user could click through some of the 
>examples in-place on the home page, as Federico suggests.
>

An option that seems quite natural to display these examples would be the 
"accordion" (http://www.w3schools.com/howto/howto_js_accordion.asp).

Urs

>Anyway, just some thoughts.  It may be some days before I get back to 
>working on this.
>
>-Paul
>
>___
>lilypond-devel mailing list
>lilypond-devel@gnu.org
>https://lists.gnu.org/mailman/listinfo/lilypond-devel

-- 
Diese Nachricht wurde von meinem Android-Mobiltelefon mit K-9 Mail gesendet.

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[tisimst]

On Wed, Aug 31, 2016 at 9:40 AM, Paul Morris [via Lilypond] <
ml-node+s1069038n194102...@n5.nabble.com> wrote:

> On 08/30/2016 06:05 PM, [hidden email]
>  wrote:
>
> > I'm not comfortable with the really long, scrolling, home page.
>
> Ok, given these concerns that Carl and David raised, let me think some
> more and see what I can come up with.
>
> Maybe just a single example, followed by a list of the other kinds of
> examples, to show the range of what LilyPond can do, with a link to the
> full example page.  (This is another place where @anchor would come in
> handy -- we could link the list items directly to the examples,
> "Tablature" to the tablature example etc.)
>
> Later, if we wanted, we could turn that single example into a CSS slider
> / slide show type thing where the user could click through some of the
> examples in-place on the home page, as Federico suggests.
>

I'll just toss this in (again) as a graphic mockup I think supports this
idea. See attached. Ideally, I would think it helpful to have a list of
genres near the top of the examples that, when clicked, would make just the
one image show up at a time without making the page refresh. It's just a
starting point for ideas.

Best,
Abraham


lilypond-website-mockup.png (391K) 





--
View this message in context: 
http://lilypond.1069038.n5.nabble.com/Web-home-page-add-examples-images-reduce-news-to-headlines-issue-306350043-by-paulwmorris-gmail-com-tp194068p194104.html
Sent from the Dev mailing list archive at Nabble.com.
___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Paul]

On 08/30/2016 06:05 PM, carl.d.soren...@gmail.com wrote:


I'm not comfortable with the really long, scrolling, home page.


Ok, given these concerns that Carl and David raised, let me think some 
more and see what I can come up with.


Maybe just a single example, followed by a list of the other kinds of 
examples, to show the range of what LilyPond can do, with a link to the 
full example page.  (This is another place where @anchor would come in 
handy -- we could link the list items directly to the examples, 
"Tablature" to the tablature example etc.)


Later, if we wanted, we could turn that single example into a CSS slider 
/ slide show type thing where the user could click through some of the 
examples in-place on the home page, as Federico suggests.


Anyway, just some thoughts.  It may be some days before I get back to 
working on this.


-Paul

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[Carl . D . Sorensen]

I'm not comfortable with the really long, scrolling, home page.

I think we should make the home page so that it is basically a
one-screen page on a "typical" computer display, and have the full
example page be a link titled "more" or something like that.

Carl

https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[David Kastrup]

paulwmor...@gmail.com writes:

> On 2016/08/30 15:07:47, fedelogy wrote:
>
>> Paul, thanks for tackling this issue!
>
> Thanks, glad to help.  It's been on my wish list for awhile.
>
>> I'd prefer a slider of images to save vertical space and scrolling.
>> Some time ago I made a quick test of a pure CSS image slider of
> lilypond
>> examples, but never tried to apply it on texinfo and lilypond source.
>
> Hmmm, I don't mind the scrolling or use of vertical space, and I like
> how the basic page of images fits the simple aesthetic of the rest of
> the site.

There is navigation and language selection at the bottom of the page.
Having to scroll all the way down to get at it is not good when the
material in the middle is not what you are after.  If you want to have
vertical excess, this material has to be moved to a place on the top
portion.

> https://codereview.appspot.com/306350043/

-- 
David Kastrup

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[paulwmorris]

On 2016/08/30 15:07:47, fedelogy wrote:


Paul, thanks for tackling this issue!


Thanks, glad to help.  It's been on my wish list for awhile.


I'd prefer a slider of images to save vertical space and scrolling.
Some time ago I made a quick test of a pure CSS image slider of

lilypond

examples, but never tried to apply it on texinfo and lilypond source.


Hmmm, I don't mind the scrolling or use of vertical space, and I like
how
the basic page of images fits the simple aesthetic of the rest of the
site.
Would a slider work well with the various heights of the images?  Maybe
it's
something we could consider for a future revision?


I _guess_ that the problem with the @anchor tag is due to
lilypond-texi2html.init


Probably so.  Maybe @anchor is a newer feature in texinfo?

I've uploaded a patch set 2 that succeeds at a full 'make doc' and adds
a second commit:

Web: Rearrange examples/images on home page

To raise the prominence of some common use cases,
the 4 marked with an asterisk (*) below.

NEW ORDER:
Classical Music
Complex Notation
Early Music
Modern Music
* Tablature
* Vocal Music
* Popular Music
Efficient, flexible creation of performance materials
* Educational Applications
Schenker Graphs
Customized Output
Large Projects

OLD ORDER:
Classical Music
Complex Notation
Early Music
Modern Music
Efficient, flexible creation of performance materials
Tablature
Schenker Graphs
Customized Output
Vocal Music
Educational Applications
Popular Music
Large Projects

https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Re: Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[fedelogy]

On 2016/08/29 21:49:41, pwm wrote:


The images and other content from the 'Examples' page is moved to the

home page,

and the 'Examples' page is removed from the 'Introduction' section.



Paul, thanks for tackling this issue!

I'd prefer a slider of images to save vertical space and scrolling.
Some time ago I made a quick test of a pure CSS image slider of lilypond
examples, but never tried to apply it on texinfo and lilypond source.

I _guess_ that the problem with the @anchor tag is due to
lilypond-texi2html.init

https://codereview.appspot.com/306350043/

___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel

Web: home page: add examples/images, reduce news to headlines (issue 306350043 by paulwmor...@gmail.com)

[paulwmorris]

Reviewers: ,

Message:
Please review and let me know what you think about these changes.  They
are inspired by recent and not so recent discussions on the lists.

Here's a screenshot of the home page with these changes:
https://drive.google.com/open?id=0ByNTIEA63_a_bkxrWlpKcW43cHc

The images and other content from the 'Examples' page is moved to the
home page, and the 'Examples' page is removed from the 'Introduction'
section.

The news entries on the home page are reduced to just headline links in
the sidebar.  They link to the 'Old News' page where the full entries
live (under 'Community').  And that page is renamed to just 'News'.

(I tried to make the headline links point to individual entries on the
News page, but the texinfo @anchor tag is unrecognized by our build
scripts.  So an upgrade is needed before we can use this feature.)

If these changes are to land as they are (pending review and discussion)
then we may want to add redirects to the htaccess file for two changed
urls before landing them:

old-news.html -> news.html
examples.html -> home page

-Paul

Description:
Web: home page: add examples/images, reduce news to headlines

Examples/images is moved from the Introduction section to the
home page.

Please review this at https://codereview.appspot.com/306350043/

Affected files (+182, -181 lines):
  M Documentation/css/lilypond-website.css
  M Documentation/web.texi
  M Documentation/web/community.itexi
  M Documentation/web/introduction.itexi
  M Documentation/web/news-front.itexi
  A Documentation/web/news-headlines.itexi



___
lilypond-devel mailing list
lilypond-devel@gnu.org
https://lists.gnu.org/mailman/listinfo/lilypond-devel