jekyll-theme-merida 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 92a28fb315c85e65483cdcdd48f314fae2fe7668cb5a83625ae773b16b8056a6
+  data.tar.gz: 7c1398a339af2a92fe187b6f854b7fe6c12a3d66e4a934c1dac6d349c308c02b
+SHA512:
+  metadata.gz: ced3d2e886a5633b458bed595de5d8b188c119196580080a45c5416c08935205648f74d02734486d1e7cc9539030a018c06744c44ee6ce807119801c509cc92b
+  data.tar.gz: e9677987787e10817dce7e7f317981d81ad6ddb42d87f24c77411fe97230d2efaf7451226939586fc56a0393c968758146d0638dd78c45830d627b255089c19b

data/README.md

@@ -0,0 +1 @@
+# merida

data/_config.yml

@@ -0,0 +1,50 @@
+url: "https://example.com" # the base hostname & protocol for your site, e.g. http://example.com
+baseurl: "" # the subpath of your site, e.g. /blog
+title: "Your Name" # the name of your site, e.g. ACME Corp.
+
+permalink: /blog/:slug/
+
+plugins:
+  - jekyll-tailwind
+  - jekyll-last-modified-at
+  - jekyll-scholar
+  - jekyll-feed
+  - jekyll-sitemap
+
+tailwind:
+  input: assets/css/app.css
+  minify: true
+
+collections:
+  pages:
+    output: true
+  news:
+    output: true
+    permalink: /news/:slug/
+  research:
+    output: true
+
+markdown: kramdown
+kramdown:
+  syntax_highlighter: rouge
+  syntax_highlighter_opts:
+    css_class: 'highlight'
+    span:
+      line_numbers: false
+    block:
+      line_numbers: true
+      start_line: 1
+
+scholar:
+  bibliography: references.bib
+  style: apa
+  bibliography_template: bib
+  bibliography_list_tag: ul
+  sort_by: year
+  order: descending
+
+exclude:
+  - README.md
+  - DESIGN.md
+  - tailwind_enabler.css
+

data/_data/menu.yaml

@@ -0,0 +1,16 @@
+items:
+  - title: About
+    url: /
+
+  - title: Projects
+    url: /projects
+
+
+  - title: Publications
+    url: /publications
+
+  - title: Blog
+    url: /blog
+
+  - title: News
+    url: /news

data/_data/repos.yaml

@@ -0,0 +1,21 @@
+items:
+  - name: Project Alpha
+    description: Linux Kernel by Legendary Linus Torvalds
+    date: 2020-05-19
+    user_name: torvalds
+    repo_name: linux
+    host: https://github.com/
+
+  - name: Project Beta
+    description: Python black formatter
+    date: 2023-05-07
+    user_name: python
+    repo_name: black
+    host: https://github.com/
+
+  - name: Project Gamma
+    description: The cute numpy
+    date: 2024-05-13
+    user_name: numpy
+    repo_name: numpy
+    host: https://github.com/

data/_data/social.yaml

@@ -0,0 +1,10 @@
+items:
+  - name: Bluesky
+    url: https://bsky.app/
+
+  - name: GitHub
+    url: https://github.com/
+
+  - name: LinkedIn
+    url: https://www.linkedin.com/
+

data/_includes/footer.html

@@ -0,0 +1,22 @@
+<footer class=" border-border-main border-t-1 bg-gray-200 text-gray-700" data-pagefind-ignore>
+  <div class="max-w-theme mx-auto px-1 md:px-4 lg:px-0 py-1 flex flex-col md:flex-row justify-between items-center">
+
+    <!-- Left side -->
+    <p class="text-sm mb-0! sm:text-left text-center">&copy; {{ "now" | date: "%Y" }} <a class="text-primary" href="{{ site.url }}{{ site.baseurl }}" target="_blank">{{ site.title }}</a>. Powered by <a class="text-primary" href="https://jekyllrb.com/" target="_blank">Jekyll</a> with <a class="text-primary" href="https://javadkoushyar.com/merida" target="_blank">Merida</a> theme.</p>
+
+    <!-- Right side / links -->
+    <div class="flex space-x-4 mt-4 md:mt-0 font-medium! text-sm">
+      <a class="hover:text-blue-500 transition-colors" href="/">About</a>
+      <!-- Social links from _data/social.yml -->
+      {% for social in site.data.social.items %}
+      <a class="hover:text-blue-500 transition-colors"
+         href="{{ social.url }}"
+         rel="noopener noreferrer"
+      >
+        {{ social.name }}
+      </a>
+      {% endfor %}
+    </div>
+
+  </div>
+</footer>

