init

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>
+
+![width:120px](acarp.png)
+
+---
+
+<!-- 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}")
+```
+
+![width:400px](figs/example.png)
+
+*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>
+
+![bottom-right width:400px](figs/example.png)
+
+---
+
+## 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>
+
+![width:400px](figs/example.png)
+
+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