Skip to content

Commit 21ab527

Browse files
oguzhan-baseroguzhan-baser
committed
Home: lighter page - illustrated theme tiles, full-width news, no selected publications
- "What we work on": five equal tiles (theme drawing + name + one-line headline), one row at >= 75rem, rows below; drawings now shared via _includes/theme_art.html (also used by /research/). - News: one full-width column of 6 items (1-2 lines each); Selected publications removed from Home (it has its own page). README updated (incl. [at] contact).
1 parent 34bf834 commit 21ab527

5 files changed

Lines changed: 92 additions & 129 deletions

File tree

‎README.md‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ Not sure? Open a pull request anyway and ask in the Swarm Lab Slack.
3838

3939
- **Stack:** [Jekyll](https://jekyllrb.com/) 4.4 with [jekyll-scholar](https://github.com/inukshuk/jekyll-scholar) for the bibliography, Sass for styles, a little vanilla JavaScript. No Node, no Bootstrap, no jQuery.
4040
- **Deploy:** every push to the `source` branch runs `.github/workflows/jekyll.yml`, which makes any missing WebP photo copies, builds the site (Ruby 3.2.3, on `ubuntu-24.04`) and publishes it to GitHub Pages. There is nothing to run by hand.
41-
- **Single source of truth:** the bibliography feeds the Publications page, the Research page, the Home "Selected publications" list and (optionally) the news. You add a paper once.
41+
- **Single source of truth:** the bibliography feeds the Publications page, the Research page and (optionally) the news. You add a paper once.
4242

4343
| Path | What it is |
4444
|---|---|
@@ -107,7 +107,6 @@ Open `_bibliography/references.bib` and paste your entry **after the first 4 lin
107107
project={https://your-project-page.example},
108108
venue_short={NeurIPS 2026},
109109
themes={trust, edge},
110-
selected={true},
111110
award={Best Paper Nominee},
112111
news={2026-10-04}
113112
}
@@ -121,7 +120,7 @@ All of these are optional and are hidden from the BibTeX that readers can copy.
121120
|---|---|
122121
| `themes` | Comma-separated theme slugs, **primary theme first** (table below). The Research page lists the paper under its primary theme only; the Publications filter uses all of them. Always set it, or the paper will not show on the Research page. |
123122
| `venue_short` | Short venue badge, e.g. `NeurIPS 2026`. Without it the badge falls back to `journal`, `booktitle`, `school` or `publisher`. |
124-
| `selected` | `{true}` puts the paper in Home "Selected publications". Use sparingly. |
123+
| `selected` | Currently unused (the Home page no longer lists selected publications); kept for a possible future "selected" list. |
125124
| `award` | Orange award badge, e.g. `{Best Paper Nominee}`. |
126125
| `arxiv` | arXiv abstract link. If missing but `url` points to arxiv.org, `url` is used. The PDF link is derived from it (`/abs/` becomes `/pdf/`). |
127126
| `pdf` | Direct PDF link (overrides the derived one). |
@@ -238,7 +237,7 @@ industry:
238237
| `start_year`, `end_year` | Shown as "since 2023" for current members, "2021-2025" for alumni (one year if they match). |
239238
| `interests` | One line, shown on the card. |
240239
| `website`, `scholar`, `github`, `linkedin` | Full URLs; each becomes an icon on the card and a button on the profile. |
241-
| `email` | Optional; shows an email icon. Leave it out if you do not want it on the card. |
240+
| `email` | Optional. Write it as `name [at] utexas [dot] edu`; it is shown as plain text (never a link) on the PI card and the profile page, not on student cards. Never write a raw `name@domain` address or a `mailto:` link anywhere on the site: scrapers harvest those. Leave it out if you do not want it shown. |
242241
| `role` | Title line, used for the PI only. |
243242
| `fellowships` | List of `name` + optional `year`. Orange badges. |
244243
| `internships` | List of `company` + optional `year`. Outline badges ("Example Corp intern 2026"). List internships done during the PhD. `year` can be a range string ("2024-26"). |
@@ -343,4 +342,4 @@ Changing `.github/workflows/` needs a GitHub token with the `workflow` scope. If
343342

344343
**Something broke?** Open the failed run in the Actions tab and read the "Build with Jekyll" log. Typical causes: a duplicate BibTeX key, an unbalanced `{` in a bib entry, bad YAML in `news.yml` or a front matter block (check indentation and quotes), or a post without a `YYYY-MM-DD-` prefix.
345344

346-
**Help:** message Oguzhan Baser in the Swarm Lab Slack or email oguzhanbaser@utexas.edu.
345+
**Help:** message Oguzhan Baser in the Swarm Lab Slack or email oguzhanbaser [at] utexas [dot] edu.

‎_includes/theme_art.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{%- comment -%} Per-theme line illustration (same art as research.md). Usage: include theme_art.html slug=... class=... {%- endcomment -%}
2+
<svg class="{{ include.class }}" viewBox="0 0 240 160" aria-hidden="true" focusable="false">
3+
{%- case include.slug %}
4+
{%- when 'swarm' %}
5+
<g stroke="currentColor" stroke-width="1" opacity=".35"><path d="M30 120 70 60M70 60 130 80M70 60 110 20M130 80 110 20M130 80 170 130M30 120 130 80M170 130 215 70M130 80 215 70M110 20 190 35M190 35 215 70"/></g>
6+
<g fill="currentColor" opacity=".55"><circle cx="30" cy="120" r="4"/><circle cx="130" cy="80" r="4"/><circle cx="170" cy="130" r="4"/><circle cx="215" cy="70" r="4"/><circle cx="110" cy="20" r="4"/><circle cx="190" cy="35" r="4"/></g>
7+
<circle cx="70" cy="60" r="7" fill="var(--accent)"/><circle cx="70" cy="60" r="14" fill="none" stroke="var(--accent)" opacity=".3"/>
8+
{%- when 'edge' %}
9+
<g fill="none" stroke="currentColor" stroke-width="1" opacity=".4"><path d="M120 30V70M120 70 60 110M120 70 180 110M120 70V120M60 110 30 140M60 110 90 140M180 110 150 140M180 110 210 140"/></g>
10+
<g fill="currentColor" opacity=".55"><circle cx="60" cy="110" r="4"/><circle cx="180" cy="110" r="4"/><circle cx="120" cy="120" r="4"/><circle cx="30" cy="140" r="3"/><circle cx="90" cy="140" r="3"/><circle cx="150" cy="140" r="3"/><circle cx="210" cy="140" r="3"/></g>
11+
<rect x="96" y="14" width="48" height="26" rx="13" fill="none" stroke="var(--accent)" stroke-width="1.5"/><circle cx="120" cy="70" r="7" fill="var(--accent)"/>
12+
{%- when 'neurosymbolic' %}
13+
<g fill="none" stroke="currentColor" stroke-width="1" opacity=".4"><rect x="20" y="95" width="50" height="38" rx="4"/><rect x="82" y="95" width="50" height="38" rx="4"/><rect x="144" y="95" width="50" height="38" rx="4"/><path d="M45 95V70M107 95V70M169 95V70M45 70H169M107 70V40"/></g>
14+
<g fill="currentColor" opacity=".55"><circle cx="45" cy="70" r="3.5"/><circle cx="107" cy="70" r="3.5"/><circle cx="169" cy="70" r="3.5"/></g>
15+
<circle cx="107" cy="34" r="7" fill="var(--accent)"/><circle cx="107" cy="34" r="14" fill="none" stroke="var(--accent)" opacity=".3"/>
16+
{%- when 'trust' %}
17+
<path d="M120 16 188 40V82C188 114 158 138 120 148 82 138 52 114 52 82V40Z" fill="none" stroke="currentColor" stroke-width="1.2" opacity=".4"/>
18+
<path d="M120 36 170 54V82C170 104 148 122 120 130 92 122 70 104 70 82V54Z" fill="none" stroke="currentColor" stroke-width="1" opacity=".25"/>
19+
<path d="M98 82 114 98 145 64" fill="none" stroke="var(--accent)" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
20+
{%- when 'timeseries' %}
21+
<g stroke="currentColor" stroke-width="1" opacity=".3"><path d="M20 130H220M20 130V20"/></g>
22+
<path d="M20 100C40 100 45 60 65 60S85 108 105 108 125 48 145 48 165 92 185 92 205 70 220 70" fill="none" stroke="currentColor" stroke-width="1.4" opacity=".5"/>
23+
<path d="M145 48C165 48 165 92 185 92S205 70 220 70" fill="none" stroke="var(--accent)" stroke-width="2.4" stroke-dasharray="1 5" stroke-linecap="round"/>
24+
<circle cx="145" cy="48" r="5" fill="var(--accent)"/>
25+
{%- endcase %}
26+
</svg>

‎_sass/_home.scss‎

Lines changed: 48 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -142,71 +142,68 @@
142142
@media (max-width: 29.999rem) { .swarm__caption { display: none; } }
143143
[aria-pressed="true"] > .icon-pause, [aria-pressed="false"] > .icon-play { display: none; }
144144

145-
/* ---------- Theme bento ---------- */
146-
.home-themes__grid { display: grid; gap: var(--space-s); }
147-
@media (min-width: 36rem) {
148-
.home-themes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-m); }
149-
.theme-card--lead { grid-column: span 2; }
150-
}
151-
@media (min-width: 62rem) {
152-
.home-themes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
145+
/* ---------- Themes: illustration-led tiles (5 across on desktop, rows below) ---------- */
146+
.home-themes__grid {
147+
display: grid;
148+
margin: 0;
149+
padding: 0;
150+
list-style: none;
153151
}
154-
155152
.theme-card {
156153
position: relative;
157-
display: flex;
158-
flex-direction: column;
159-
min-height: 13rem;
160-
padding: var(--space-m);
161-
border: var(--border-w) solid var(--border);
162-
border-radius: var(--radius-l);
163-
background: var(--surface);
164-
transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out),
165-
transform var(--dur-fast) var(--ease-out);
154+
display: grid;
155+
grid-template-columns: 6.5rem minmax(0, 1fr);
156+
column-gap: var(--space-m);
157+
align-content: center;
158+
padding-block: var(--space-s);
159+
}
160+
.theme-card + .theme-card { border-top: var(--border-w) solid var(--border); }
161+
.theme-card__frame {
162+
grid-row: span 2;
163+
align-self: center;
164+
padding: var(--space-2xs);
165+
border: var(--border-w) solid transparent;
166+
border-radius: var(--radius-m);
167+
background: var(--surface-2);
168+
color: var(--text-faint);
169+
transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
166170
}
167-
.theme-card:hover { border-color: var(--border-strong); box-shadow: var(--shadow-2); transform: translateY(-2px); }
168-
.theme-card:focus-within { border-color: var(--accent); }
169-
.theme-card .eyebrow { color: var(--text-muted); }
171+
.theme-card__art { display: block; width: 100%; height: auto; }
170172
.theme-card__title {
171-
margin: 0 0 var(--space-2xs);
172-
max-width: 18em;
173+
align-self: end;
174+
margin: 0;
173175
font-family: var(--font-serif);
174176
font-weight: var(--weight-regular);
175-
font-size: var(--step-2);
176-
line-height: 1.12;
177+
font-size: var(--step-1);
178+
line-height: 1.15;
177179
letter-spacing: -0.01em;
180+
text-wrap: balance;
178181
}
179182
.theme-card__title a { color: var(--text); text-decoration: none; }
180-
.theme-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
183+
.theme-card__title a::after { content: ""; position: absolute; inset: 0; }
181184
.theme-card__title a:focus-visible { outline: none; }
182-
.theme-card__text { max-width: 28em; margin: 0 0 var(--space-m); color: var(--text-2); font-size: var(--step-0); }
183-
.theme-card__go {
184-
display: inline-flex;
185-
align-items: center;
186-
gap: 0.4em;
187-
margin-top: auto;
188-
font-size: var(--step--1);
189-
font-weight: var(--weight-medium);
190-
color: var(--accent-text);
191-
}
192-
.theme-card__go .icon { transition: transform var(--dur-fast) var(--ease-out); }
193-
.theme-card:hover .theme-card__go .icon { transform: translateX(3px); }
185+
.theme-card__text { align-self: start; margin: var(--space-3xs) 0 0; color: var(--text-muted); font-size: var(--step--1); }
186+
187+
.theme-card:hover .theme-card__frame { background: var(--accent-tint); }
188+
.theme-card:hover .theme-card__title a { color: var(--accent-text); }
189+
.theme-card:focus-within .theme-card__frame { background: var(--accent-tint); outline: 2px solid var(--accent); outline-offset: 2px; }
190+
.theme-card:focus-within .theme-card__title a { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 0.15em; }
194191

