* How could I add an image in title_page? @ 2013-05-03 22:52 Feng LI [not found] ` <c55d256f-e82a-4b8a-8aa3-7190e088db74-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 0 siblings, 1 reply; 8+ messages in thread From: Feng LI @ 2013-05-03 22:52 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 1001 bytes --] Hi all, I would like add an image in the title page (highlight part) in the generated epub file. Something like this: $if(titlepage)$ <h1 class="title">$title$</h1> $for(author)$ <h2 class="author">$author$</h2> $endfor$ $if(date)$ <h3 class="date">$date$</h3> $endif$ <div class="my-logo"><img src="mylogo.gif" /></div> But couldn't figure how to refer to an image in the template since all images are renamed after processing by pandoc? Thanks, Feng -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msg/pandoc-discuss/-/rEn4d4qZaEgJ. For more options, visit https://groups.google.com/groups/opt_out. [-- Attachment #2: Type: text/html, Size: 4126 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
[parent not found: <c55d256f-e82a-4b8a-8aa3-7190e088db74-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org>]
* Re: How could I add an image in title_page? [not found] ` <c55d256f-e82a-4b8a-8aa3-7190e088db74-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> @ 2013-05-04 2:08 ` John MacFarlane [not found] ` <20130504020837.GC18967-9Rnp8PDaXcadBw3G0RLmbRFnWt+6NQIA@public.gmane.org> 2014-05-20 10:17 ` Russ 1 sibling, 1 reply; 8+ messages in thread From: John MacFarlane @ 2013-05-04 2:08 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw +++ Feng LI [May 03 13 15:52 ]: > Hi all, > > I would like add an image in the title page (highlight part) in the > generated epub file. Something like this: > > $if(titlepage)$ > <h1 class="title">$title$</h1> > $for(author)$ > <h2 class="author">$author$</h2> > $endfor$ > $if(date)$ > <h3 class="date">$date$</h3> > $endif$ > <div class="my-logo"><img src="mylogo.gif" /></div> > > But couldn't figure how to refer to an image in the template since all > images are renamed after processing by pandoc? I suppose you could use a data: URL. (To get the code for this, try echo "![](mylogo.gif)" | pandoc --self-contained ^ permalink raw reply [flat|nested] 8+ messages in thread
[parent not found: <20130504020837.GC18967-9Rnp8PDaXcadBw3G0RLmbRFnWt+6NQIA@public.gmane.org>]
* Re: How could I add an image in title_page? [not found] ` <20130504020837.GC18967-9Rnp8PDaXcadBw3G0RLmbRFnWt+6NQIA@public.gmane.org> @ 2014-05-11 11:56 ` Russ [not found] ` <83fcb9e5-f974-4520-8b5b-f3359d4d3869-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 0 siblings, 1 reply; 8+ messages in thread From: Russ @ 2014-05-11 11:56 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 2274 bytes --] I want to do something similar, but I'm not really sure I understood the answer. Basically we want to use a small version of the cover image on the title page (we could size using css.) We'd ideally like to use only one image because of size. If I examine a built epub book, I can see the cover image in in '../Images/cover-image.jpg' I initially thought I'd just include a link to it in the default.epub template, something like ```html <div class="cover-image-small"> <img alt="cover image" src="../Images/cover-image.jpg" /> </div> ``` But when I build that and validate using epubcheck (v2.0.1) I get errors: ``` Validating against EPUB version 2.0 ERROR: aj-hall-test-book.epub: could not parse title_page.xhtml: Invalid path: ../Images/cover-image.jpg ``` Anyone have any ideas, even a more idiot-proof explanation of the previous answer would be much appreciated. On Saturday, 4 May 2013 03:08:37 UTC+1, fiddlosopher wrote: > > +++ Feng LI [May 03 13 15:52 ]: > > Hi all, > > > > I would like add an image in the title page (highlight part) in the > > generated epub file. Something like this: > > > > $if(titlepage)$ > > <h1 class="title">$title$</h1> > > $for(author)$ > > <h2 class="author">$author$</h2> > > $endfor$ > > $if(date)$ > > <h3 class="date">$date$</h3> > > $endif$ > > <div class="my-logo"><img src="mylogo.gif" /></div> > > > > But couldn't figure how to refer to an image in the template since > all > > images are renamed after processing by pandoc? > > I suppose you could use a data: URL. (To get the code for this, > try > > echo "![](mylogo.gif)" | pandoc --self-contained > > -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/83fcb9e5-f974-4520-8b5b-f3359d4d3869%40googlegroups.com. For more options, visit https://groups.google.com/d/optout. [-- Attachment #2: Type: text/html, Size: 3248 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
[parent not found: <83fcb9e5-f974-4520-8b5b-f3359d4d3869-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org>]
* Re: How could I add an image in title_page? [not found] ` <83fcb9e5-f974-4520-8b5b-f3359d4d3869-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> @ 2014-05-11 16:38 ` Matthew Pickering [not found] ` <da2771fa-b941-4ccb-9ed3-24b6d1f33651-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 0 siblings, 1 reply; 8+ messages in thread From: Matthew Pickering @ 2014-05-11 16:38 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 2675 bytes --] What John was referring to was using data urls instead of a relative path. Try converting your image into base64 (using something like this<http://webcodertools.com/imagetobase64converter/>) and replacing your current image code with what that tool returns. On Sunday, May 11, 2014 12:56:03 PM UTC+1, Russ wrote: > > I want to do something similar, but I'm not really sure I understood the > answer. > > Basically we want to use a small version of the cover image on the title > page (we could size using css.) > We'd ideally like to use only one image because of size. > > If I examine a built epub book, I can see the cover image in in > '../Images/cover-image.jpg' > > I initially thought I'd just include a link to it in the default.epub > template, something like > > ```html > <div class="cover-image-small"> > <img alt="cover image" src="../Images/cover-image.jpg" /> > </div> > ``` > But when I build that and validate using epubcheck (v2.0.1) > I get errors: > > ``` > Validating against EPUB version 2.0 > ERROR: aj-hall-test-book.epub: could not parse title_page.xhtml: Invalid > path: ../Images/cover-image.jpg > ``` > > Anyone have any ideas, even a more idiot-proof explanation of the previous > answer would be much appreciated. > > > On Saturday, 4 May 2013 03:08:37 UTC+1, fiddlosopher wrote: >> >> +++ Feng LI [May 03 13 15:52 ]: >> > Hi all, >> > >> > I would like add an image in the title page (highlight part) in the >> > generated epub file. Something like this: >> > >> > $if(titlepage)$ >> > <h1 class="title">$title$</h1> >> > $for(author)$ >> > <h2 class="author">$author$</h2> >> > $endfor$ >> > $if(date)$ >> > <h3 class="date">$date$</h3> >> > $endif$ >> > <div class="my-logo"><img src="mylogo.gif" /></div> >> > >> > But couldn't figure how to refer to an image in the template since >> all >> > images are renamed after processing by pandoc? >> >> I suppose you could use a data: URL. (To get the code for this, >> try >> >> echo "![](mylogo.gif)" | pandoc --self-contained >> >> -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/da2771fa-b941-4ccb-9ed3-24b6d1f33651%40googlegroups.com. For more options, visit https://groups.google.com/d/optout. [-- Attachment #2: Type: text/html, Size: 3748 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
[parent not found: <da2771fa-b941-4ccb-9ed3-24b6d1f33651-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org>]
* Re: How could I add an image in title_page? [not found] ` <da2771fa-b941-4ccb-9ed3-24b6d1f33651-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> @ 2014-05-11 18:54 ` Russ 0 siblings, 0 replies; 8+ messages in thread From: Russ @ 2014-05-11 18:54 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 2860 bytes --] Thanks for your help, I now see what John meant. On Sunday, 11 May 2014 17:38:14 UTC+1, Matthew Pickering wrote: > > What John was referring to was using data urls instead of a relative path. > Try converting your image into base64 (using something like this<http://webcodertools.com/imagetobase64converter/>) > and replacing your current image code with what that tool returns. > > On Sunday, May 11, 2014 12:56:03 PM UTC+1, Russ wrote: >> >> I want to do something similar, but I'm not really sure I understood the >> answer. >> >> Basically we want to use a small version of the cover image on the title >> page (we could size using css.) >> We'd ideally like to use only one image because of size. >> >> If I examine a built epub book, I can see the cover image in in >> '../Images/cover-image.jpg' >> >> I initially thought I'd just include a link to it in the default.epub >> template, something like >> >> ```html >> <div class="cover-image-small"> >> <img alt="cover image" src="../Images/cover-image.jpg" /> >> </div> >> ``` >> But when I build that and validate using epubcheck (v2.0.1) >> I get errors: >> >> ``` >> Validating against EPUB version 2.0 >> ERROR: aj-hall-test-book.epub: could not parse title_page.xhtml: Invalid >> path: ../Images/cover-image.jpg >> ``` >> >> Anyone have any ideas, even a more idiot-proof explanation of the >> previous answer would be much appreciated. >> >> >> On Saturday, 4 May 2013 03:08:37 UTC+1, fiddlosopher wrote: >>> >>> +++ Feng LI [May 03 13 15:52 ]: >>> > Hi all, >>> > >>> > I would like add an image in the title page (highlight part) in the >>> > generated epub file. Something like this: >>> > >>> > $if(titlepage)$ >>> > <h1 class="title">$title$</h1> >>> > $for(author)$ >>> > <h2 class="author">$author$</h2> >>> > $endfor$ >>> > $if(date)$ >>> > <h3 class="date">$date$</h3> >>> > $endif$ >>> > <div class="my-logo"><img src="mylogo.gif" /></div> >>> > >>> > But couldn't figure how to refer to an image in the template since >>> all >>> > images are renamed after processing by pandoc? >>> >>> I suppose you could use a data: URL. (To get the code for this, >>> try >>> >>> echo "![](mylogo.gif)" | pandoc --self-contained >>> >>> -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/345dfff1-dd39-4aa9-862b-09d4cc0d2dd4%40googlegroups.com. For more options, visit https://groups.google.com/d/optout. [-- Attachment #2: Type: text/html, Size: 4409 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
* Re: How could I add an image in title_page? [not found] ` <c55d256f-e82a-4b8a-8aa3-7190e088db74-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2013-05-04 2:08 ` John MacFarlane @ 2014-05-20 10:17 ` Russ [not found] ` <047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 1 sibling, 1 reply; 8+ messages in thread From: Russ @ 2014-05-20 10:17 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 1658 bytes --] In the end, at least for Epub2 it was easy, just add it to your epub template like the cover is added to the cover page. This is assuming you have a cover image and Pandoc generates the 'cover-image.jpg' name for it. So in the %title% section of your template add something like... <div class="cover-image-small"> <img src="cover-image.jpg" alt="small cover image" /> </div> You may of course want to shrink the div size, maybe 16% or so and give it a little box shadow looks nice. Hope this helps someone, Russ On Friday, 3 May 2013 23:52:09 UTC+1, Feng LI wrote: > > Hi all > > I would like add an image in the title page (highlight part) in the > generated epub file. Something like this: > > $if(titlepage)$ > <h1 class="title">$title$</h1> > $for(author)$ > <h2 class="author">$author$</h2> > $endfor$ > $if(date)$ > <h3 class="date">$date$</h3> > $endif$ > <div class="my-logo"><img src="mylogo.gif" /></div> > > But couldn't figure how to refer to an image in the template since all > images are renamed after processing by pandoc? > > Thanks, > Feng > > -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/047bbd40-b9d1-4bf6-98e8-62d4c5a4104d%40googlegroups.com. For more options, visit https://groups.google.com/d/optout. [-- Attachment #2: Type: text/html, Size: 3988 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
[parent not found: <047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org>]
* Re: How could I add an image in title_page? [not found] ` <047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> @ 2014-05-20 10:21 ` Russ 2014-05-20 18:29 ` John MacFarlane 1 sibling, 0 replies; 8+ messages in thread From: Russ @ 2014-05-20 10:21 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw [-- Attachment #1: Type: text/plain, Size: 1816 bytes --] That should have been $titlepage$ section, sorry On Tuesday, 20 May 2014 11:17:53 UTC+1, Russ wrote: > > In the end, at least for Epub2 it was easy, just add it to your epub > template like the cover is added to the cover page. > This is assuming you have a cover image and Pandoc generates the > 'cover-image.jpg' name for it. > > So in the %title% section of your template add something like... > <div class="cover-image-small"> > <img src="cover-image.jpg" alt="small cover image" /> > </div> > > You may of course want to shrink the div size, maybe 16% or so and give it > a little box shadow looks nice. > > Hope this helps someone, > > Russ > > On Friday, 3 May 2013 23:52:09 UTC+1, Feng LI wrote: >> >> Hi all >> >> I would like add an image in the title page (highlight part) in the >> generated epub file. Something like this: >> >> $if(titlepage)$ >> <h1 class="title">$title$</h1> >> $for(author)$ >> <h2 class="author">$author$</h2> >> $endfor$ >> $if(date)$ >> <h3 class="date">$date$</h3> >> $endif$ >> <div class="my-logo"><img src="mylogo.gif" /></div> >> >> But couldn't figure how to refer to an image in the template since all >> images are renamed after processing by pandoc? >> >> Thanks, >> Feng >> >> -- 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 post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/4ec51661-ead4-4355-9aa8-1232c8ddd2a4%40googlegroups.com. For more options, visit https://groups.google.com/d/optout. [-- Attachment #2: Type: text/html, Size: 4241 bytes --] ^ permalink raw reply [flat|nested] 8+ messages in thread
* Re: How could I add an image in title_page? [not found] ` <047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2014-05-20 10:21 ` Russ @ 2014-05-20 18:29 ` John MacFarlane 1 sibling, 0 replies; 8+ messages in thread From: John MacFarlane @ 2014-05-20 18:29 UTC (permalink / raw) To: pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw +++ Russ [May 20 14 03:17 ]: > In the end, at least for Epub2 it was easy, just add it to your epub > template like the cover is added to the cover page. > This is assuming you have a cover image and Pandoc generates the > 'cover-image.jpg' name for it. Note -- in the development version (and future releases), pandoc will preserve the original filename of the cover image, rather than renaming it to cover-image. The path will be e.g. media/lalune.jpg > So in the %title% section of your template add something like... > <div class="cover-image-small"> > <img src="cover-image.jpg" alt="small cover image" /> > </div> > You may of course want to shrink the div size, maybe 16% or so and give > it a little box shadow looks nice. > Hope this helps someone, > Russ > On Friday, 3 May 2013 23:52:09 UTC+1, Feng LI wrote: > > Hi all > > I would like add an image in the title page (highlight part) in the > generated epub file. Something like this: > > $if(titlepage)$ > <h1 class="title">$title$</h1> > $for(author)$ > <h2 class="author">$author$</h2> > $endfor$ > $if(date)$ > <h3 class="date">$date$</h3> > $endif$ > <div class="my-logo"><img src="mylogo.gif" /></div> > > But couldn't figure how to refer to an image in the template since all > images are renamed after processing by pandoc? > > Thanks, > > Feng > > -- > 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 [1]pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org > To post to this group, send email to > [2]pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org > To view this discussion on the web visit > [3]https://groups.google.com/d/msgid/pandoc-discuss/047bbd40-b9d1-4bf6- > 98e8-62d4c5a4104d%40googlegroups.com. > For more options, visit [4]https://groups.google.com/d/optout. > >References > > 1. mailto:pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org > 2. mailto:pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org > 3. https://groups.google.com/d/msgid/pandoc-discuss/047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org?utm_medium=email&utm_source=footer > 4. https://groups.google.com/d/optout ^ permalink raw reply [flat|nested] 8+ messages in thread
end of thread, other threads:[~2014-05-20 18:29 UTC | newest] Thread overview: 8+ messages (download: mbox.gz / follow: Atom feed) -- links below jump to the message on this page -- 2013-05-03 22:52 How could I add an image in title_page? Feng LI [not found] ` <c55d256f-e82a-4b8a-8aa3-7190e088db74-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2013-05-04 2:08 ` John MacFarlane [not found] ` <20130504020837.GC18967-9Rnp8PDaXcadBw3G0RLmbRFnWt+6NQIA@public.gmane.org> 2014-05-11 11:56 ` Russ [not found] ` <83fcb9e5-f974-4520-8b5b-f3359d4d3869-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2014-05-11 16:38 ` Matthew Pickering [not found] ` <da2771fa-b941-4ccb-9ed3-24b6d1f33651-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2014-05-11 18:54 ` Russ 2014-05-20 10:17 ` Russ [not found] ` <047bbd40-b9d1-4bf6-98e8-62d4c5a4104d-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> 2014-05-20 10:21 ` Russ 2014-05-20 18:29 ` John MacFarlane
This is a public inbox, see mirroring instructions for how to clone and mirror all data and code used for this inbox; as well as URLs for NNTP newsgroup(s).