Skip to content

Commit a6d861d

Browse files
erwardenaarclaude
andcommitted
Fix vignette layout: replace Quarto ::: divs with inline HTML flex containers
Quarto's layout classes (quarto-layout-row, quarto-layout-cell) depend on CSS in vignette_files/ which is gitignored and not served by htmlpreview. Replacing all five image layout blocks with inline-styled <div> flex containers makes the side-by-side screenshots render correctly without external CSS. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 15670be commit a6d861d

2 files changed

Lines changed: 85 additions & 224 deletions

File tree

docs/vignette.html

Lines changed: 30 additions & 144 deletions
Original file line numberDiff line numberDiff line change
@@ -172,36 +172,12 @@ <h3 class="anchored" data-anchor-id="scenario-a-training-dynamics-researcher">Sc
172172
<li>Under <strong>Ranges</strong>, drag the <strong>Size (B parameters)</strong> slider to a maximum of 8.60 B</li>
173173
</ol>
174174
<p>The grid immediately narrows to twelve models, all with an openness score of 5: Apertus 8B, GPT-J 6B, OLMo 2 7B, OLMo 3 7B, OLMo 7B, and seven Pythia models (Pythia 1.4B, Pythia 160M, Pythia 1B, Pythia 2.8B, Pythia 410M, Pythia 6.9B, and Pythia 70M). Click OLMo 2 7B to open its profile card, which shows the foundational paper link and fetches the three most recent arXiv papers mentioning the model. If your GPU budget extends to 32 B, also remove the size cap — OLMo 2 32B and OLMo 3 32B pass every other criterion, and OLMo 3 32B also has a think variant available.</p>
175-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
176-
<div class="quarto-layout-row">
177-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
178-
<div class="quarto-figure quarto-figure-center">
179-
<figure class="figure">
180-
<p><img src="scenarioafilter1.png" class="img-fluid figure-img"></p>
181-
<figcaption>Openness filters</figcaption>
182-
</figure>
183-
</div>
184-
<div class="quarto-figure quarto-figure-center">
185-
<figure class="figure">
186-
<p><img src="scenarioafilter2.png" class="img-fluid figure-img"></p>
187-
<figcaption>Size range filter</figcaption>
188-
</figure>
189-
</div>
190-
</div>
191-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
192-
<div class="quarto-figure quarto-figure-center">
193-
<figure class="figure">
194-
<p><img src="scenarioaresults.png" class="img-fluid figure-img"></p>
195-
<figcaption>Results grid</figcaption>
196-
</figure>
197-
</div>
198-
<div class="quarto-figure quarto-figure-center">
199-
<figure class="figure">
200-
<p><img src="scenarioamodelcard.png" class="img-fluid figure-img"></p>
201-
<figcaption>Model card</figcaption>
202-
</figure>
203-
</div>
175+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
176+
<div style="flex: 1; min-width: 0;">
177+
<p><img src="scenarioafilter1.png" alt="Openness filters" style="width: 100%;"> <img src="scenarioafilter2.png" alt="Size range filter" style="width: 100%; margin-top: 0.5em;"></p>
204178
</div>
179+
<div style="flex: 4; min-width: 0;">
180+
<p><img src="scenarioaresults.png" alt="Results grid" style="width: 100%;"> <img src="scenarioamodelcard.png" alt="Model card" style="width: 100%; margin-top: 0.5em;"></p>
205181
</div>
206182
</div>
207183
<hr>
@@ -214,24 +190,12 @@ <h3 class="anchored" data-anchor-id="scenario-b-european-privacy-conscious-resea
214190
<li>Open <strong>Exclusion filters</strong><strong>Exclude country of origin</strong> → select or type <strong>United States</strong> and <strong>China</strong></li>
215191
</ol>
216192
<p>Eight models remain: Apertus 8B (Switzerland, score 5), BLOOM 176B and the three Mistral models (France), the two Falcon models (United Arab Emirates), and Sarvam 30B (India, score 2). The scatter plot makes the trade-offs immediately visible: Apertus 8B leads on openness; BLOOM covers 46 languages but carries a BigScience RAIL license with restrictions on certain uses; the two Falcon models cover 4 languages each but are Apache 2.0 licensed.</p>
217-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
218-
<div class="quarto-layout-row">
219-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
220-
<div class="quarto-figure quarto-figure-center">
221-
<figure class="figure">
222-
<p><img src="scenariobfilter.png" class="img-fluid figure-img"></p>
223-
<figcaption>Exclusion filters</figcaption>
224-
</figure>
225-
</div>
226-
</div>
227-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
228-
<div class="quarto-figure quarto-figure-center">
229-
<figure class="figure">
230-
<p><img src="scenariobscatterplot.png" class="img-fluid figure-img"></p>
231-
<figcaption>Scatter plot</figcaption>
232-
</figure>
233-
</div>
193+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
194+
<div style="flex: 1; min-width: 0;">
195+
<p><img src="scenariobfilter.png" alt="Exclusion filters" style="width: 100%;"></p>
234196
</div>
197+
<div style="flex: 4; min-width: 0;">
198+
<p><img src="scenariobscatterplot.png" alt="Scatter plot" style="width: 100%;"></p>
235199
</div>
236200
</div>
237201
<div class="quarto-figure quarto-figure-center">
@@ -253,30 +217,12 @@ <h3 class="anchored" data-anchor-id="scenario-c-multilingual-nlp-researcher">Sce
253217
<li>Check the <strong>Multilingual</strong> checkbox</li>
254218
</ol>
255219
<p>Four models match: Apertus 8B (1,811 languages, Apache 2.0, score 5), BLOOM 176B (46 languages, BigScience RAIL license, score 4), Falcon 7B, and Falcon 40B (4 languages each, Apache 2.0, score 4). The license column in the grid makes the trade-off immediately visible.</p>
256-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
257-
<div class="quarto-layout-row">
258-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
259-
<div class="quarto-figure quarto-figure-center">
260-
<figure class="figure">
261-
<p><img src="scenariocfilter1.png" class="img-fluid figure-img"></p>
262-
<figcaption>Openness filters</figcaption>
263-
</figure>
264-
</div>
265-
<div class="quarto-figure quarto-figure-center">
266-
<figure class="figure">
267-
<p><img src="scenariocfilter2.png" class="img-fluid figure-img"></p>
268-
<figcaption>Multilingual checkbox</figcaption>
269-
</figure>
270-
</div>
271-
</div>
272-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
273-
<div class="quarto-figure quarto-figure-center">
274-
<figure class="figure">
275-
<p><img src="scenariocresults.png" class="img-fluid figure-img"></p>
276-
<figcaption>Results grid</figcaption>
277-
</figure>
278-
</div>
220+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
221+
<div style="flex: 1; min-width: 0;">
222+
<p><img src="scenariocfilter1.png" alt="Openness filters" style="width: 100%;"> <img src="scenariocfilter2.png" alt="Multilingual checkbox" style="width: 100%; margin-top: 0.5em;"></p>
279223
</div>
224+
<div style="flex: 4; min-width: 0;">
225+
<p><img src="scenariocresults.png" alt="Results grid" style="width: 100%;"></p>
280226
</div>
281227
</div>
282228
<p><strong>Step 2 — Filter by a specific language.</strong> Use this independently — without the openness filters active — when you need to know which models officially support a particular language, regardless of their openness profile.</p>
@@ -285,36 +231,12 @@ <h3 class="anchored" data-anchor-id="scenario-c-multilingual-nlp-researcher">Sce
285231
<li>Under <strong>Language (official support only)</strong> → select or type the language you need</li>
286232
</ol>
287233
<p>Selecting <strong>Hindi</strong> returns six models: Apertus 8B, BLOOM 176B, Gemma 3 27B, Llama 3.1 8B, Qwen3 8B, and Sarvam 30B. Selecting <strong>Japanese</strong> returns four: Apertus 8B, Gemma 3 27B, Qwen2.5 7B, and Qwen3 8B.</p>
288-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
289-
<div class="quarto-layout-row">
290-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
291-
<div class="quarto-figure quarto-figure-center">
292-
<figure class="figure">
293-
<p><img src="scenariocfilterhindi.png" class="img-fluid figure-img"></p>
294-
<figcaption>Language filter Hindi</figcaption>
295-
</figure>
296-
</div>
297-
<div class="quarto-figure quarto-figure-center">
298-
<figure class="figure">
299-
<p><img src="scenariocfilterjapanese.png" class="img-fluid figure-img"></p>
300-
<figcaption>Language filter Japanese</figcaption>
301-
</figure>
302-
</div>
303-
</div>
304-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
305-
<div class="quarto-figure quarto-figure-center">
306-
<figure class="figure">
307-
<p><img src="scenariocresultshindi.png" class="img-fluid figure-img"></p>
308-
<figcaption>Results grid Hindi</figcaption>
309-
</figure>
310-
</div>
311-
<div class="quarto-figure quarto-figure-center">
312-
<figure class="figure">
313-
<p><img src="scenariocresultsjapanese.png" class="img-fluid figure-img"></p>
314-
<figcaption>Results grid Japanese</figcaption>
315-
</figure>
316-
</div>
234+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
235+
<div style="flex: 1; min-width: 0;">
236+
<p><img src="scenariocfilterhindi.png" alt="Language filter Hindi" style="width: 100%;"> <img src="scenariocfilterjapanese.png" alt="Language filter Japanese" style="width: 100%; margin-top: 0.5em;"></p>
317237
</div>
238+
<div style="flex: 4; min-width: 0;">
239+
<p><img src="scenariocresultshindi.png" alt="Results grid Hindi" style="width: 100%;"> <img src="scenariocresultsjapanese.png" alt="Results grid Japanese" style="width: 100%; margin-top: 0.5em;"></p>
318240
</div>
319241
</div>
320242
<hr>
@@ -328,24 +250,12 @@ <h3 class="anchored" data-anchor-id="scenario-d-compute-limited-researcher">Scen
328250
<li>Move the <strong>Context window (tokens)</strong> slider minimum to <strong>8,192</strong></li>
329251
</ol>
330252
<p>Eight models appear. On the scatter plot with context window on the y-axis, three models stand out at 131 K context — Qwen2 7B, Qwen2.5 7B, and Llama 3.1 8B. At 65,536 tokens, Apertus 8B and OLMo 3 7B occupy the middle tier — both Apache 2.0 licensed with an openness score of 5 and OLMo 3 7B additionally carrying a think variant. Qwen3 8B sits at 32,768 tokens. Mistral 7B and Gemma 2B complete the results at 8,192 tokens. Click each model to compare licenses and training details in the profile card before deciding.</p>
331-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
332-
<div class="quarto-layout-row">
333-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
334-
<div class="quarto-figure quarto-figure-center">
335-
<figure class="figure">
336-
<p><img src="scenariodfilter.png" class="img-fluid figure-img"></p>
337-
<figcaption>Range filters</figcaption>
338-
</figure>
339-
</div>
340-
</div>
341-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
342-
<div class="quarto-figure quarto-figure-center">
343-
<figure class="figure">
344-
<p><img src="scenariodscatterplot.png" class="img-fluid figure-img"></p>
345-
<figcaption>Scatter plot</figcaption>
346-
</figure>
347-
</div>
253+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
254+
<div style="flex: 1; min-width: 0;">
255+
<p><img src="scenariodfilter.png" alt="Range filters" style="width: 100%;"></p>
348256
</div>
257+
<div style="flex: 4; min-width: 0;">
258+
<p><img src="scenariodscatterplot.png" alt="Scatter plot" style="width: 100%;"></p>
349259
</div>
350260
</div>
351261
<div class="quarto-figure quarto-figure-center">
@@ -364,36 +274,12 @@ <h3 class="anchored" data-anchor-id="scenario-e-fully-open-science-researcher">S
364274
<li>Under <strong>Openness filters</strong> → check <strong>Open weights</strong>, <strong>Open training data</strong>, <strong>Intermediate checkpoints</strong>, <strong>Open code</strong>, and <strong>Permissive license</strong></li>
365275
</ol>
366276
<p>Fifteen models score 5: Apertus 8B, GPT-J 6B, OLMo 2 7B, OLMo 2 32B, OLMo 3 7B, OLMo 3 32B, OLMo 7B, and all eight Pythia models. To narrow to fully open models with a think variant, also check the <strong>Think version available</strong> checkbox — two models remain: OLMo 3 7B and OLMo 3 32B. Click <strong>OLMo 3 7B</strong> to open its profile card — it and OLMo 3 32B are the only fully open models in the database with a chain-of-thought (think) variant. OLMo 3 7B is the recommended starting point for most research workflows — it is more accessible than the 32B variant due to its lower compute requirements. Check the recent arXiv papers fetched in the profile card to confirm that OLMo 3 7B is being actively used in the literature and that there are relevant papers building on it.</p>
367-
<div class="quarto-layout-panel" data-layout="[[1,4]]">
368-
<div class="quarto-layout-row">
369-
<div class="quarto-layout-cell" style="flex-basis: 20.0%;justify-content: flex-start;">
370-
<div class="quarto-figure quarto-figure-center">
371-
<figure class="figure">
372-
<p><img src="scenarioefilter1.png" class="img-fluid figure-img"></p>
373-
<figcaption>Openness filters</figcaption>
374-
</figure>
375-
</div>
376-
<div class="quarto-figure quarto-figure-center">
377-
<figure class="figure">
378-
<p><img src="scenarioefilter2.png" class="img-fluid figure-img"></p>
379-
<figcaption>Think version filter</figcaption>
380-
</figure>
381-
</div>
382-
</div>
383-
<div class="quarto-layout-cell" style="flex-basis: 80.0%;justify-content: flex-start;">
384-
<div class="quarto-figure quarto-figure-center">
385-
<figure class="figure">
386-
<p><img src="scenarioeresults.png" class="img-fluid figure-img"></p>
387-
<figcaption>Results grid</figcaption>
388-
</figure>
389-
</div>
390-
<div class="quarto-figure quarto-figure-center">
391-
<figure class="figure">
392-
<p><img src="scenarioemodelcard.png" class="img-fluid figure-img"></p>
393-
<figcaption>Model card</figcaption>
394-
</figure>
395-
</div>
277+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
278+
<div style="flex: 1; min-width: 0;">
279+
<p><img src="scenarioefilter1.png" alt="Openness filters" style="width: 100%;"> <img src="scenarioefilter2.png" alt="Think version filter" style="width: 100%; margin-top: 0.5em;"></p>
396280
</div>
281+
<div style="flex: 4; min-width: 0;">
282+
<p><img src="scenarioeresults.png" alt="Results grid" style="width: 100%;"> <img src="scenarioemodelcard.png" alt="Model card" style="width: 100%; margin-top: 0.5em;"></p>
397283
</div>
398284
</div>
399285
<hr>