195-
.theme-card--lead {
196-
background: linear-gradient(120deg, var(--surface) 45%, var(--accent-tint) 140%);
197-
border-color: var(--accent-tint-2);
192+
@media (min-width: 36rem) {
193+
.theme-card { grid-template-columns: 9rem minmax(0, 1fr); column-gap: var(--space-l); }
198194
}
199-
.theme-card--lead .theme-card__title { font-size: var(--step-3); }
200-
.theme-card--lead .eyebrow { color: var(--accent-text); }
201-
.theme-card__art {
202-
position: absolute;
203-
right: var(--space-m);
204-
bottom: var(--space-m);
205-
width: min(42%, 16rem);
206-
color: var(--text-faint);
207-
pointer-events: none;
195+
@media (min-width: 75rem) {
196+
.home-themes__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-l); }
197+
.theme-card { grid-template-columns: none; align-content: start; padding: 0; }
198+
.theme-card + .theme-card { border-top: 0; }
199+
.theme-card__frame { grid-row: auto; margin-bottom: var(--space-s); padding: var(--space-s); border-radius: var(--radius-l); }
200+
.theme-card__title { min-height: 2.3em; } /* two lines at line-height 1.15, so headlines align */
201+
}
202+
@media (max-width: 35.999rem) {
203+
.theme-card__text { display: none; }
204+
.theme-card__frame { grid-row: auto; }
205+
.theme-card__title { align-self: center; }
208206
}
209-
@media (max-width: 35.999rem) { .theme-card__art { display: none; } }
210207

