Miscellaneous

Slydekit provides a set of additional functions that can be useful in various scenarios, particularly when creating your own theme.

Row image layout

The row-imgfunction allows you to display a set of images in a row. It is particularly useful for aligning logos or other images in a horizontal layout.

#let row-img(logos)

Argument

logos
array

An array of images to be displayed in a row.

#let logos = (
  image("../assets/logo1.png"),
  image("../assets/logo2.png"),
  image("../assets/logo3.png"),
)

#row-img(logos)

Full-width block

The full-width function allows you to create a block that spans the entire width of the page. This can be useful for creating sections with a distinct background color or for highlighting important content.

#let full-width(
  fill: none,
  anchor: top,
  body
)

Argument

fill
color

The background color of the full-width block. Default is none.

Argument

anchor – default: top
alignment

The anchor point of the full-width block.

Argument

body
content

The content to be displayed in the full-width block.

#full-width(anchor: bottom, progress-bar(rgb("#eb811b"), rgb("#d6c6b7"), height: 2.5pt))

Adaptive column layout

The adaptive-columns function allows you to create a column layout that adapts to the available space. This function is borrowed from the Touying

#let adaptive-columns(
  gutter: 4%,
  max-count: 3,
  start: none,
  end: none,
  body,
)

Argument

gutter – default: 4%
length

The space between columns.

Argument

max-count – default: 3
integer

The maximum number of columns.

Argument

start – default: none
content

Content to be displayed before the columns.

Argument

end – default: none
content

Content to be displayed after the columns.

Argument

body
content

The content to be displayed in the columns.

#set align(horizon)
#adaptive-columns(text(size: 1.2em, strong(outline(title:none, indent: 1em, depth: 1))))

Short or long title

Sometimes, you may want to provide both a short and a long title for your sections. For instance, you might want to display a long title on the tableof contents or progressive-outline, while using a shorter version in the mini-slides navigation style. The short-or-long function allows you to specify both versions of the title.

#let short-or-long(
  short,
  long
)

Argument

short
string | content

The short version of the title.

Argument

long
string | content

The long version of the title.

#import "@preview/slydekit:0.1.0": *

#show: slydekit.with(
  navigation-style: "minislide",
)

= #short-or-long[My short title][My long long long title]

== First slide

#lorem(10)