publications.html

---
layout: base
title: "Publications"
---

<div class="publications-page">
    <h1>📚 Publications</h1>

    <section class="publications">
        {% for publication in site.data.publications %}
        <div class="publication">
            
            <!-- Title -->
            <h3 class="pub-title"><strong>{{ publication.title }}</strong></h3>

            <!-- Authors -->
            <p class="authors">
                <em style="color: gray;">{{ publication.authors }}</em>
            </p>

            <!-- Venue (optional) -->
            {% if publication.venue %}
            <p class="venue">
                <em>{{ publication.venue }}</em>
            </p>
            {% endif %}

            <!-- Figure -->
            {% if publication.figure %}
            <div class="pub-figure">
                <img src="{{ publication.figure }}" alt="Figure for {{ publication.title }}">
            </div>
            {% endif %}

            <!-- Abstract -->
            <p>{{ publication.abstract }}</p>

            <!-- Links (GitHub, Arxiv, Cite) -->
            <div class="pub-links">
                {% if publication.github %}
                <a href="{{ publication.github }}" target="_blank" class="btn">
                    <i class="fab fa-github"></i> GitHub
                </a>
                {% endif %}
                {% if publication.arxiv %}
                <a href="{{ publication.arxiv }}" target="_blank" class="btn">
                    <i class="fas fa-file-alt"></i> ArXiv
                </a>
                {% endif %}
                <!-- Cite Link with quotation mark icon -->
                <a href="javascript:void(0);" onclick="toggleBibtex({{ forloop.index }})" class="btn cite-btn">
                    <i class="fas fa-quote-right"></i> Cite
                </a>
            </div>

            <!-- BibTeX Entry (Hidden by Default) -->
            <div id="bibtex-entry-{{ forloop.index }}" class="bibtex-entry" style="display: none;">
                <pre>{{ publication.bibtex }}</pre>
            </div>

        </div>
        {% endfor %}
    </section>
</div>

<script>
function toggleBibtex(index) {
    var bibtexEntry = document.getElementById('bibtex-entry-' + index);
    if (bibtexEntry.style.display === "none") {
        bibtexEntry.style.display = "block";
    } else {
        bibtexEntry.style.display = "none";
    }
}
</script>