211208
/* ---------- News list (shared with /news/) ---------- */
212209
.news-list { margin: 0; padding: 0; list-style: none; }
@@ -247,18 +244,6 @@
247244
.news-item { grid-template-columns: 1fr; gap: 0; }
248245
}
249246

250-
/* ---------- News + selected publications ---------- */
251-
.home-split__grid { display: grid; gap: var(--space-2xl); }
252-
@media (min-width: 64rem) {
253-
.home-split__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2xl); }
254-
}
255-
.pubs-selected h3, .pubs-selected > h2 { display: none; }
256-
.pubs-selected ul, .pubs-selected ol { list-style: none; margin: 0; padding: 0; }
257-
/* jekyll-scholar emits a duplicate class attribute here, so .pub-list never applies: space the entries explicitly. */
258-
.pubs-selected ul > li { padding: var(--space-s) 0; border-bottom: var(--border-w) solid var(--border); }
259-
.pubs-selected ul > li:first-child { padding-top: 0; }
260-
.pubs-selected ul > li:last-child { border-bottom: 0; }
261-
262247
/* ---------- Lab life ticker ---------- */
263248
.section--band { background: var(--surface-2); border-block: var(--border-w) solid var(--border); }
264249
.home-life__actions { display: flex; align-items: center; gap: var(--space-m); }

