### Implement Complete Presentation Structure

Source: https://context7.com/manjavacas/typslides/llms.txt

A comprehensive example demonstrating global configuration, slide types, and content layout.

```typst
#import "@preview/typslides:1.3.3": *

// Global configuration
#show: typslides.with(
  ratio: "16-9",
  theme: "bluey",
  font: "Fira Sans",
  font-size: 20pt,
  show-progress: true,
  show-page-numbers: true,
)

// Cover slide
#front-slide(
  title: "Machine Learning Fundamentals",
  subtitle: [An Introduction to Neural Networks],
  authors: "Dr. Sarah Chen",
  info: [Tech University | Spring 2024],
)

// Table of contents
#table-of-contents(title: "Agenda")

// Section 1
#title-slide[Introduction]

#slide(title: "What is Machine Learning?")[
  Machine learning is a subset of AI that enables systems to learn from data.

  #framed(title: "Key Concept")[
    Systems improve automatically through experience without explicit programming.
  ]

  Main categories:
  - #stress("Supervised Learning")
  - #stress("Unsupervised Learning")
  - #stress("Reinforcement Learning")
]

// Section 2
#title-slide[Methodology]

#slide(title: "Our Approach", outlined: true)[
  #cols(columns: (1fr, 1fr))[
    *Data Pipeline*
    1. Collection
    2. Preprocessing
    3. Feature extraction
  ][
    *Model Training*
    1. Architecture design
    2. Hyperparameter tuning
    3. Validation
  ]

  #grayed[$ L = -sum_(i=1)^n y_i log(hat(y)_i) $]
]

// Key message
#focus-slide[
  Accuracy: #text(size: 72pt)[98.5%]
]

// Conclusion
#title-slide[Conclusion]

#blank-slide[
  #set align(center + horizon)

  *Thank you for your attention!*

  #v(1cm)

  Questions? Contact: sarah.chen@techuniv.edu

  #link("https://github.com/example/ml-project")[GitHub Repository]
]

// References
#let bib = bibliography("references.bib")
#bibliography-slide(bib)
```

--------------------------------

### typslides - Main Configuration

Source: https://context7.com/manjavacas/typslides/llms.txt

The primary setup function that configures global settings for Typslides presentations including theme, typography, layout, and visual elements.

```APIDOC
## typslides

### Description
The primary setup function that configures global settings for Typslides presentations. This function must wrap your entire presentation content using Typst's show rule syntax.

### Parameters
- **ratio** (string) - Optional - Slide aspect ratio: "16-9" or "4-3"
- **theme** (string/color) - Optional - Theme name (bluey, reddy, greeny, yelly, purply, dusky, darky) or custom RGB color
- **font** (string) - Optional - Font family for presentation text
- **font-size** (length) - Optional - Base font size for slide content
- **link-style** (string) - Optional - Link styling: "color", "underline", or "both"
- **show-page-numbers** (boolean) - Optional - Display page numbers in footers
- **show-progress** (boolean) - Optional - Enable Beamer-style progress bar at bottom
- **progress-height** (length) - Optional - Height of the progress bar
- **back-color** (color) - Optional - Default background color for all slides
```

--------------------------------

### Create multi-column layouts

Source: https://context7.com/manjavacas/typslides/llms.txt

Organizes content into multiple columns with configurable widths and gutter spacing.

```typst
// Two equal columns
#cols[
  *Left Column*

  - Point one
  - Point two
  - Point three
][
  *Right Column*

  - Item A
  - Item B
  - Item C
]

// Three columns with custom widths and gutter
#cols(columns: (2fr, 1fr, 2fr), gutter: 2em)[
  #grayed[
    This column takes 2 parts of the available width.
  ]
][
  #grayed[
    Narrow middle column.
  ]
][
  #grayed[
    Another wide column on the right side.
  ]
]

// Two columns for image and text
#cols(columns: (1fr, 1fr), gutter: 1.5em)[
  #image("photo.jpg", width: 100%)
][
  *Image Description*

  This photograph shows the experimental setup used in our study.
  The apparatus consists of...
]
```

--------------------------------

### Create a presentation with Typslides

Source: https://github.com/manjavacas/typslides/blob/main/README.md

Demonstrates the basic configuration, slide types, and formatting elements available in the Typslides package.