docs/vignette.qmd

Lines changed: 55 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -77,21 +77,16 @@ In the sidebar:
7777

7878
The grid immediately narrows to twelve models, all with an openness score of 5: Apertus 8B, GPT-J 6B, OLMo 2 7B, OLMo 3 7B, OLMo 7B, and seven Pythia models (Pythia 1.4B, Pythia 160M, Pythia 1B, Pythia 2.8B, Pythia 410M, Pythia 6.9B, and Pythia 70M). Click OLMo 2 7B to open its profile card, which shows the foundational paper link and fetches the three most recent arXiv papers mentioning the model. If your GPU budget extends to 32 B, also remove the size cap — OLMo 2 32B and OLMo 3 32B pass every other criterion, and OLMo 3 32B also has a think variant available.
7979

80-
::: {layout='[[1,4]]'}
81-
82-
::: {}
83-
![Openness filters](scenarioafilter1.png)
84-
85-
![Size range filter](scenarioafilter2.png)
86-
:::
87-
88-
::: {}
89-
![Results grid](scenarioaresults.png)
90-
91-
![Model card](scenarioamodelcard.png)
92-
:::
93-
94-
:::
80+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
81+
<div style="flex: 1; min-width: 0;">
82+
<img src="scenarioafilter1.png" alt="Openness filters" style="width: 100%;">
83+
<img src="scenarioafilter2.png" alt="Size range filter" style="width: 100%; margin-top: 0.5em;">
84+
</div>
85+
<div style="flex: 4; min-width: 0;">
86+
<img src="scenarioaresults.png" alt="Results grid" style="width: 100%;">
87+
<img src="scenarioamodelcard.png" alt="Model card" style="width: 100%; margin-top: 0.5em;">
88+
</div>
89+
</div>
9590