‎index.html‎

Lines changed: 13 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -73,51 +73,28 @@ <h2 id="themes-title">What we work on</h2>
7373
</div>
7474
<a class="section-link" href="/research/">All research <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
7575
</div>
76-
<div class="home-themes__grid">
76+
<ul class="home-themes__grid" role="list">
7777
{%- for theme in site.data.themes %}
78-
<article class="theme-card{% if theme.slug == 'swarm' %} theme-card--lead{% endif %}" data-reveal>
79-
<p class="eyebrow">Theme {{ forloop.index | prepend: '0' }}</p>
78+
<li class="theme-card" data-reveal>
79+
<div class="theme-card__frame">{% include theme_art.html slug=theme.slug class="theme-card__art" %}</div>
8080
<h3 class="theme-card__title"><a href="/research/#{{ theme.slug }}">{{ theme.name }}</a></h3>
8181
<p class="theme-card__text">{{ theme.headline }}</p>
82-
<span class="theme-card__go" aria-hidden="true">Explore <svg class="icon"><use href="#i-arrow-right"/></svg></span>
83-
{%- if theme.slug == 'swarm' %}
84-
<svg class="theme-card__art" viewBox="0 0 240 160" aria-hidden="true" focusable="false">
85-
<g stroke="currentColor" stroke-width="1" opacity=".35"><path d="M30 120 70 60M70 60 130 80M70 60 110 20M130 80 110 20M130 80 170 130M30 120 130 80M170 130 215 70M130 80 215 70M110 20 190 35M190 35 215 70"/></g>
86-
<g fill="currentColor" opacity=".55"><circle cx="30" cy="120" r="4"/><circle cx="130" cy="80" r="4"/><circle cx="170" cy="130" r="4"/><circle cx="215" cy="70" r="4"/><circle cx="110" cy="20" r="4"/><circle cx="190" cy="35" r="4"/></g>
87-
<circle cx="70" cy="60" r="7" fill="var(--accent)"/><circle cx="70" cy="60" r="14" fill="none" stroke="var(--accent)" opacity=".3"/>
88-
</svg>
89-
{%- endif %}
90-
</article>
82+
</li>
9183
{%- endfor %}
92-
</div>
84+
</ul>
9385
</div>
9486
</section>
9587