data/_includes/header.html

@@ -0,0 +1,18 @@
+<!-- Stuff that will be places in the head element of the base layout. -->
+
+<!-- MathJax -->
+<script src="/assets/scripts/mathjax-config.js"></script>
+<script async id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"></script>
+<!-- Favicons -->
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
+<!-- Code Syntax Highlighting -->
+<link
+  href="{{ '/assets/css/github-dark.css' | relative_url | bust_file_cache }}"
+  rel="stylesheet"
+>
+<!-- Merida Theme -->
+<link rel="stylesheet" href="{{ "/assets/css/app.css" | relative_url }}">
+

data/_includes/latest-news.html

@@ -0,0 +1,18 @@
+<!-- Displays the latest news as a list -->
+<ul class="prose pl-0 sm:pl-6 space-y-4">
+  {% assign sorted_news = site.news | sort: "date" | reverse %}
+  {% for news in sorted_news limit:5 %}
+  <li class="flex flex-row gap-4 sm:gap-6">
+    <time class="font-bold min-w-32">{{ news.date | date: "%b %d, %Y" }}</time>
+    <!-- Title always plain text -->
+    <p class="not-prose mb-0! truncate">
+      {{ news.description }}
+
+      <!-- Only add [more] if news has content -->
+      {% if news.content and news.content != "" %}
+      <a class="ml-1 text-blue-600 hover:underline" href="{{ news.url }}">[more]</a>
+      {% endif %}
+    </p>
+  </li>
+  {% endfor %}
+</ul>

data/_includes/latest-posts.html

@@ -0,0 +1,9 @@
+<!-- Displays the latest posts as a list -->
+<ul class="prose pl-0 sm:pl-6 space-y-4">
+  {% for post in site.posts limit:5 %}
+  <li class="flex flex-row gap-4 sm:gap-6">
+    <time class="font-bold min-w-32">{{ post.date | date: "%b %d, %Y" }}</time>
+    <a class="wrap-break-word" href="{{ post.url }}">{{ post.title | truncate: 100, "..." }}</a>
+  </li>
+  {% endfor %}
+</ul>

data/_includes/navbar.html

@@ -0,0 +1,67 @@
+{% unless page.nav_exclude %}
+<nav class="sticky top-0 z-50 bg-gray-800 border-b border-blue-100" data-pagefind-ignore>
+  <div class="px-6 xl:px-0 max-w-theme mx-auto">
+
+    <div class="flex items-center justify-between py-2">
+
+      <!-- Hamburger Button -->
+      <button class="hover:cursor-pointer md:hidden rounded text-4xl" id="menu-btn">
+        <svg class="size-10 stroke-blue-300" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+      </button>
+
+      <!-- Desktop Menu -->
+      <ul class="hidden md:flex items-center space-x-6">
+        {% for item in site.data.menu.items %}
+        <li>
+          <a class="p-2 rounded text-white hover:text-blue-300 {% if item.url == page.url %}bg-blue-500 hover:text-white  {% endif %}"
+             href="{{ item.url }}">
+            {{ item.title }}
+          </a>
+        </li>
+        {% endfor %}
+
+        <!-- Search Icon -->
+        <li>
+          <button class="search-open flex items-center gap-2 p-2 rounded text-white hover:text-blue-300 hover:cursor-pointer">
+            <svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
+              <path d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+            Search
+          </button>
+        </li>
+      </ul>
+
+
+    </div>
+
+    <!-- Mobile Menu -->
+    <ul class="hidden flex-col space-y-2 pb-4 md:hidden" id="mobile-menu">
+      {% for item in site.data.menu.items %}
+      <li>
+        <a class="block p-2 rounded text-white hover:text-blue-300 {% if item.url == page.url %}bg-blue-500 hover:text-white {% endif %}"
+           href="{{ item.url }}">
+          {{ item.title }}
+        </a>
+      </li>
+      {% endfor %}
+
+      <!-- Search -->
+      <li>
+        <button class="text-white search-open flex items-center gap-2 p-2 rounded text-black hover:text-blue-500 hover:cursor-pointer">
+          <svg class=" size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
+            <path d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+          Search
+        </button>
+      </li>
+    </ul>
+
+
+  </div>
+
+  {% include search-modal.html %}
+
+  </nav>
+{% endunless %}

