Re: html manual +css

[Jean-Christophe Helary]

> 2) when the display is not wide enough to have the full horizontal menu, the 
> menu is displayed on the right side of the screen, 

I meant "left side".

JC

> On Dec 24, 2019, at 23:37, Jean-Christophe Helary <address@hidden> wrote:
> 
> 
> 
>> On Dec 24, 2019, at 2:20, Stefan Monnier <address@hidden> wrote:
>> 
>>> Sample:
>>> https://brandelune.github.io/code/Visiting-Functions.html
>> 
>> Thanks, this looks pretty good on my desktop (haven't tried it
>> elsewhere yet).  One thing I'd find useful is to keep the next/up first
>> line "floating at the top", so they're always available without having
>> to scroll to the top or to the bottom.
>> [ Tho I guess when reading on a small screen I might prefer it the way
>> it is now.  ]
> 
> Ok, so I have something that works both ways:
> 
> 1) when the display is wide enough to have the full horizontal menu, the menu 
> is displayed horizontally and follows the scrolling.
> 
> 2) when the display is not wide enough to have the full horizontal menu, the 
> menu is displayed on the right side of the screen, as a list of links, with 
> "icons" before the link names to hint at their use, and the menu sticks to 
> its original position.
> 
> All that is implemented without modifying the HTML output by texinfo. I'm 
> just using the existing HTML tags and attributes to "anchor" CSS variations 
> on them.
> 
> Would you mind checking if that works as you intended ?
> 
> Jean-Christophe
> 
>> 
>> 
>>       Stefan
>> 
>> 
>>> The css I wrote:
>>> https://github.com/brandelune/brandelune.github.io/blob/gh-pages/code/emacs.css
>>> 
>>> It is something I had done a while ago so I just spent a few hours today
>>> cleaning it up but I'm really not sure how I came up with the various values
>>> anymore :)
>>> 
>>> Anyway, if it looks useful I'd like to think of ways to have it more widely 
>>> used.
>>> 
>>> Also, there are plenty of things that would be nice to have but in a way
>>> we're hitting the limits of the texinfo output (and my css skills too, of
>>> course).
>>> 
>>> For ex:
>>> 
>>> @deffn Command find-file filename &optional wildcards
>>> 
>>> becomes
>>> 
>>> <dt id="index-find_002dfile">Command: <strong>find-file</strong>
>>> <em>filename &amp;optional wildcards</em></dt>
>>> 
>>> it would be nice to have the arguments tagged individually and the &optional
>>> or &rest keywords tagged in a different way. Also to have the various
>>> templates identified for what they are. Maybe something like:
>>> 
>>> <dt id="index-find_002dfile" class="command">Command: <strong
>>> class="command-name">find-file</strong> <em class="argument">filename</em>
>>> <span class="keyword">&amp;optional</span> <em
>>> class="optional">wildcards</em></dt>
>>> 
>>> Also, examples should have similar tagging:
>>> 
>>> @smallexample
>>> (switch-to-buffer (find-file-noselect filename nil nil wildcards))
>>> @end smallexample
>>> 
>>> could be something like 
>>> 
>>> @smallexample
>>> (@commandname switch-to-buffer (@commandname find-file-noselect @arguments
>>> filename nil nil wildcards))
>>> @end smallexample
>>> 
>>> so that we can have ways to target their contents with css.
>>> 
>>> Jean-Christophe 
>>> 
>>>> On Jun 7, 2017, at 23:27, Jean-Christophe Helary <address@hidden> wrote:
>>>> 
>>>> 
>>>>> Jun 7, 2017 8:47、Jean-Christophe Helary <address@hidden>のメール:
>>>>> 
>>>>>>> What I did to get the same CSS as the site is curl the css files. There 
>>>>>>> are 3 of those:
>>>>>>> https://www.gnu.org/software/emacs/manual.css
>>>>>>> https://www.gnu.org/style.css
>>>>>>> https://www.gnu.org/reset.css
>>>>>> 
>>>>>> Each of these files has a licensing problem.  I asked FSF staff to fix
>>>>>> the last two, and mailed to emacs-devel about the first.
>>>>>> 
>>>>>> In the meantime, please don't copy any of that code, with or without 
>>>>>> changes,
>>>>>> to any other file that will be distributed to the public.
>>>>> 
>>>>> CSS is not high level wizardry, maybe it would be simpler to create a new
>>>>> set of rules for the offline manual ?
>>>> 
>>>> I've created a single css file which renders in a way that's similar to
>>>> the web version of the HTML pages (it is not identical though).
>>>> 
>>>> I'd like to know what kind of licence should such a CSS file come with.
>>>> 
>>>> Jean-Christophe
>>> 
>>> Jean-Christophe Helary
>>> -----------------------------------------------
>>> http://mac4translators.blogspot.com @brandelune