96-
<section class="section home-split" aria-labelledby="news-title">
97-
<div class="container home-split__grid">
98-
<div class="home-split__news" data-reveal>
99-
<div class="section-header">
100-
<div>
101-
<p class="eyebrow">Latest</p>
102-
<h2 id="news-title">News</h2>
103-
</div>
104-
<a class="section-link" href="/news/">All news <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
105-
</div>
106-
{% include news_list.html limit=6 %}
107-
</div>
108-
109-
<div class="home-split__pubs" data-reveal>
110-
<div class="section-header">
111-
<div>
112-
<p class="eyebrow">Selected</p>
113-
<h2>Publications</h2>
114-
</div>
115-
<a class="section-link" href="/publications/">All publications <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
116-
</div>
117-
<div class="pubs-selected">
118-
{% bibliography --group_by none --query @*[selected=true] %}
88+
<section class="section home-news" aria-labelledby="news-title">
89+
<div class="container" data-reveal>
90+
<div class="section-header">
91+
<div>
92+
<p class="eyebrow">Latest</p>
93+
<h2 id="news-title">News</h2>
11994
</div>
95+
<a class="section-link" href="/news/">All news <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
12096
</div>
97+
{% include news_list.html limit=6 %}
12198
</div>
12299
</section>
123100

‎research.md‎

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -25,31 +25,7 @@ lede: "We build learning, reasoning, and verification for fleets of robots and A
2525
{%- capture n_lab %}{% bibliography_count --query @*[themes^={{ t.slug }}, year>=2021] %}{% endcapture %}
2626
{%- assign n = n_lab | plus: 0 %}
2727
<section class="theme-section theme-section--{{ t.slug }}" id="{{ t.slug }}" aria-labelledby="{{ t.slug }}-title">
28-
<svg class="theme-section__art" viewBox="0 0 240 160" aria-hidden="true" focusable="false">
29-
{%- case t.slug %}
30-
{%- when 'swarm' %}
31-
<g stroke="currentColor" stroke-width="1" opacity=".35"><path d="M30 120 70 60M70 60 130 80M70 60 110 20M130 80 110 20M130 80 170 130M30 120 130 80M170 130 215 70M130 80 215 70M110 20 190 35M190 35 215 70"/></g>
32-
<g fill="currentColor" opacity=".55"><circle cx="30" cy="120" r="4"/><circle cx="130" cy="80" r="4"/><circle cx="170" cy="130" r="4"/><circle cx="215" cy="70" r="4"/><circle cx="110" cy="20" r="4"/><circle cx="190" cy="35" r="4"/></g>
33-
<circle cx="70" cy="60" r="7" fill="var(--accent)"/><circle cx="70" cy="60" r="14" fill="none" stroke="var(--accent)" opacity=".3"/>
34-
{%- when 'edge' %}
35-
<g fill="none" stroke="currentColor" stroke-width="1" opacity=".4"><path d="M120 30V70M120 70 60 110M120 70 180 110M120 70V120M60 110 30 140M60 110 90 140M180 110 150 140M180 110 210 140"/></g>
36-
<g fill="currentColor" opacity=".55"><circle cx="60" cy="110" r="4"/><circle cx="180" cy="110" r="4"/><circle cx="120" cy="120" r="4"/><circle cx="30" cy="140" r="3"/><circle cx="90" cy="140" r="3"/><circle cx="150" cy="140" r="3"/><circle cx="210" cy="140" r="3"/></g>
37-
<rect x="96" y="14" width="48" height="26" rx="13" fill="none" stroke="var(--accent)" stroke-width="1.5"/><circle cx="120" cy="70" r="7" fill="var(--accent)"/>
38-
{%- when 'neurosymbolic' %}
39-
<g fill="none" stroke="currentColor" stroke-width="1" opacity=".4"><rect x="20" y="95" width="50" height="38" rx="4"/><rect x="82" y="95" width="50" height="38" rx="4"/><rect x="144" y="95" width="50" height="38" rx="4"/><path d="M45 95V70M107 95V70M169 95V70M45 70H169M107 70V40"/></g>
40-
<g fill="currentColor" opacity=".55"><circle cx="45" cy="70" r="3.5"/><circle cx="107" cy="70" r="3.5"/><circle cx="169" cy="70" r="3.5"/></g>
41-
<circle cx="107" cy="34" r="7" fill="var(--accent)"/><circle cx="107" cy="34" r="14" fill="none" stroke="var(--accent)" opacity=".3"/>
42-
{%- when 'trust' %}
43-
<path d="M120 16 188 40V82C188 114 158 138 120 148 82 138 52 114 52 82V40Z" fill="none" stroke="currentColor" stroke-width="1.2" opacity=".4"/>
44-
<path d="M120 36 170 54V82C170 104 148 122 120 130 92 122 70 104 70 82V54Z" fill="none" stroke="currentColor" stroke-width="1" opacity=".25"/>
45-
<path d="M98 82 114 98 145 64" fill="none" stroke="var(--accent)" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
46-
{%- when 'timeseries' %}
47-
<g stroke="currentColor" stroke-width="1" opacity=".3"><path d="M20 130H220M20 130V20"/></g>
48-
<path d="M20 100C40 100 45 60 65 60S85 108 105 108 125 48 145 48 165 92 185 92 205 70 220 70" fill="none" stroke="currentColor" stroke-width="1.4" opacity=".5"/>
49-
<path d="M145 48C165 48 165 92 185 92S205 70 220 70" fill="none" stroke="var(--accent)" stroke-width="2.4" stroke-dasharray="1 5" stroke-linecap="round"/>
50-
<circle cx="145" cy="48" r="5" fill="var(--accent)"/>
51-
{%- endcase %}
52-
</svg>
28+
{% include theme_art.html slug=t.slug class="theme-section__art" %}
5329

5430
<header class="theme-section__head">
5531
<p class="eyebrow">Theme 0{{ forloop.index }}</p>

0 commit comments

Comments
 (0)