data/_includes/post-body.html

@@ -0,0 +1,5 @@
+<script src="/assets/scripts/navbar.js"></script>
+<script src="/assets/scripts/copy-code.js"></script>
+<script src="/assets/scripts/without-prose.js"></script>
+<script src="/assets/scripts/table-wrapper.js"></script>
+<script src="/assets/scripts/search.js"></script>

data/_includes/search-modal.html

@@ -0,0 +1,43 @@
+<!-- Search Modal -->
+<div class="fixed inset-0 z-50 hidden bg-black/40 flex items-start justify-center pt-24" id="search-modal">
+
+  <div class="modal-animate bg-white w-full max-w-2xl mx-4 rounded-lg shadow-lg overflow-hidden">
+
+    <!-- Search Box -->
+    <div class="border-b p-4">
+      <div class="relative">
+
+        <input
+          class="w-full outline-none text-lg pr-8"
+          id="search-input"
+          placeholder="Type to start searching"
+          type="text"
+        >
+
+        <button
+          class="hover:cursor-pointer absolute right-0 top-1/2 -translate-y-1/2 text-gray-700 hover:text-gray-800 hidden"
+          id="search-clear"
+          type="button"
+        >
+          <svg class="size-5"
+               fill="none"
+               stroke="currentColor"
+               stroke-width="1.5"
+               viewBox="0 0 24 24"
+               xmlns="http://www.w3.org/2000/svg">
+            <path d="M6 18 18 6M6 6l12 12" stroke-linecap="round"
+                  stroke-linejoin="round"/>
+          </svg>
+        </button>
+
+      </div>
+    </div>
+
+    <!-- Results -->
+    <div class="h-[376px] overflow-y-auto rounded-b-lg">
+      <div class="p-4 h-full flex items-center justify-center" id="search-results">
+        <p class="text-sm text-gray-500 text-center">Start typing to search...</p>
+      </div>
+    </div>
+  </div>
+</div>

data/_layouts/404.html

@@ -0,0 +1,28 @@
+---
+layout: base
+---
+
+<section class="min-h-[70vh] flex flex-col items-center justify-center px-6 text-center">
+
+  <!-- Big 404 -->
+  <div class="text-7xl sm:text-8xl font-bold tracking-tight mb-4">
+    {{ page.title }}
+  </div>
+
+  <!-- Title -->
+  <h1 class="text-2xl sm:text-3xl mb-3">
+    {{ page.short_message }}
+  </h1>
+
+  <!-- Description -->
+  <p class="text-gray-500 mb-8">
+    {{ page.long_message }}
+  </p>
+
+  <!-- Button -->
+  <a
+    href="/">
+    Back to home
+  </a>
+
+</section>

data/_layouts/about.html