9691
---
9792

@@ -105,17 +100,14 @@ In the sidebar:
105100

106101
Eight models remain: Apertus 8B (Switzerland, score 5), BLOOM 176B and the three Mistral models (France), the two Falcon models (United Arab Emirates), and Sarvam 30B (India, score 2). The scatter plot makes the trade-offs immediately visible: Apertus 8B leads on openness; BLOOM covers 46 languages but carries a BigScience RAIL license with restrictions on certain uses; the two Falcon models cover 4 languages each but are Apache 2.0 licensed.
107102

108-
::: {layout='[[1,4]]'}
109-
110-
::: {}
111-
![Exclusion filters](scenariobfilter.png)
112-
:::
113-
114-
::: {}
115-
![Scatter plot](scenariobscatterplot.png)
116-
:::
117-
118-
:::
103+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
104+
<div style="flex: 1; min-width: 0;">
105+
<img src="scenariobfilter.png" alt="Exclusion filters" style="width: 100%;">
106+
</div>
107+
<div style="flex: 4; min-width: 0;">
108+
<img src="scenariobscatterplot.png" alt="Scatter plot" style="width: 100%;">
109+
</div>
110+
</div>
119111

120112
![Results grid](scenariobresults.png)
121113

@@ -136,19 +128,15 @@ In the sidebar:
136128

