HTML & using screen width

HTML & using screen width

[boardtc]

[-- Attachment #1.1: Type: text/plain, Size: 1334 bytes --]

My typical bread & butter pandoc .md to html uses:
-s -f -quiet markdown-smart --ascii

I would like my generated HTML files to take advantage of my screen, not 
even my large monitor but just my laptop screen. There are huge white space 
margins on the left and right of the text. The #heading can be spread over 
3 lines if it has more than 8 or 9 words when there is plenty of space for 
it to show on one line.

I know this is more of a HTML question but then it's how to get pandoc to 
produce that so I would appreciate your patience.

The html that's generated includes:
    body {
      margin: 0 auto;
      max-width: 36em;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 50px;
      padding-bottom: 50px;     
    }

I have tried with all those paddings set to 0px but that does not help.

What HTML is needed to take advantage of the width of the screen and how 
can pandoc generate it?

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/6c691c42-24a2-4934-b9fc-3680050205een%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 1911 bytes --]

Re: HTML & using screen width

[Daniel Staal]

On 2/17/22 11:32 AM, boardtc wrote:
> The html that's generated includes:
>      body {
>        margin: 0 auto;
>        max-width: 36em;
>        padding-left: 50px;
>        padding-right: 50px;
>        padding-top: 50px;
>        padding-bottom: 50px;
>      }
> 
> I have tried with all those paddings set to 0px but that does not help.
> 
> What HTML is needed to take advantage of the width of the screen and how 
> can pandoc generate it?

Remove the max-width.  I think that should do it.

Daniel T. Staal

-- 
---------------------------------------------------------------
This email copyright the author.  Unless otherwise noted, you
are expressly allowed to retransmit, quote, or otherwise use
the contents for non-commercial purposes.  This copyright will
expire 5 years after the author's death, or in 30 years,
whichever is longer, unless such a period is in excess of
local copyright law.
---------------------------------------------------------------

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/ce52429a-5550-fd29-5fb7-c7ba394e86a0%40usa.net.

Re: HTML & using screen width

[boardtc]

[-- Attachment #1.1: Type: text/plain, Size: 1258 bytes --]

Yes, that does it thanks!

max-width is not covered in https://pandoc.org/MANUAL.html

How can I get pandoc to not add the max-width so I don't have to manually 
edit the generated HTML every time?

On Thursday, 17 February 2022 at 16:42:19 UTC DSt...-Jdbf3xiKgS8@public.gmane.org wrote:

> On 2/17/22 11:32 AM, boardtc wrote: 
> > The html that's generated includes: 
> >     body { 
> >       margin: 0 auto; 
> >       max-width: 36em; 
> >       padding-left: 50px; 
> >       padding-right: 50px; 
> >       padding-top: 50px; 
> >       padding-bottom: 50px; 
> >     } 
> > 
> > I have tried with all those paddings set to 0px but that does not help. 
> > 
> > What HTML is needed to take advantage of the width of the screen and how 
> > can pandoc generate it? 
>
> Remove the max-width. I think that should do it. 
>
> Daniel T. Staal
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/0ea207b5-acd6-4ba4-98a7-3c0f4c01bc21n%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 2003 bytes --]

Re: HTML & using screen width

[boardtc]

[-- Attachment #1.1: Type: text/plain, Size: 1528 bytes --]

I've been playing around with passing a css template with no body max-width 
in it. But it seems like overkill just to remove the max width. Is there a 
better way?

On Thursday, 17 February 2022 at 17:25:46 UTC boardtc wrote:

> Yes, that does it thanks!
>
> max-width is not covered in https://pandoc.org/MANUAL.html
>
> How can I get pandoc to not add the max-width so I don't have to manually 
> edit the generated HTML every time?
>
>
> On Thursday, 17 February 2022 at 16:42:19 UTC DSt...-Jdbf3xiKgS8@public.gmane.org wrote:
>
>> On 2/17/22 11:32 AM, boardtc wrote: 
>> > The html that's generated includes: 
>> >     body { 
>> >       margin: 0 auto; 
>> >       max-width: 36em; 
>> >       padding-left: 50px; 
>> >       padding-right: 50px; 
>> >       padding-top: 50px; 
>> >       padding-bottom: 50px; 
>> >     } 
>> > 
>> > I have tried with all those paddings set to 0px but that does not help. 
>> > 
>> > What HTML is needed to take advantage of the width of the screen and 
>> how 
>> > can pandoc generate it? 
>>
>> Remove the max-width. I think that should do it. 
>>
>> Daniel T. Staal
>>
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/3adf2b74-104a-4f86-acfa-632fbe0b9c30n%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 2684 bytes --]

Re: HTML & using screen width

[Albert Krewinkel]

boardtc <boardtc-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> writes:

> I've been playing around with passing a css template with no body
> max-width in it. But it seems like overkill just to remove the max
> width. Is there a better way?

I believe it should be enough to use something like

    pandoc -V include-before='<style>body
    {max-width:unset!important}</style>' ...

or an equivalent YAML definition.

-- 
Albert Krewinkel
GPG: 8eed e3e2 e8c5 6f18 81fe  e836 388d c0b2 1f63 1124

Re: HTML & using screen width

[Tom Corcoran]

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

Sorry for the delay in replying. I got a chance to debug it today and it
works (replacing ' with "), many thanks!!

Cheers,

Tom.



On Mon, 21 Feb 2022 at 15:19, Albert Krewinkel <albert+pandoc-9EawChwDxG8hFhg+JK9F0w@public.gmane.org>
wrote:

>
> boardtc <boardtc-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> writes:
>
> > I've been playing around with passing a css template with no body
> > max-width in it. But it seems like overkill just to remove the max
> > width. Is there a better way?
>
> I believe it should be enough to use something like
>
>     pandoc -V include-before='<style>body
>     {max-width:unset!important}</style>' ...
>
> or an equivalent YAML definition.
>
> --
> Albert Krewinkel
> GPG: 8eed e3e2 e8c5 6f18 81fe  e836 388d c0b2 1f63 1124
>
> --
> You received this message because you are subscribed to a topic in the
> Google Groups "pandoc-discuss" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/pandoc-discuss/ZvlZCMaUsq4/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/878ru4l0wk.fsf%40zeitkraut.de
> .
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CAELuEwFt_fUPUJL4k0EPNRU1vcP7-y357wLqQgv4kx0uv7ArjQ%40mail.gmail.com.

[-- Attachment #2: Type: text/html, Size: 3132 bytes --]