```typst
#import "@preview/typslides:1.3.3": *

// Project configuration
#show: typslides.with(
  ratio: "16-9",
  theme: "bluey",
  font: "Fira Sans",
  font-size: 20pt,
  link-style: "color",
  show-progress: true,
)

// The front slide is the first slide of your presentation
#front-slide(
  title: "This is a sample presentation",
  subtitle: [Using _typslides_],
  authors: "A. Manjavacas",
  info: [#link("https://github.com/manjavacas/typslides")],
)

// Custom outline
#table-of-contents()

// Title slides create new sections
#title-slide[
  This is a _Title slide_
]

// A simple slide
#slide[
  - This is a simple `slide` with no title.
  - #stress("Bold and coloured") text by using `#stress(text)`.
  - Sample link: #link("typst.app").
    - Link styling using `link-style`: `"color"`, `"underline"`, `"both"`
  - Font selection using `font: "Fira Sans"`, `size: 21pt`.

  #framed[This text has been written using `#framed(text)`. The background color of the box is customisable.]

  #framed(title: "Frame with title")[This text has been written using `#framed(title:"Frame with title")[text]`.]
]

// Focus slide
#focus-slide[
  This is an auto-resized _focus slide_.
]

// Blank slide
#blank-slide[
  - This is a `#blank-slide`.

  - Available #stress[themes]#footnote[Use them as *color* functions! e.g., `#reddy("your text")`]:

  #framed(back-color: white)[
    #bluey("bluey"), #reddy("reddy"), #greeny("greeny"), #yelly("yelly"), #purply("purply"), #dusky("dusky"), darky.
  ]

  // #show: typslides.with(
  //   ratio: "16-9",
  //   theme: "bluey",
  //   ...
  // )
  

  - Or just use *your own theme color*:
    - `theme: rgb("30500B")`
]

// Slide with title
#slide(title: "Outlined slide", outlined: true)[
  - Check out the *progress bar* at the bottom of the slide.

    #h(1cm) `show-progress: true`

  - Outline slides with `outlined: true`.

  #grayed([This is a `#grayed` text. Useful for equations.])
  #grayed($ P_t = alpha - 1 / (sqrt(x) + f(y)) $)

]

// Columns
#slide(title: "Columns")[

  #cols(columns: (2fr, 1fr, 2fr), gutter: 2em)[
    #grayed[Columns can be included using `#cols[...][...]`]
  ][
    #grayed[And this is]
  ][
    #grayed[an example.]
  ]

  - Custom spacing: `#cols(columns: (2fr, 1fr, 2fr), gutter: 2em)[...]`

  - Sample references: @typst, @typslides.
    - Add a #stress[bibliography slide]...

    1. `#let bib = bibliography("you_bibliography_file.bib")`
    2. `#bibliography-slide(bib)`
]

// Bibliography
#let bib = bibliography("bibliography.bib")
#bibliography-slide(bib)
```

--------------------------------

### Apply Color Utility Functions

Source: https://context7.com/manjavacas/typslides/llms.txt

Use built-in theme functions to style text with specific colors.

```typst
// Using built-in color functions
Available themes: #bluey("bluey"), #reddy("reddy"), #greeny("greeny"),
#yelly("yelly"), #purply("purply"), #dusky("dusky").

// Practical usage examples
Status: #greeny("PASSED") or #reddy("FAILED")

// Warning message
#yelly("Warning:") This operation cannot be undone.

// Color-coded categories
- #bluey("Frontend"): React, Vue, Angular
- #purply("Backend"): Node.js, Python, Go
- #greeny("Database"): PostgreSQL, MongoDB
```

--------------------------------

### Create blank-slide components

Source: https://context7.com/manjavacas/typslides/llms.txt

Provides a minimal slide container without headers for custom layouts or full-page media.

```typst
#blank-slide[
  #set align(center)
  #image("diagram.png", width: 80%)

  _Figure 1: System Architecture Overview_
]

// Blank slide with custom background
#blank-slide(back-color: rgb("#1a1a1a"))[
  #set text(fill: white)
  - Dark mode content
  - Perfect for screenshots
  - Or code demonstrations
]
```

--------------------------------

### Create focus-slide components

Source: https://context7.com/manjavacas/typslides/llms.txt

Generates full-screen slides with large, centered text. Supports custom colors and multi-line content.

```typst
// Basic focus slide with theme-colored background
#focus-slide[
  "The only way to do great work is to love what you do."
]

