Skip to content

Commit 38c766c

Browse files
committed
Polish poster: Avenir math fonts, balanced layout, larger figures, styled ref/ack boxes
- Replace KaTeX CDN fonts with Avenir via HTML post-processing - Pass math: katex through poster frontmatter to enable KaTeX rendering - Enclose References and Acknowledgments in styled callout boxes - Prevent awkward text wrapping around parenthetical expressions - Increase emoji figure and flow diagram sizes - Add Background box to Introduction, rebalance grid layout (10 rows) - Tune per-section scale factors for zero overflow across all 7 sections - Update poster screenshot
1 parent f9830a0 commit 38c766c

8 files changed

Lines changed: 455 additions & 132 deletions

File tree

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -216,6 +216,7 @@ notes/
216216
# Compiled example output (themes/images are copied during compile)
217217
examples/themes/
218218
examples/images/
219+
examples/*.html
219220

220221
# macOS
221222
.DS_Store
-479 KB
Binary file not shown.

docs/screenshots/poster-sample.png

150 KB
Loading

examples/sample_poster.md

Lines changed: 174 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -2,155 +2,267 @@
22
marp: true
33
theme: cdl-poster
44
size: A0
5+
math: katex
56
---
67

78
```poster-layout
89
TTTTTTTTTTTTTTTTTTTTTTTTTTTT
9-
IIIIIIIIMMMMMMMMMMMMRRRRRRRR
10-
IIIIIIIIMMMMMMMMMMMMRRRRRRRR
11-
IIIIIIIIMMMMMMMMMMMMRRRRRRRR
12-
IIIIIIIIMMMMMMMMMMMMRRRRRRRR
13-
CCCCCCCCDDDDDDDDDDDDRRRRRRRR
14-
CCCCCCCCDDDDDDDDDDDDRRRRRRRR
15-
CCCCCCCCDDDDDDDDDDDDRRRRRRRR
16-
CCCCCCCCDDDDDDDDDDDDRRRRRRRR
10+
IIIIIIIIRRRRRRRRRRRRDDDDDDDD
11+
IIIIIIIIRRRRRRRRRRRRDDDDDDDD
12+
IIIIIIIIRRRRRRRRRRRRDDDDDDDD
13+
IIIIIIIIRRRRRRRRRRRRDDDDDDDD
14+
IIIIIIIIRRRRRRRRRRRRDDDDDDDD
15+
MMMMMMMMRRRRRRRRRRRRDDDDDDDD
16+
MMMMMMMMRRRRRRRRRRRRDDDDDDDD
17+
MMMMMMMMRRRRRRRRRRRREEEEAAAA
18+
MMMMMMMMRRRRRRRRRRRREEEEAAAA
1719
```
1820

1921
## T: Your poster title goes here
2022

21-
## A brief subtitle that captures the main finding or question
23+
**Author One**¹, **Author Two**², **Author Three**¹ | corresponding.author@dartmouth.edu
2224

23-
**Author One**¹, **Author Two**¹², **Author Three**²
25+
¹ Dartmouth College | ² Collaborating Institution
2426

25-
¹ Department of Psychological and Brain Sciences, Dartmouth College | ² Collaborating Institution
27+
## I: Introduction and motivation [blue]
2628

27-
## I: Introduction and motivation
29+
<div class="scale-80">
2830

2931
<div class="note-box" data-title="Orient your audience">
3032

31-
Start with the **broad question** your research addresses. Why should the reader care? Narrow from the big picture to your specific contribution in 3–5 sentences.
33+
Start with the **broad question** your research addresses and narrow to your specific contribution in 3–5 sentences. Explain why this topic matters and what gap in current knowledge your work fills.
3234

3335
</div>
3436

35-
<div class="note-box" data-title="What to include">
37+
<div class="emoji-figure">
38+
<div class="emoji-col">
39+
<span class="emoji emoji-xl emoji-bg emoji-bg-blue">🔬</span>
40+
<span class="label">Phenomenon</span>
41+
</div>
42+
<div class="emoji-col">
43+
<span class="emoji emoji-xl emoji-bg emoji-bg-green">❓</span>
44+
<span class="label">Open question</span>
45+
</div>
46+
<div class="emoji-col">
47+
<span class="emoji emoji-xl emoji-bg emoji-bg-orange">💡</span>
48+
<span class="label">Your approach</span>
49+
</div>
50+
</div>
51+
52+
<div class="note-box" data-title="Research question">
53+
54+
State your specific **hypothesis** or research question. Use a figure instead of a paragraph wherever possible.
3655

37-
- The **big-picture problem** your work addresses
38-
- Why existing approaches fall short
39-
- Your specific **research question** or hypothesis
40-
- A visual or diagram that captures the core idea
56+
- **Hypothesis 1**: Feature X correlates with Y
57+
- **Hypothesis 2**: Intervention Z modulates this relationship
4158

4259
</div>
4360

44-
<div class="note-box" data-title="Less is more">
61+
<div class="note-box" data-title="Background">
4562

46-
Aim for **minimal text** and **maximal visual impact**. A reader should grasp your motivation in under 30 seconds. Use a figure instead of a paragraph wherever possible.
63+
Summarize **prior work** that motivates your study and explain how your approach advances the field.
4764

4865
</div>
4966

50-
## M: Methods
67+
</div>
68+
69+
## M: Methods [violet]
70+
71+
<div class="scale-75">
5172

5273
<div class="definition-box" data-title="Experimental design">
5374

54-
Describe your **paradigm** concisely: number of participants, key conditions, stimuli, and procedure. A flow diagram is ideal here.
75+
Describe your **paradigm**: participants ($N=50$), conditions (within-subject), stimuli (naturalistic video), and procedure.
5576

5677
</div>
5778

58-
<div class="definition-box" data-title="Analysis pipeline">
79+
<div class="flow-diagram">
80+
<span class="flow-box flow-blue">Design</span>
81+
<span class="flow-arrow">→</span>
82+
<span class="flow-box flow-green">Record</span>
83+
<span class="flow-arrow">→</span>
84+
<span class="flow-box flow-orange">Process</span>
85+
<span class="flow-arrow">→</span>
86+
<span class="flow-box flow-purple">Analyze</span>
87+
</div>
5988

60-
Show your pipeline as a visual flow: **collection → preprocessing → modeling → validation**. A diagram works best here.
89+
<div class="definition-box" data-title="Analysis approach">
6190

62-
</div>
91+
Describe the key statistical or computational methods. Prefer a **diagram** over dense notation.
6392

64-
<div class="definition-box" data-title="Figures over formulas">
93+
- **Preprocessing**: fMRIPrep v20.2.1
94+
- **Modeling**: GLM with custom regressors
95+
- **Inference**: Non-parametric permutation tests
6596

66-
Prefer **diagrams and flowcharts** over dense notation. Limit to one or two key formulas at most.
97+
</div>
6798

99+
<div class="emoji-figure">
100+
<div class="emoji-col">
101+
<span class="emoji emoji-xl emoji-bg emoji-bg-blue">🐍</span>
102+
<span class="label">Python</span>
103+
</div>
104+
<div class="emoji-col">
105+
<span class="emoji emoji-xl emoji-bg emoji-bg-green">🧠</span>
106+
<span class="label">Neuroimaging</span>
107+
</div>
108+
<div class="emoji-col">
109+
<span class="emoji emoji-xl emoji-bg emoji-bg-orange">📊</span>
110+
<span class="label">Visualization</span>
111+
</div>
68112
</div>
69113

70-
<div class="definition-box" data-title="Tools and code">
114+
</div>
71115

72-
List key software and libraries used. If your code is open source, include a link or QR code to the repository.
116+
## R: Results [green]
73117

74-
</div>
118+
<div class="example-box" data-title="Primary finding">
75119

76-
## R: Results
120+
Lead with your **most critical result**. Every figure should have a clear, self-explanatory takeaway.
77121

78-
<div class="example-box" data-title="Tell a story with your data">
122+
> **Significant interaction found between Condition&nbsp;A and B** <span style="white-space:nowrap;">**($p < 0.001$).**</span>
79123
80-
Lead with your **most critical result** first, then provide supporting evidence. Every figure should have a clear, self-explanatory takeaway message.
124+
</div>
81125

126+
<div class="emoji-figure">
127+
<div class="emoji-col">
128+
<span class="emoji emoji-xl emoji-bg emoji-bg-green">✓</span>
129+
<span class="label">Condition A</span>
130+
</div>
131+
<div class="emoji-col">
132+
<span class="emoji emoji-xl emoji-bg emoji-bg-blue">✓</span>
133+
<span class="label">Condition B</span>
134+
</div>
135+
<div class="emoji-col">
136+
<span class="emoji emoji-xl emoji-bg emoji-bg-orange">✗</span>
137+
<span class="label">Control</span>
138+
</div>
82139
</div>
83140

84-
<div class="example-box" data-title="Figure 1: Main result">
141+
<div style="text-align: center; white-space: nowrap;">
85142

86-
Place your **primary finding** here. The figure should be self-explanatory — a reader should understand the key message without reading surrounding text.
143+
$$\hat{y} = \beta_0 + \beta_1 x_1 + \beta_2 x_2 + \epsilon, \quad R^2 = 0.73$$
87144

88145
</div>
89146

90-
<div class="example-box" data-title="Figure 2: Supporting evidence">
147+
<div class="example-box" data-title="Supporting evidence">
91148

92-
Additional results that **support or extend** your main finding. Use tables for quantitative comparisons, or multi-panel figures for consistency across conditions.
149+
Use tables for quantitative comparisons across conditions:
93150

94151
</div>
95152

96-
<div class="example-box" data-title="Statistical reporting">
153+
| Measure | Group A | Group B | Group C | *p*-value |
154+
|---------|---------|---------|---------|-----------|
155+
| Accuracy | 0.89 | 0.72 | 0.65 | < 0.01 |
156+
| RT (ms) | 342 | 418 | 450 | < 0.05 |
157+
| F1 Score | 0.85 | 0.68 | 0.60 | < 0.01 |
97158

98-
Report key statistics concisely. Use a small **table** for multiple comparisons, or annotate figures directly with significance markers.
159+
<div class="example-box" data-title="Generalization">
99160

161+
Show that findings **replicate** across datasets or participant groups to strengthen impact.
162+
163+
</div>
164+
165+
<div class="emoji-figure">
166+
<div class="emoji-col">
167+
<span class="emoji emoji-xl emoji-bg emoji-bg-green">📊</span>
168+
<span class="label">Dataset 1</span>
169+
</div>
170+
<div class="emoji-col">
171+
<span class="emoji emoji-xl emoji-bg emoji-bg-blue">📊</span>
172+
<span class="label">Dataset 2</span>
173+
</div>
174+
<div class="emoji-col">
175+
<span class="emoji emoji-xl emoji-bg emoji-bg-purple">📊</span>
176+
<span class="label">Dataset 3</span>
177+
</div>
100178
</div>
101179

102-
<div class="example-box" data-title="Common pitfall">
180+
<div class="example-box" data-title="Robustness check">
103181

104-
Don't overcrowd this section. **Two or three well-designed figures** are far more effective than five cramped ones. Leave white space for visual breathing room.
182+
We verified our results using cross-validation <span style="white-space:nowrap;">(k&nbsp;=&nbsp;5)</span> and bootstrap resampling <span style="white-space:nowrap;">(1000 iterations).</span> The effect size remains stable <span style="white-space:nowrap;">(Cohen's d&nbsp;=&nbsp;0.8).</span>
105183

106184
</div>
107185

108-
<div class="example-box" data-title="Figure 3: Replication">
109186

110-
If applicable, show that your findings **generalize** across datasets, conditions, or participant groups. This strengthens the impact of your main result.
187+
## D: Discussion [teal]
111188

112-
</div>
189+
<div class="scale-75">
113190

114-
## C: Conclusions and future directions
191+
<div class="tip-box" data-title="Key takeaways">
115192

116-
<div class="tip-box" data-title="Summary of findings">
193+
Summarize your **main findings** and connect them back to the original research question.
117194

118-
Restate your **key findings** in 2–3 bullet points. Connect them back to the motivating question from the introduction.
195+
- **Finding 1**: Model outperforms baseline by 15%, supporting Hypothesis 1.
196+
- **Finding 2**: Effect is robust to parameter variations and generalizes across datasets.
197+
- **Finding 3**: Results suggest a new cognitive control mechanism consistent with prior theoretical accounts.
119198

120199
</div>
121200

122-
<div class="tip-box" data-title="Broader impact">
201+
<div class="tip-box" data-title="Implications">
202+
203+
Explain **why these findings matter** for the broader field.
123204

124-
Explain why your findings **matter** beyond the specific experiment — theoretical, clinical, or practical implications.
205+
- Provides evidence for predictive coding frameworks in perception.
206+
- Challenges existing models that assume static representations.
207+
- Opens new avenues for computational psychiatry applications.
125208

126209
</div>
127210

128-
<div class="tip-box" data-title="Limitations">
211+
<div class="emoji-figure">
212+
<div class="emoji-col">
213+
<span class="emoji emoji-xl emoji-bg emoji-bg-blue">🔍</span>
214+
<span class="label">Current work</span>
215+
</div>
216+
<div class="emoji-col">
217+
<span class="emoji emoji-xl emoji-bg emoji-bg-green">🚀</span>
218+
<span class="label">Next steps</span>
219+
</div>
220+
<div class="emoji-col">
221+
<span class="emoji emoji-xl emoji-bg emoji-bg-orange">🌐</span>
222+
<span class="label">Broader impact</span>
223+
</div>
224+
</div>
129225

130-
Acknowledge **limitations** honestly and note how future work might address them.
226+
<div class="tip-box" data-title="Limitations and future work">
131227

132-
</div>
228+
Acknowledge **limitations** honestly and describe planned follow-ups.
133229

134-
<div class="tip-box" data-title="Future directions">
230+
- Sample limited to college-age participants; generalization needed.
231+
- Future work: longitudinal designs, larger and more diverse cohorts.
135232

136-
- Next experiments you plan to run
137-
- Extensions of the current approach
138-
- Open questions raised by your findings
233+
</div>
139234

140235
</div>
141236

142-
## D: References and acknowledgments
237+
## E: References [orange]
238+
239+
<div class="scale-50">
240+
241+
<div class="warning-box" data-title="Selected references">
143242

144-
<div class="warning-box" data-title="References">
243+
1. Author A, Author B (2023). *J. Neurosci.* 1:1-10.
244+
2. Author C, Author D (2022). *Nat. Hum. Behav.* 5:100-110.
245+
3. Author E, Author F (2021). *Psychol. Rev.* 128:500-520.
246+
4. Author G, Author H (2020). *JMLR* 21:1-15.
145247

146-
Include **5–10 key citations** most relevant to your work. Use a numbered list with abbreviated journal names. Prioritize citations the reader might actually look up.
248+
</div>
147249

148250
</div>
149251

150-
<div class="warning-box" data-title="Acknowledgments and funding">
252+
## A: Acknowledgments [spring]
253+
254+
<div class="scale-55">
255+
256+
<div class="tip-box" data-title="Funding and links">
151257

152-
Thank funding agencies (with grant numbers), collaborators, and lab members. Mention shared resources and institutional support.
258+
**NSF EPSCoR** #1632738
259+
**NIH R01** MH112357
260+
**NSF CAREER** #1849109
261+
262+
🌐 context-lab.com
263+
💻 github.com/ContextLab
264+
📂 osf.io/example
153265

154266
</div>
155267

156-
**Contact**: your.email@dartmouth.edu | **Web**: context-lab.com | **Code**: github.com/ContextLab
268+
</div>

0 commit comments

Comments
 (0)