Add example slide screenshot to README

3 files changed, 14 insertions, 10 deletions

diff --git a/README b/README
index 9f18db3..2aaf22f 100644
--- a/README
+++ b/README
@@ -29,6 +29,10 @@ npx marp --config .marprc.json --html demo-beamer.md
 npx marp --config .marprc.json --pdf demo-standard.md
 ```
 
+## Example Slide
+
+![](egslide.png)
+
 ## Available Layouts
 
 ### `title` - Cover Slide
diff --git a/demo-standard.md b/demo-standard.md
index 6c14a17..1cf44df 100644
--- a/demo-standard.md
+++ b/demo-standard.md
@@ -25,7 +25,7 @@ Modern presentations with CSS Grid
 
 <!-- paginate: true -->
 
-## Overview
+### Overview
 
 A minimal, grid-based setup for Marp presentations:
 
@@ -72,13 +72,13 @@ A minimal, grid-based setup for Marp presentations:
 
 The TF-IDF model for term weighting:
 
-$\text{tf-idf}(t, d, D) = \text{tf}(t, d) \times \text{idf}(t, D)$
+$\quad \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}}$
+$\quad \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\}|}$
+$\quad \text{idf}(t, D) = \log \frac{|D|}{|\{d \in D : t \in d\}|}$
 
 <div class="cite">[Sparck Jones, 1972]</div>
 
@@ -213,7 +213,7 @@ Images can have custom spacing too.
 ---
 
 <!-- _class: layout-2col -->
-### Comprehensive Slide Example
+### Full Slide Example
 
 <div class="left-column">
 
@@ -222,9 +222,9 @@ Images can have custom spacing too.
 - Explicit CSS contracts
 - No hidden behaviors
 
-**Simple latex math:**
+**Latex math:**
 
-$\text{score} = \text{tf} \times \log\frac{|D|}{|d_t|}$
+$\quad \text{score} = \text{tf} \times \log\frac{|D|}{|d_t|}$
 
 **And code blocks:**
 
@@ -239,11 +239,11 @@ def score(term, doc):
 
 <div class="right-column">
 
-**2col mode for figs + txt**
+![width:300px](figs/example.png)
 
-![width:350px](figs/example.png)
+![width:300px](figs/example.png)
 
-![width:350px](figs/example.png)
+<p style="font-size: 0.7em; color: #666;">featuring two column mode for e.g. figs + txt</p>
 
 </div>
 
diff --git a/egslide.png b/egslide.png
new file mode 100644
index 0000000..15aea21
--- /dev/null
+++ b/egslide.png