137129
Four models match: Apertus 8B (1,811 languages, Apache 2.0, score 5), BLOOM 176B (46 languages, BigScience RAIL license, score 4), Falcon 7B, and Falcon 40B (4 languages each, Apache 2.0, score 4). The license column in the grid makes the trade-off immediately visible.
138130

139-
::: {layout='[[1,4]]'}
140-
141-
::: {}
142-
![Openness filters](scenariocfilter1.png)
143-
144-
![Multilingual checkbox](scenariocfilter2.png)
145-
:::
146-
147-
::: {}
148-
![Results grid](scenariocresults.png)
149-
:::
150-
151-
:::
131+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
132+
<div style="flex: 1; min-width: 0;">
133+
<img src="scenariocfilter1.png" alt="Openness filters" style="width: 100%;">
134+
<img src="scenariocfilter2.png" alt="Multilingual checkbox" style="width: 100%; margin-top: 0.5em;">
135+
</div>
136+
<div style="flex: 4; min-width: 0;">
137+
<img src="scenariocresults.png" alt="Results grid" style="width: 100%;">
138+
</div>
139+
</div>
152140

153141
**Step 2 — Filter by a specific language.** Use this independently — without the openness filters active — when you need to know which models officially support a particular language, regardless of their openness profile.
154142

