theme(university): add university theme

Author: OrangeX4

examples/university.typ

@@ -0,0 +1,43 @@
+#import "../lib.typ": s, pause, meanwhile, utils, states, pdfpc, themes
+
+#let s = themes.university.register(s, aspect-ratio: "16-9")
+#let s = (s.methods.info)(
+  self: s,
+  title: [Title],
+  subtitle: [Subtitle],
+  author: [Authors],
+  date: datetime.today(),
+  institution: [Institution],
+)
+#let (init, slide, slides, title-slide, focus-slide, matrix-slide, touying-outline, alert) = utils.methods(s)
+#show: init
+
+#title-slide(authors: ("Author A", "Author B"))
+
+#slide(title: [Slide title], section: [The section])[
+  #lorem(40)
+]
+
+#slide(title: [Slide title])[
+  #lorem(40)
+]
+
+#focus-slide[
+  *Another variant with an image in background...*
+]
+
+#matrix-slide[
+  left
+][
+  middle
+][
+  right
+]
+
+#matrix-slide(columns: 1)[
+  top
+][
+  bottom
+]
+
+#matrix-slide(columns: (1fr, 2fr, 1fr), ..(lorem(8),) * 9)

slide.typ

@@ -403,6 +403,7 @@
   self: utils.empty-object,
   repeat: auto,
   setting: body => body,