@@ -0,0 +1,34 @@
+---
+layout: base
+---
+<div class="prose max-w-full">
+<h1>{{ site.title }}</h1>
+<div class="flex flex-col md:flex-row flex-wrap xl:gap-16 sm:gap-6 mb-10">
+  <div class="prose flex-1">
+    {{ content }}
+  </div>
+  {% if page.profile %}
+  <div>
+    {% if page.profile.image %}
+    {% assign profile_image_path = page.profile.image | prepend: 'assets/img/' %}
+    <img alt="{{ page.profile.caption }}" class="mx-auto mb-0 mt-5 rounded shrink-0 w-64 h-auto" src="{{ profile_image_path }}"/>
+    {% endif %}
+    {% if page.profile.caption %}
+    <p class="text-xs! mt-2 text-center text-gray-500">{{ page.profile.caption }}</p>
+
+    {% endif %}
+  </div>
+
+  {% endif %}
+</div>
+
+{% if page.latest_news and page.latest_news.enabled %}
+<h2 class="mt-0">Latest News</h2>
+{% include latest-news.html %}
+{% endif %}
+
+{% if page.latest_posts and page.latest_posts.enabled %}
+<h2>Latest Posts</h2>
+{% include latest-posts.html %}
+{% endif %}
+</div>

data/_layouts/base.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <!-- Headers   -->
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8">
+    <title>{{ page.title }} | {{ site.title }}</title>
+    {% include header.html %}
+  </head>
+  <body data-pagefind-body class="font-main min-h-screen flex flex-col">
+
+    {% include navbar.html %}
+    <!-- Child Content    -->
+    <div data-pagefind-body class="px-6 xl:px-0 font-main pb-16 main flex flex-col flex-1 mx-auto mt-16 max-w-theme w-full px-2 xl:px-0 grow-1">
+      {{ content }}
+    </div>
+
+    {% include post-body.html %}
+    {% include footer.html %}
+  </body>
+</html>

data/_layouts/bib.html

@@ -0,0 +1,65 @@
+---
+---
+<div
+  class="bib-entry border-1 border-border-main break-words px-2 pb-2 mb-8! last:mb-0 text-center">
+
+  <!-- Title -->
+  <h2 class="mt-2! mb-0! text-center!">
+    {{ entry.title }}
+  </h2>
+
+  <!-- Venue / Conference / Journal -->
+  {% assign year_str = entry.year | append: "" %}
+  {% assign clean_booktitle = entry.booktitle | default: "" | strip %}
+  {% assign prefix = clean_booktitle | slice: 0, 4 %}
+  {% if prefix == year_str %}
+  {% assign cleaned_booktitle = clean_booktitle | remove_first: year_str | strip %}
+  {% else %}
+  {% assign cleaned_booktitle = clean_booktitle %}
+  {% endif %}
+
+  <p class="text-neutral-500 truncate">
+    {% if cleaned_booktitle != "" %}
+    <span>{{ cleaned_booktitle }},</span>
+    {% endif %}
+    {% if entry.journal %}
+    <span>{{ entry.journal }},</span>
+    {% endif %}
+    {% if entry.year %}
+    <span>{{ entry.year }}</span>
+    {% endif %}
+  </p>
+
+  <!-- Authors -->
+  <p>{{ entry.author }}</p>
+
+  <!-- Optional abstract -->
+  {% if entry.abstract %}
+  <p class="text-neutral-600 text-sm">{{ entry.abstract | truncate: 250, "..." }}</p>
+  {% endif %}
+
+  <!-- Links -->
+  <div class="flex flex-wrap gap-3 text-sm justify-center">
+    {% if entry.url %}
+    <a class=" border border-border-main px-2 bg-blue-50" href="{{ entry.url }}">Paper</a>
+    {% endif %}
+    {% if entry.code %}
+    <a class=" text-green-500! border border-border-main px-2 bg-green-50" href="{{ entry.code }}">Code</a>
+    {% endif %}
+    {% if entry.slides %}
+    <a class=" text-violet-500! border border-border-main px-2 bg-violet-50" href="{{ entry.slides }}">Slides</a>
+    {% endif %}
+    {% if entry.bibtex %}
+    <button class="hover:cursor-pointer border border-border-main px-2 bg-gray-50 bibtex-toggle" type="button">BibTeX</button>
+    {% endif %}
+  </div>
+
+  <!-- Hidden details -->
+  {% if entry.bibtex %}
+  <details class="bibtex-details mt-4">
+    <summary class="sr-only">BibTeX</summary>
+    <pre class="text-left mt-2 bg-neutral-200 rounded-lg p-4 text-xs font-mono whitespace-pre-wrap break-words">{{ entry.bibtex }}</pre>
+  </details>
+  {% endif %}
+
+</div>

