added authors and citation box

index.html

@@ -477,11 +477,55 @@
         font-weight: 600;
     }
 
-    .affiliation {
-        display: block;
-        font-size: 0.8125rem;
+    .authors sup {
         font-weight: 400;
         color: var(--muted);
+        margin-left: 1px;
+    }
+
+    .affiliations {
+        list-style: none;
+        padding: 0;
+        margin: 10px 0 0;
+        font-size: 0.8125rem;
+        line-height: 1.6;
+        color: var(--muted);
+    }
+
+    .bibtex {
+        position: relative;
+    }
+
+    .bibtex pre {
+        margin: 0;
+        padding: 14px 16px;
+        padding-right: 80px;
+        background: white;
+        border: 1px solid var(--border);
+        border-radius: 8px;
+        font-size: 0.8125rem;
+        line-height: 1.5;
+        overflow-x: auto;
+    }
+
+    .copyBtn {
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        font: inherit;
+        font-size: 0.75rem;
+        font-weight: 600;
+        padding: 4px 12px;
+        border: 1px solid var(--border);
+        border-radius: 6px;
+        background: var(--surface);
+        color: #333;
+        cursor: pointer;
+    }
+
+    .copyBtn:hover {
+        border-color: var(--accent);
+        color: var(--accent);
     }
 
     @media (max-width: 900px) {
@@ -712,11 +756,43 @@ the dashed line marks the selected τ<sub>in</sub>.
 
     <h4 class="sectionLabel">Authors</h4>
 
-    <!-- TODO: replace with the paper's author list -->
     <ul class="authors">
-        <li>Author Name <span class="affiliation">Affiliation</span></li>
+        <li>Hiari Pizzini Cavagna<sup>a</sup></li>
+        <li>Andrea Proia<sup>a</sup></li>
+        <li>Daniele Cesarini<sup>b</sup></li>
+        <li>Zeynep Kiziltan<sup>a</sup></li>
+        <li>Andrea Bartolini<sup>a</sup></li>
+    </ul>
+
+    <ul class="affiliations">
+        <li><sup>a</sup> University of Bologna, Bologna, Italy</li>
+        <li><sup>b</sup> CINECA, Casalecchio di Reno, Italy</li>
     </ul>
 
+    <h4 class="sectionLabel">Citation</h4>
+
+    <!-- TODO: fill in venue, year, pages and DOI once published -->
+    <div class="bibtex">
+        <button class="copyBtn" onclick="copyBibtex(this)">Copy</button>
+<pre id="bibtex">@article{pizzinicavagna_simple_law,
+  title   = {SIMPLE Law: An Architecture-Aware Analytical Model for Predicting Energy Efficiency of LLM Inference},
+  author  = {Pizzini Cavagna, Hiari and Proia, Andrea and Cesarini, Daniele and Kiziltan, Zeynep and Bartolini, Andrea},
+  journal = {JOURNAL},
+  year    = {YEAR},
+  volume  = {VOLUME},
+  pages   = {PAGES},
+  doi     = {DOI}
+}</pre>
+    </div>
+
+    <script>
+        function copyBibtex(button) {
+            navigator.clipboard.writeText(document.getElementById('bibtex').textContent);
+            button.textContent = 'Copied';
+            setTimeout(() => button.textContent = 'Copy', 1500);
+        }
+    </script>
+
     <p class="note">
         Web demo developed with the assistance of Claude (Anthropic), an AI assistant.
     </p>