+  cutting-out: false,
   ..args,
   body,
 ) = {
@@ -423,20 +424,22 @@
       is-end = true
       break
     } else if type(child) == content and child.func() == heading and (child.level == 1 or child.level == 2) {
-      if slide != () {
-        (self.methods.slide-in-slides)(
-          self: self,
-          repeat: repeat,
-          setting: setting,
-          section: section,
-          subsection: subsection,
-          ..args,
-          slide.sum(),
-        )
+      if not cutting-out or not slide.all(it => it == [ ] or it == parbreak() or it == linebreak()) {
+        if slide != () {
+          (self.methods.slide-in-slides)(
+            self: self,
+            repeat: repeat,
+            setting: setting,
+            section: section,
+            subsection: subsection,
+            ..args,
+            slide.sum(),
+          )
+        }
+        section = none
+        subsection = none
+        slide = ()
       }
-      section = none
-      subsection = none
-      slide = ()
       if child.level == 1 {
         section = if child.body != [] { child.body } else { none }
       } else {

themes/themes.typ

@@ -1,3 +1,4 @@
 #import "simple.typ"
 #import "metropolis.typ"
-#import "dewdrop.typ"
+#import "dewdrop.typ"
+#import "university.typ"

themes/university.typ

@@ -0,0 +1,274 @@
+// University theme
+
+// Originally contributed by Pol Dellaiera - https://github.com/drupol
+
+#import "../utils/utils.typ"
+#import "../utils/states.typ"
+
+#let slide(
+  self: utils.empty-object,
+  title: none,
+  header: none,
+  footer: auto,
+  margin: (top: 2em, bottom: 1em, x: 0em),
+  padding: (x: 2em, y: .5em),
+  ..args,
+) = {
+  self.page-args = self.page-args + (
+    margin: margin,
+  )
+  if title != auto {
+    self.uni-title = title
+  }
+  self.uni-header = self => {
+    if header != none {
+      header
+    } else if title != none {
+      block(fill: self.colors.neutral-lightest, inset: (x: .5em), grid(
+        columns: (60%, 40%),
+        align(top + left, heading(level: 2, text(fill: self.colors.primary, title))),
+        align(top + right, text(fill: self.colors.primary.lighten(65%), states.current-section-title))
+      ))
+    }
+  }
+  if footer != auto {
+    self.uni-footer = footer
+  }
+  let touying-slide = self.methods.touying-slide
+  touying-slide(
+    ..args.named(),
+    self: self,
+    setting: body => {
+      show: pad.with(..(if type(padding) == dictionary { padding } else { (padding,) }))
+      show: args.named().at("setting", default: body => body)
+      body
+    },
+    ..args.pos(),
+  )
+}
+
+#let title-slide(
+  self: utils.empty-object,
+  logo: none,
+  ..args,
+) = {
+  self.page-args.header = none
+  self.page-args.footer = none
+  let info = self.info + args.named()
+  info.authors = {
+    let authors =  if "authors" in info { info.authors } else { info.author }
+    if type(authors) == array { authors } else { (authors,) }
+  }
+  let content = {
+    if logo != none {
+      align(right, logo)
+    }
+    align(center + horizon, {
+      block(
+        inset: 0em,
+        breakable: false,
+        {
+          text(size: 2em, fill: self.colors.primary, strong(info.title))
+          if info.subtitle != none {
+            parbreak()
+            text(size: 1.2em, fill: self.colors.primary, info.subtitle)
+          }
+        }
+      )
+      set text(size: .8em)
+      grid(
+        columns: (1fr,) * calc.min(info.authors.len(), 3),
+        column-gutter: 1em,
+        row-gutter: 1em,
+        ..info.authors.map(author => text(fill: black, author))
+      )
+      v(1em)
+      if info.institution != none {
+        parbreak()
+        text(size: .9em, info.institution)
+      }
+      if info.date != none {
+        parbreak()
+        text(size: .8em, if type(info.date) == datetime { info.date.display(self.datetime-format) } else { info.date })
+      }
+    })
+  }
+  let touying-slide = self.methods.touying-slide
+  touying-slide(self: self, repeat: none, content)
+}
+
+#let focus-slide(self: utils.empty-object, background-color: none, background-img: none, body) = {
+  let background-color = if background-img == none and background-color ==  none {
+    rgb(self.colors.primary)
+  } else {
+    background-color
+  }
+  self.page-args.header = none
+  self.page-args.footer = none
+  self.page-args = self.page-args + (
+    fill: self.colors.primary-dark,
+    margin: 1em,
+    ..(if background-color != none { (fill: background-color) }),
+    ..(if background-img != none { (background: {
+        set image(fit: "stretch", width: 100%, height: 100%)
+        background-img
+      })
+    }),
+  )
+  set text(fill: white, size: 2em)
+  let touying-slide = self.methods.touying-slide
+  touying-slide(self: self, repeat: none, align(horizon, body))
+}
+
+#let matrix-slide(self: utils.empty-object, columns: none, rows: none, ..bodies) = {
+  self.page-args.header = none
+  self.page-args.footer = none
+  let touying-slide = self.methods.touying-slide
+  touying-slide(self: self, repeat: none, composer: (..bodies) => {
+    let bodies = bodies.pos()
+    let columns = if type(columns) == "integer" {
+      (1fr,) * columns
+    } else if columns == none {
+      (1fr,) * bodies.len()
+    } else {
+      columns
+    }
+    let num-cols = columns.len()
+    let rows = if type(rows) == "integer" {
+      (1fr,) * rows
+    } else if rows == none {
+      let quotient = calc.quo(bodies.len(), num-cols)
+      let correction = if calc.rem(bodies.len(), num-cols) == 0 { 0 } else { 1 }
+      (1fr,) * (quotient + correction)
+    } else {
+      rows
+    }
+    let num-rows = rows.len()
+    if num-rows * num-cols < bodies.len() {
+      panic("number of rows (" + str(num-rows) + ") * number of columns (" + str(num-cols) + ") must at least be number of content arguments (" + str(bodies.len()) + ")")
+    }
+    let cart-idx(i) = (calc.quo(i, num-cols), calc.rem(i, num-cols))
+    let color-body(idx-body) = {
+      let (idx, body) = idx-body
+      let (row, col) = cart-idx(idx)
+      let color = if calc.even(row + col) { white } else { silver }
+      set align(center + horizon)
+      rect(inset: .5em, width: 100%, height: 100%, fill: color, body)
+    }
+    let content = grid(
+      columns: columns, rows: rows,
+      gutter: 0pt,
+      ..bodies.enumerate().map(color-body)
+    )
+    content
+  }, ..bodies)
+}
+
+#let slide-in-slides(self: utils.empty-object, section: none, subsection: none, body, ..args) = {
+  if section != none {
+    (self.methods.slide)(self: self, ..args, section: section, title: subsection, body)
+  } else if subsection != none {
+    (self.methods.slide)(self: self, ..args, title: subsection, body)
+  } else {
+    (self.methods.slide)(self: self, ..args, body)
+  }
+}
+
+#let slides(self: utils.empty-object, title-slide: true, ..args) = {
+  if title-slide {
+    (self.methods.title-slide)(self: self)
+  }
+  (self.methods.touying-slides)(self: self, cutting-out: true, ..args)
+}
+
+#let register(
+  aspect-ratio: "16-9",
+  header: states.current-section-title,
+  footer: [],
+  footer-right: states.slide-counter.display() + " / " + states.last-slide-number,
+  progress-bar: true,
+  self,
+) = {
+  // color theme
+  self = (self.methods.colors)(
+    self: self,
+    primary: rgb("#0C6291"),
+    secondary: rgb("#A63446"),
+    neutral-lightest: rgb("#FBFEF9"),
+  )
+  // save the variables for later use
+  self.uni-enable-progress-bar = progress-bar
+  self.uni-progress-bar = states.touying-progress(ratio => {
+    let cell = block.with(width: 100%, height: 100%, above: 0pt, below: 0pt, breakable: false)
+    grid(
+      columns: (ratio * 100%, 1fr),
+      rows: 2pt,
+      cell(fill: self.colors.primary),
+      cell(fill: self.colors.secondary)
+    )
+  })
+  self.uni-header = none
+  self.uni-footer = self => {
+    let cell(fill: none, it) = rect(
+      width: 100%, height: 100%, inset: 1mm, outset: 0mm, fill: fill, stroke: none,
+      align(horizon, text(fill: white, it))
+    )
+    show: block.with(width: 100%, height: auto, fill: self.colors.secondary)
+    grid(
+      columns: (25%, 1fr, 15%, 10%),
+      rows: (1.5em, auto),
+      cell(fill: self.colors.primary, self.info.author),
+      cell(if self.info.short-title == auto {
+        self.info.title
+      } else {
+        self.info.short-title
+      }),
+      cell(if type(self.info.date) == datetime { self.info.date.display(self.datetime-format) } else { self.info.date }),
+      cell(states.slide-counter.display() + [~/~] + states.last-slide-number)
+    )
+  }
+  // set page
+  let header(self) = {
+    set align(top)
+    grid(
+      rows: (auto, auto),
+      row-gutter: 3mm,
+      if self.uni-enable-progress-bar {
+        self.uni-progress-bar
+      },
+      utils.call-or-display(self, self.uni-header),
+    )
+  }
+  let footer(self) = {
+    set text(size: .4em)
+    set align(center + bottom)
+    utils.call-or-display(self, self.uni-footer)
+  }
+
+  self.page-args = self.page-args + (
+    paper: "presentation-" + aspect-ratio,
+    fill: self.colors.neutral-lightest,
+    header: header,
+    footer: footer,
+    footer-descent: 0em,
+    header-ascent: .6em,
+    margin: 0em,
+  )
+  // register methods
+  self.methods.slide = slide
+  self.methods.title-slide = title-slide
+  self.methods.focus-slide = focus-slide
+  self.methods.matrix-slide = matrix-slide
+  self.methods.slides = slides
+  self.methods.slide-in-slides = slide-in-slides
+  self.methods.touying-outline = (self: utils.empty-object, enum-args: (:), ..args) => {
+    states.touying-outline(enum-args: (tight: false,) + enum-args, ..args)
+  }
+  self.methods.alert = (self: utils.empty-object, it) => text(fill: self.colors.primary, it)
+  self.methods.init = (self: utils.empty-object, body) => {
+    set text(size: 25pt)
+    show footnote.entry: set text(size: .6em)
+    body
+  }
+  self
+}