diff options
Diffstat (limited to 'demo-beamer.md')
| -rw-r--r-- | demo-beamer.md | 195 |
1 files changed, 195 insertions, 0 deletions
diff --git a/demo-beamer.md b/demo-beamer.md new file mode 100644 index 0000000..9a5fec9 --- /dev/null +++ b/demo-beamer.md @@ -0,0 +1,195 @@ +--- +marp: true +theme: acarp-beamer +style: | + :root { + --logo-image: url('acarp.png'); + --logo-width: 120px; + --logo-height: 120px; + } +--- + +<!-- + Classic LaTeX Beamer Style (4:3 aspect ratio) + + This presentation uses the classic 4:3 aspect ratio (1280x960) + optimized for academic presentations with equations and detailed content. +--> + +<!-- _class: title --> +# Academic Marp Theme + +Beamer Style (4:3) + +## Classic academic format + +<div class="vspace-large"></div> + + + +--- + +<!-- paginate: true --> + +## Overview + +A minimal, grid-based setup for Marp presentations: + +- **Classic 4:3 aspect ratio** - Traditional academic format +- **Grid-only layouts** - No flexbox, no utility classes +- **Equation-friendly** - More vertical space for math +- **Academic focus** - Optimized for technical content + +--- + +### Key Features + +**Beamer-Style Design** +- 4:3 aspect ratio (1280x960) +- More vertical space +- Traditional academic format +- Perfect for equations + +**Grid-Based Layouts** +- CSS Grid for all layouts +- Explicit grid contracts +- No hidden behaviors +- Maintainable structure + +--- + +## Mathematical Content + +The TF-IDF model for term weighting: + +$$\text{tf-idf}(t, d, D) = \text{tf}(t, d) \times \text{idf}(t, D)$$ + +Where term frequency is: +$$\text{tf}(t, d) = \frac{f_{t,d}}{\sum_{t'\in d} f_{t',d}}$$ + +And inverse document frequency: +$$\text{idf}(t, D) = \log \frac{|D|}{|\{d \in D : t \in d\}|}$$ + +The 4:3 format provides better vertical space for multi-line equations. + + +--- +### Code Examples + +Python implementation: + +```python +def tfidf(term, doc, corpus): + tf = term_frequency(term, doc) + idf = inverse_df(term, corpus) + return tf * idf + +# Example usage +score = tfidf("grid", doc1, docs) +print(f"TF-IDF: {score:.3f}") +``` + + + +*Top-right logo: university/conference branding* + +--- + +## Layout Patterns + +**Default Layout** - Single column, ideal for equations + +**Title Layout** - Classic academic opening + +**Vertical Flow** - Natural reading order for academic content + +The beamer style emphasizes vertical flow over side-by-side comparisons. + +--- + +### Performance Analysis + +Traditional approaches to presentation layouts: + +- Complex positioning systems +- Flexbox with numerous overrides +- Utility classes with cascade issues + +Our grid-only approach provides: + +- Clear, predictable structure +- No positioning hacks +- Easy maintenance and debugging + +<!-- ironically, non grid image (for demo, could be 2col layout) --> +<style> +img[alt~="bottom-right"] { + position: absolute; + bottom: 75px; + right: 75px; + z-index: 10; +} +</style> + + + +--- + +## Getting Started with Beamer + +1. Install dependencies: `npm install` +2. Create your markdown file +3. Add `theme: acarp-beamer` in frontmatter +4. Write your academic content +5. Build with: `marp --theme acarp-beamer file.md` + +The beamer theme automatically applies the 4:3 aspect ratio. + +--- + +## Vertical Spacing + +Use spacing utilities for better content flow in the beamer format: + +<div class="vspace-small"></div> + +Small vertical space (1em) + +<div class="vspace-medium"></div> + +Medium vertical space (2em) - good for section breaks + +<div class="vspace-large"></div> + +Large vertical space (3em) - for major separations + +--- + +## Spacing Examples + +```python +def calculate(): + result = 42 + return result +``` + +<div class="vspace-medium"></div> + +The function returns a simple value. + +<div class="vspace-small"></div> + + + +Images can have custom spacing too. + +--- +## Thank You + +This theme provides a clean, academic-focused foundation in the traditional beamer format. + +Perfect for: +- Conference presentations +- Academic lectures +- Technical seminars +- Research presentations |