@@ -158,21 +146,16 @@ In the sidebar (with all other filters reset):
158146

159147
Selecting **Hindi** returns six models: Apertus 8B, BLOOM 176B, Gemma 3 27B, Llama 3.1 8B, Qwen3 8B, and Sarvam 30B. Selecting **Japanese** returns four: Apertus 8B, Gemma 3 27B, Qwen2.5 7B, and Qwen3 8B.
160148

161-
::: {layout='[[1,4]]'}
162-
163-
::: {}
164-
![Language filter Hindi](scenariocfilterhindi.png)
165-
166-
![Language filter Japanese](scenariocfilterjapanese.png)
167-
:::
168-
169-
::: {}
170-
![Results grid Hindi](scenariocresultshindi.png)
171-
172-
![Results grid Japanese](scenariocresultsjapanese.png)
173-
:::
174-
175-
:::
149+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
150+
<div style="flex: 1; min-width: 0;">
151+
<img src="scenariocfilterhindi.png" alt="Language filter Hindi" style="width: 100%;">
152+
<img src="scenariocfilterjapanese.png" alt="Language filter Japanese" style="width: 100%; margin-top: 0.5em;">
153+
</div>
154+
<div style="flex: 4; min-width: 0;">
155+
<img src="scenariocresultshindi.png" alt="Results grid Hindi" style="width: 100%;">
156+
<img src="scenariocresultsjapanese.png" alt="Results grid Japanese" style="width: 100%; margin-top: 0.5em;">
157+
</div>
158+
</div>
176159