// Focus slide with custom colors
#focus-slide(
  text-color: black,
  text-size: 72pt,
  back-color: rgb("#FFD700"),  // Gold background
)[
  Questions?
]

// Multi-line focus content (auto-resizes to fit)
#focus-slide[
  Thank you for your attention! \
  Contact: researcher@university.edu
]
```

--------------------------------

### Create grayed highlight boxes

Source: https://context7.com/manjavacas/typslides/llms.txt

Centers content within a gray box, suitable for equations or code snippets.

```typst
// Simple grayed text
#grayed[This is highlighted information in a gray box.]

// Mathematical equation in grayed box
#grayed(text-size: 28pt)[
  $ E = m c^2 $
]

// Complex equation with default styling
#grayed[
  $ P_t = alpha - 1 / (sqrt(x) + f(y)) $
]

// Custom fill color
#grayed(fill-color: rgb("#E3F2FD"), text-size: 22pt)[
  `pip install tensorflow`
]
```

--------------------------------

### front-slide - Title/Cover Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

Creates the front cover slide of the presentation with title, subtitle, author information, and additional details.

```APIDOC
## front-slide

### Description
Creates the front cover slide of the presentation. Typically the first slide shown, using a clean divider without progress indication.

### Parameters
- **title** (content) - Required - The main title of the presentation
- **subtitle** (content) - Optional - Subtitle text
- **authors** (content) - Optional - Author information
- **info** (content) - Optional - Additional details like institution or date
- **back-color** (color) - Optional - Custom background color
```

--------------------------------

### Create Bibliography Slides

Source: https://context7.com/manjavacas/typslides/llms.txt

Generate a references slide from a .bib file using the bibliography-slide function.

```typst
// First, define your bibliography
#let bib = bibliography("references.bib")

// Then create the bibliography slide
#bibliography-slide(bib)

// With custom title
#bibliography-slide(
  bibliography("references.bib"),
  title: "References & Further Reading",
  back-color: rgb("#FAFAFA"),
)
```

--------------------------------

### Typslides Main Configuration

Source: https://context7.com/manjavacas/typslides/llms.txt

Configures global settings for Typslides presentations including theme, typography, layout, and visual elements. This function must wrap your entire presentation content using Typst's show rule syntax.

```typst
#import "@preview/typslides:1.3.3": *

#show: typslides.with(
  ratio: "16-9",           // Slide aspect ratio: "16-9" or "4-3"
  theme: "bluey",          // Theme name or custom RGB color
  font: "Fira Sans",       // Font family for presentation text
  font-size: 20pt,         // Base font size for slide content
  link-style: "color",     // Link styling: "color", "underline", or "both"
  show-page-numbers: true, // Display page numbers in footers
  show-progress: true,     // Enable Beamer-style progress bar at bottom
  progress-height: 3pt,    // Height of the progress bar
  back-color: white,       // Default background color for all slides
)
```

```typst
// Using a custom theme color instead of built-in themes
#show: typslides.with(
  theme: rgb("30500B"),    // Custom RGB color
  font: "IBM Plex Sans",
  show-progress: false,
)
```

--------------------------------

### Create framed content boxes

Source: https://context7.com/manjavacas/typslides/llms.txt

Displays content within a framed box, supporting optional titles and custom background colors.

```typst
// Simple framed box with default beige background
#framed[
  This is an important note that readers should pay attention to.
]

// Framed box with custom background color
#framed(back-color: rgb("#E8F5E9"))[
  Success! The operation completed without errors.
]

// Framed box with titled header
#framed(title: "Definition")[
  *Machine Learning*: A subset of artificial intelligence that enables
  systems to learn and improve from experience without being explicitly
  programmed.
]

// Framed theorem with white background
#framed(title: "Theorem 1", back-color: white)[
  For any continuous function $f$ on a closed interval $[a, b]$,
  there exists at least one point $c$ where the derivative equals zero.
]
```

--------------------------------

### Front Cover Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

Creates the front cover slide of the presentation with title, subtitle, author information, and additional details. This is typically the first slide shown and uses a clean divider without progress indication.

```typst
#front-slide(
  title: "Introduction to Machine Learning",
  subtitle: [A practical guide to _neural networks_],
  authors: "Dr. Jane Smith, Prof. John Doe",
  info: [
    University of Technology \ 
    #link("https://example.com/ml-course")[Course Website] \ 
    January 2024
  ],
  back-color: rgb("#FAFAFA"),  // Optional custom background
)
```

--------------------------------

### Apply themey color

Source: https://context7.com/manjavacas/typslides/llms.txt

Colors text using the current theme color without modifying font weight.

```typst
// Using theme color for text
The #themey("primary objective") of this research is to improve efficiency.