data/_layouts/blog.html

@@ -0,0 +1,46 @@
+---
+layout: base
+---
+
+<div class="prose min-w-full">
+  {{ content }}
+
+  <section class="w-full">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+      {% for post in site.posts %}
+      <article class="border border-border-main rounded-lg p-6 flex flex-col h-full">
+
+        <!-- Main content (title + date) -->
+        <div class="flex flex-col flex-1">
+          <a class="mb-2" href="{{ post.url }}">
+            {{ post.title }}
+          </a>
+
+          <div class="text-gray-500">
+            <time class="text-sm" datetime="{{ post.date | date_to_xmlschema }}">
+              {{ post.date | date: "%B %-d, %Y" }}
+            </time>
+          </div>
+        </div>
+
+        <!-- Tags (first 3 only) -->
+        <div class="flex flex-wrap gap-2 mt-3 min-h-[1.5rem]">
+          {% if post.tags %}
+          {% assign limited_tags = post.tags | slice: 0, 3 %}
+          {% for tag in limited_tags %}
+          <span class="bg-gray-200 text-gray-700 px-2 py-1 rounded text-xs">
+            {{ tag }}
+          </span>
+          {% endfor %}
+          {% else %}
+          <!-- empty spacer to preserve height -->
+          <span class="invisible px-2 py-1 rounded text-xs">empty</span>
+          {% endif %}
+        </div>
+
+      </article>
+      {% endfor %}
+
+    </div>
+  </section>
+</div>

data/_layouts/news.html

@@ -0,0 +1,35 @@
+---
+layout: base
+---
+<div class="prose min-w-full">
+  {{ content }}
+  <div>
+  <ul class="pl-0 divide-y divide-gray-200">
+    {% assign sorted_news = site.news | sort: "date" | reverse %}
+    {% for news in sorted_news %}
+    <li class="px-2 py-2 even:bg-gray-100 my-0! text-center sm:text-left flex flex-col sm:flex-row sm:items-center gap-0 sm:gap-4">
+      <!-- Date column -->
+      <time class="min-w-32 flex-shrink-0 text-sm">
+        {{ news.date | date: "%b %d, %Y" }}
+      </time>
+
+      <!-- Description column -->
+      <div class="flex-1 min-w-0">
+        {% if news.description %}
+        <p class="truncate font-bold">
+          {{ news.description }}
+        </p>
+        {% endif %}
+      </div>
+
+      <!-- Read more column -->
+      {% if news.content and news.content != "" %}
+      <div class="flex-shrink-0 mt-2 sm:mt-0">
+        <a class="text-blue-600 hover:underline" href="{{ news.url }}">[more]</a>
+      </div>
+      {% endif %}
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+</div>

data/_layouts/post.html

