template.qmd

---
title: "Your Presentation Title"
subtitle: "Your Subtitle Here"
author:
  - name: "Your Name"
    affiliation: "Your Affiliation"
date: today
format:
  revealjs:
    theme: [default, styles.scss]
    slide-number: true
    incremental: false
    toc: false
    chalkboard: 
      buttons: true
    preview-links: true
    logo: images/dhep-logo-2.png
    footer: "DHEPlab | Your Institution"
revealjs-plugins:
  - reveal-chalkboard
bibliography: references.bib
link-citations: true
execute:
  echo: true
  warning: false
---

## Welcome to DHEPlab Presentation Template {.center}

This template provides a consistent style and structure for DHEPlab presentations.

- Professional UNC Chapel Hill branding
- Interactive features with Reveal.js
- Bibliography support
- Code highlighting and diagrams

::: {.notes}
Speaker notes go here. Press 'S' during presentation to view.
:::

---

## Section Headers {.center}

# First Level Headers (H1)

## Second Level Headers (H2) - With Orange Underline

### Third Level Headers (H3) - Orange with Underline

#### Fourth Level Headers (H4) - Navy Blue

Regular text appears in the default font.

---

## Text Formatting Examples

**Bold text** appears in Carolina Blue

*Italic text* appears in Navy Blue

You can combine ***bold and italic*** for emphasis

> Blockquotes are styled with an orange border and gray background

Links are styled in [Carolina Blue](https://example.com) and underline on hover

---

## Lists and Bullets

### Unordered Lists

- First item
- Second item
  - Nested item
  - Another nested item
- Third item

### Ordered Lists

1. First step
2. Second step
   a. Sub-step
   b. Another sub-step
3. Third step

---

## Code Examples

### Inline Code

Use `inline code` for short snippets within text.

### Code Blocks

```python
# Python example with syntax highlighting
def greet(name):
    """A simple greeting function"""
    return f"Hello, {name}! Welcome to DHEPlab"

# Call the function
message = greet("Researcher")
print(message)
```

---

## Tables

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Data A   | Data B   | Data C   |
| Data D   | Data E   | Data F   |
| Data G   | Data H   | Data I   |

: Table caption goes here

---

## Mathematics

### Inline Math

The equation $E = mc^2$ is famous.

### Display Math

$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x + h) - f(x)}{h}
$$

---

## Diagrams with Mermaid

```{mermaid}
flowchart LR
    A[Start] --> B{Decision}
    B -->|Yes| C[Process 1]
    B -->|No| D[Process 2]
    C --> E[End]
    D --> E
```

---

## Multi-Column Layouts

:::: {.columns}

::: {.column width="50%"}
### Left Column

- Content in the left column
- Can include any elements
- Images, code, text, etc.
:::

::: {.column width="50%"}
### Right Column

- Content in the right column
- Balanced layout
- Professional appearance
:::

::::

---

## Images and Figures

:::: {.columns}

::: {.column width="60%"}
### Including Images

- Use markdown syntax
- Control size with width attribute
- Add captions as needed
:::

::: {.column width="40%"}
![DHEP Logo](images/dhep-logo-2.png){width=80%}
:::

::::

---

## Incremental Reveals {.incremental}

- First point appears
- Then this one
- And finally this one

::: {.fragment}
This content appears after all bullets
:::

---

## Citations and References

You can cite references like this [@Smith2023] or with page numbers [@Jones2022, pp. 15-20].

Multiple citations are supported [@Smith2023; @Jones2022; @Brown2024].

::: {.notes}
References will appear at the end if you include a references slide
:::

---

## Interactive Features

### Available During Presentation

- **Navigation**: Arrow keys or swipe
- **Overview**: Press `ESC`
- **Speaker Notes**: Press `S`
- **Fullscreen**: Press `F`
- **Chalkboard**: Press `C` to annotate
- **Search**: `Ctrl/Cmd + F`

---

## Logo Positioning Examples

<div class="logo-top-right">
  <div class="dhep-logo"></div>
</div>

You can position the logo in different locations:

- `.logo-top-right`
- `.logo-top-left`
- `.logo-bottom-right`

The logo automatically appears on the title slide.

---

## Custom Backgrounds {data-background-color="#13294B"}

::: {style="color: white;"}
You can set custom background colors for individual slides.

This slide uses Navy Blue background with white text.
:::

---

## Thank You! {.center}

<div class="dhep-logo large" style="margin: 0 auto;"></div>

Questions?

Contact: [your.email@institution.edu](mailto:your.email@institution.edu)

---

## References

::: {#refs}
:::