// Combining with other formatting
Learn more at #themey(link("https://typst.app")[typst.app]).
```

--------------------------------

### Table of Contents Generation

Source: https://context7.com/manjavacas/typslides/llms.txt

Generates a table of contents from registered sections and subsections. Provides clickable links to navigate the presentation.

```typst
// Basic table of contents with default "Contents" title
#table-of-contents()
```

```typst
// Customized table of contents
#table-of-contents(
  title: "Outline",           // Custom title text
  text-size: 25pt,            // Font size for outline items
  back-color: rgb("#FFFFFF"), // Custom background color
)
```

--------------------------------

### Apply stress emphasis

Source: https://context7.com/manjavacas/typslides/llms.txt

Highlights text using the theme color and semibold weight.

```typst
// Emphasizing important terms
This algorithm achieves #stress("state-of-the-art") performance on all benchmarks.

// Multiple emphasized phrases
The key factors are #stress("consistency"), #stress("accuracy"), and #stress("speed").
```

--------------------------------

### Standard Content Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

The primary slide template for content with an optional colored header title. Supports custom backgrounds, page numbers, progress bar, and can be marked as outlined to appear in the table of contents as a subsection.

```typst
// Simple slide without title
#slide[
  - First bullet point with important information
  - Second point with #stress("emphasized text")
  - Third point with a #link("https://typst.app")[link to Typst]
]
```

```typst
// Slide with title header
#slide(title: "Key Findings")[
  The analysis reveals three main insights:

  1. Performance improved by 40%
  2. User satisfaction increased significantly
  3. Cost reduction achieved targets

  #framed(title: "Important Note")[
    These results are statistically significant at p < 0.05
  ]
]
```

```typst
// Outlined slide that appears in table of contents as subsection
#slide(title: "Methodology Overview", outlined: true)[
  This slide will appear as a subsection under the current section
  in the table of contents.
]
```

```typst
// Slide with custom margin
#slide(
  title: "Custom Layout",
  margin: (x: 2cm, top: 3cm, bottom: 1.5cm),
)[
  Content with custom margins for special layouts.
]
```

--------------------------------

### slide - Standard Content Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

The primary slide template for content with an optional colored header title.

```APIDOC
## slide

### Description
The primary slide template for content. Supports custom backgrounds, page numbers, progress bar, and can be marked as outlined to appear in the table of contents.

### Parameters
- **title** (content) - Optional - Header title for the slide
- **outlined** (boolean) - Optional - If true, appears as a subsection in the table of contents
- **margin** (dictionary) - Optional - Custom margins (x, top, bottom)
- **content** (content) - Required - The slide body content
```

--------------------------------

### table-of-contents - Outline Generation

Source: https://context7.com/manjavacas/typslides/llms.txt

Generates a table of contents from registered sections and subsections.

```APIDOC
## table-of-contents

### Description
Generates a table of contents from registered sections (title-slide) and subsections (slide with outlined: true). Provides clickable links.

### Parameters
- **title** (string) - Optional - Custom title text for the TOC
- **text-size** (length) - Optional - Font size for outline items
- **back-color** (color) - Optional - Custom background color
```

--------------------------------

### title-slide - Section Title Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

Creates a section title slide that registers the section in the table of contents.

```APIDOC
## title-slide

### Description
Creates a section title slide that registers the section in the table of contents. Use this to divide your presentation into logical sections.

### Parameters
- **text-size** (length) - Optional - Custom font size for the title
- **back-color** (color) - Optional - Custom background color
- **content** (content) - Required - The section title text
```

--------------------------------

### Section Title Slide

Source: https://context7.com/manjavacas/typslides/llms.txt

Creates a section title slide that registers the section in the table of contents. Use this to divide your presentation into logical sections with visual separation and progress tracking.

```typst
// Creates a new section and registers it for table of contents
#title-slide[
  Introduction
]
```

```typst
#title-slide(
  text-size: 48pt,              // Custom font size (default: 42pt)
  back-color: rgb("#F5F5F5"),   // Custom background color
)[
  Methods and Results
]
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.