177160
---
178161

@@ -187,17 +170,14 @@ In the sidebar:
187170

188171
Eight models appear. On the scatter plot with context window on the y-axis, three models stand out at 131 K context — Qwen2 7B, Qwen2.5 7B, and Llama 3.1 8B. At 65,536 tokens, Apertus 8B and OLMo 3 7B occupy the middle tier — both Apache 2.0 licensed with an openness score of 5 and OLMo 3 7B additionally carrying a think variant. Qwen3 8B sits at 32,768 tokens. Mistral 7B and Gemma 2B complete the results at 8,192 tokens. Click each model to compare licenses and training details in the profile card before deciding.
189172

190-
::: {layout='[[1,4]]'}
191-
192-
::: {}
193-
![Range filters](scenariodfilter.png)
194-
:::
195-
196-
::: {}
197-
![Scatter plot](scenariodscatterplot.png)
198-
:::
199-
200-
:::
173+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
174+
<div style="flex: 1; min-width: 0;">
175+
<img src="scenariodfilter.png" alt="Range filters" style="width: 100%;">
176+
</div>
177+
<div style="flex: 4; min-width: 0;">
178+
<img src="scenariodscatterplot.png" alt="Scatter plot" style="width: 100%;">
179+
</div>
180+
</div>
201181

202182
![Results grid](scenariodresults.png)
203183

@@ -213,21 +193,16 @@ In the sidebar:
213193

214194
Fifteen models score 5: Apertus 8B, GPT-J 6B, OLMo 2 7B, OLMo 2 32B, OLMo 3 7B, OLMo 3 32B, OLMo 7B, and all eight Pythia models. To narrow to fully open models with a think variant, also check the **Think version available** checkbox — two models remain: OLMo 3 7B and OLMo 3 32B. Click **OLMo 3 7B** to open its profile card — it and OLMo 3 32B are the only fully open models in the database with a chain-of-thought (think) variant. OLMo 3 7B is the recommended starting point for most research workflows — it is more accessible than the 32B variant due to its lower compute requirements. Check the recent arXiv papers fetched in the profile card to confirm that OLMo 3 7B is being actively used in the literature and that there are relevant papers building on it.
215195

216-
::: {layout='[[1,4]]'}
217-
218-
::: {}
219-
![Openness filters](scenarioefilter1.png)
220-
221-
![Think version filter](scenarioefilter2.png)
222-
:::
223-
224-
::: {}
225-
![Results grid](scenarioeresults.png)
226-
227-
![Model card](scenarioemodelcard.png)
228-
:::
229-
230-
:::
196+
<div style="display: flex; gap: 1.5em; align-items: flex-start;">
197+
<div style="flex: 1; min-width: 0;">
198+
<img src="scenarioefilter1.png" alt="Openness filters" style="width: 100%;">
199+
<img src="scenarioefilter2.png" alt="Think version filter" style="width: 100%; margin-top: 0.5em;">
200+
</div>
201+
<div style="flex: 4; min-width: 0;">
202+
<img src="scenarioeresults.png" alt="Results grid" style="width: 100%;">
203+
<img src="scenarioemodelcard.png" alt="Model card" style="width: 100%; margin-top: 0.5em;">
204+
</div>
205+
</div>
231206

232207
---
233208

0 commit comments

Comments
 (0)