@@ -0,0 +1,74 @@
+---
+layout: base
+---
+<div class="prose prose-sm sm:prose-sm md:prose-lg min-w-full">
+<nav class="flex items-center gap-2">
+  {% if page.collection == "news" %}
+  <a class="text-blue-600 hover:underline" href="/news/">News</a>
+  {% else %}
+  <a class="text-blue-600 hover:underline" href="/blog/">Blog</a>
+  {% endif %}
+  <span class="text-gray-400">/</span>
+  <span class="text-gray-800 font-semibold">{{ page.title }}</span>
+</nav>
+
+<article class="mx-auto w-full px-0 py-8 flex flex-col space-y-4">
+
+  <!-- Post meta container -->
+  <div class="relative overflow-hidden py-3 px-2 md:px-3 rounded-tl-lg rounded-tr-lg mb-0 border border-gray-200">
+
+    {% if page.background.file %}
+    <div
+      class="absolute inset-0 -z-10 rounded-tl-lg rounded-tr-lg"
+      style="
+      background-image: url('{{ page.background.file }}');
+      background-size: {{ page.background.size | default: 'cover' }};
+      background-repeat: no-repeat;
+      background-position: {{ page.background.x | default: '50%' }} {{ page.background.y | default: '50%' }};
+      opacity: {{ page.background.opacity | default: 0.8 }};
+      {% if page.background.blur %}
+      filter: blur({{ page.background.blur | times: 10 }}px);
+      {% endif %}
+    ">
+    </div>
+    {% else %}
+    <div class="absolute inset-0 -z-10 bg-gray-100 rounded-tl-lg rounded-tr-lg"></div>
+    {% endif %}
+
+    <div class="relative flex flex-col gap-4">
+      <!-- Published / Updated Date -->
+      <span class="text-gray-800 text-sm flex flex-wrap mx-auto md:mx-0 items-center space-x-2">
+        <time datetime="{{ page.date | date_to_xmlschema }}">
+          {{ page.date | date: "%B %-d, %Y" }}
+        </time>
+        {% if page.last_modified_at %}
+        <span>•</span>
+        <time datetime="{{ page.last_modified_at | date_to_xmlschema }}">
+          Updated {{ page.last_modified_at | date: "%B %-d, %Y" }}
+        </time>
+        {% endif %}
+      </span>
+
+      <!-- Title -->
+      <h1 class="wrap-break-word text-left">{{ page.title }}</h1>
+
+      {% if page.tags and page.tags.size > 0 %}
+      <!-- Tags -->
+      <div class="flex flex-wrap gap-1 sm:gap-2 text-sm md:text-base justify-center md:justify-start">
+        {% for tag in page.tags %}
+        <span class="bg-gray-700 text-white px-2 py-1 rounded">
+        {{ tag }}
+      </span>
+        {% endfor %}
+      </div>
+      {% endif %}
+    </div>
+  </div>
+
+  <!-- Post content -->
+  <div class="px-1 md:px-4 pt-6! max-w-full border-x border-b rounded-b-lg border-b-gray-200 border-x-gray-200">
+    {{ content }}
+  </div>
+
+</article>
+</div>

data/_layouts/projects.html

@@ -0,0 +1,31 @@
+---
+layout: base
+---
+
+<div class="prose max-w-full ">
+  {{ content }}
+  <div class="{% if content != "" %}mt-16{% endif %}">
+  <ul class="divide-y divide-border-main pl-0!">
+    {% assign sorted_repos = site.data.repos.items | sort: "date" | reverse %}
+    {% for repo in sorted_repos %}
+    <li class="not-prose flex flex-col sm:flex-row sm:items-center py-6 last:pb-0 gap-0 sm:gap-4">
+      <!-- Date column -->
+      <time class="min-w-[100px] max-w-[100px] flex-shrink-0 text-sm!">
+        {{ repo.date | date: "%b %d, %Y" }}
+      </time>
+      {% if repo.host %}
+      <a class="mb-0! min-w-[200px] max-w-[200px] font-bold! truncate sm:text-center" href="{{ repo.host }}/{{ repo.user_name }}/{{ repo.repo_name}}">
+        {{ repo.name }}
+      </a>
+      {% endif %}
+
+      <p class="not-prose mb-0! truncate grow">
+        {{ repo.description }}
+      </p>
+      <img alt="GitHub Repo stars" class="not-prose w-[100px] min-w-[100px] mt-1 sm:mt-0 h-auto" src="https://img.shields.io/github/stars/{{ repo.user_name }}/{{ repo.repo_name }}?style=flat-square&cacheSeconds=3600">
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+</div>
+

data/_layouts/publications.html

@@ -0,0 +1,8 @@
+---
+layout: base
+---
+
+<section class="prose max-w-full">
+  {{ content }}
+  {% bibliography %}
+</section>