Change cover / title page ?

[capichou]

Hello,

I'm still playing with typst and bookly.

I had previously started developing a small template for my university (for my use first but will probably share it later on). After discovering your work, I thought it would be better to build a "template" file compatible with bookly.

And well... I'm stuck at changing your cover page with my own.

Thank you,
Antoine

[maucejo]

Hi @capichou (Antoine). As indicated in the documentation, you can provide your custom title page by providing a content to the title-page argument. To do this, you can define a function defining the content of your title page. A good starting point is the book-title-page and thesis-title-page functions that you can find here.

Let me know if you need more help ;)

[capichou]

Ok... I think there's a bug or version mismatch between the custom-theme.typ (still looks based on 2.something) and the new version.

On line 89 I have a bug a show: fullwidth (unknown variable)

When I replace the whole page header with another (from one of the main themes) it works.

[capichou]

Well... Since I'm experimenting anyway: boxes do not behave properly when selecting classic theme. The other themes seem alright.

[maucejo]

Ok... I think there's a bug or version mismatch between the custom-theme.typ (still looks based on 2.something) and the new version.

On line 89 I have a bug a show: fullwidth (unknown variable)

When I replace the whole page header with another (from one of the main themes) it works.

The right file is:

#import "@preview/bookly:3.1.0": *
#import "@preview/marginalia:0.3.1": *
#import "@preview/suboutline:0.3.0": *

#let custom(colors: default-colors, it) = {
  states.theme.update("custom")

  // Headings
  show heading.where(level: 1): it => {
    if not states.open-right.get() {
      pagebreak(weak: true)
    }

    // Reset counters
    reset-counters

    // Heading style
    place(top)[
      #rect(fill: white, width: 1%, height: 1%)
    ]
    set align(left)
    let type-chapter = if states.isappendix.get() {states.localization.get().appendix} else {states.localization.get().chapter}
    if it.numbering != none {
      v(4em)
      block[
        #text(size: 1.5em)[#type-chapter #counter(heading).display(states.num-heading.get())]

        #text(2em)[#it.body]
      ]
      v(3em)
    } else {
      v(1em)
      text(2em)[#it.body]
      v(2em)
    }
  }

  show heading.where(level: 2): it => {
    block(above: 2em, below: 1.25em)[
      #it
    ]
  }

  show heading.where(level: 3): it => {
    block(above: 1.25em, below: 1.25em)[
      #it
    ]
  }

  // Tables
  show table.cell.where(y: 0): set text(weight: "bold")
  set table(
    stroke: (_, y) => (
      top: if y <= 1 {0.75pt} else {0pt},
      bottom: 0.75pt
    ),
  )

  // Outline
  set outline.entry(fill: box(width: 1fr, repeat(gap: 0.25em)[.]))
  show outline.entry: it => {
    show linebreak: none
    if it.element.func() == heading {
      let number = it.prefix()
      let section = it.element.body
      let item = none
      if it.level == 1 {
        block(above: 1.25em, below: 0em)
        v(0.5em)
        item = [*#number #it.inner()*]
      } else if it.level == 2 {
        block(above: 1em, below: 0em)
        item = [#h(1em) #number #it.inner()]
      } else {
        block(above: 1em, below: 0em)
        item = [#h(2em) #number #it.inner()]
      }
      link(it.element.location(), item)
    } else if it.element.func() == figure {
      block(above: 1.25em, below: 0em)
      v(0.25em)
      link(it.element.location(), [#it.prefix(). #h(0.2em) #it.inner()])
    } else {
      it
    }
  }

  // Page style
  let page-header = context {
    show linebreak: none
    show: wideblock.with(side: "both")
    if calc.odd(here().page()) {
      align(left, hydra(2, display: (_, it) => [
      #let head = none
      #if it.numbering != none {
        head = numbering(it.numbering, ..counter(heading).at(it.location())) + " " + it.body
      } else {
        head = it.body
      }
      #head
      #place(dx: 0%, dy: 52%)[#line(length: 100%, stroke: 0.75pt)]
    ]))
    } else {
      align(left, hydra(1, display: (_, it) => [
      #let head = counter(heading.where(level:1)).display() + " " + it.body
      #if it.numbering == none {
        head = it.body
      }
      #head
      #place(dx: 0%, dy: 50%)[#line(length: 100%, stroke: 0.75pt)]
    ]))
    }
  }

  let page-footer = context {
    let cp = counter(page).get().first()
    let current-page = counter(page).display()
    let dx = 0%
    if states.tufte.get() {
      dx = 21.65%
    }
    set align(center)
    move(dx: dx, current-page)
  }

  set page(
    paper: paper-size,
    header: page-header,
    footer: page-footer
  )

  it
}


// Part
#let part(title) = context {
  states.counter-part.update(i => i + 1)
  set page(
    header: none,
    footer: none,
    numbering: none
  )

  set align(center + horizon)

  if states.open-right.get() {
    pagebreak(weak: true, to:"odd")
  }

  let dx = 0%
  if states.tufte.get() {
    dx = 21.68%
  }

  move(dx: dx)[
    #text(size: 2.5em)[#states.localization.get().part #states.counter-part.display(states.part-numbering.get())]
    #v(1em)
    #text(size: 3em)[*#title*]
  ]

  show heading: none
  heading(numbering: none)[
    #v(1em)
    #box[#states.localization.get().part #states.counter-part.display(states.part-numbering.get()) -- #title]
  ]

  if states.open-right.get() {
    pagebreak(weak: true, to:"odd")
  }
}

#let minitoc = context {
  let toc-header = states.localization.get().toc
  block(above: 3.5em)[
    #text([*#toc-header*])
    #v(-0.5em)
  ]

  let miniline = line(stroke: 0.75pt, length: 100%)

  miniline
  v(0.5em)
  suboutline(target: heading.where(outlined: true, level: 2))
  miniline
}

[maucejo]

Well... Since I'm experimenting anyway: boxes do not behave properly when selecting classic theme. The other themes seem alright.

This is the expected behavior, since the boxes are defined to be breakable. In the case of the classic theme, you just have to insert a pagebreak before the box. This issue arises because the height of the boxes is not the same given the theme chosen.