https://nrizvi.github.io/AUTALICContent.js

1// contentLoader.js
2function loadMainContent() {
3    // Note: The BibTeX text is indented here for readability in the template literal,
4    // but the <pre> tag will preserve the whitespace exactly as it is written below.
5    // Make sure the indentation inside the <pre><code> block is exactly how you want it copied.
6    const mainContentHTML = `
7    <div class="row">
8        <div class="col text-center">
9            <h2>Introducing AUTALIC</h2>
10        </div>
11    </div>
12    <div class="row">
13        <div class="col text-center">
14            <br>
15            <iframe width="100%" height="315" src="videos/AUTALIC_cropped.mp4" title="AUTALIC teaser" frameborder="0" allowfullscreen></iframe>
16            <br>
17            <p>Interested in evaluating or training a classifier for anti-autistic ableist speech?
18            <br>
19            <br>
20            Try AUTALIC:
21            A dataset of 2,400 sentences in context from Reddit. To learn more, <b><a href="https://arxiv.org/abs/2410.16520">check out our paper!</a></b>
22            <br>
23            <br>
24            Our data is carefully selected
25            and labeled by trained annotators. Through rigorous quality assessment,
26            we created the first dataset to work towards improving human-AI alignment and AI safety
27            for autistic people. We hope this dataset will decrease censorship of community perspectives.
28
29            <br><br>
30            <b>If you use our dataset, please cite our paper as follows:</b></p> <div class="citation-container" style="text-align: left; display: inline-block; max-width: 100%;"> <pre style="background-color: #f8f8f8; border: 1px solid #ddd; padding: 10px; border-radius: 4px; overflow-x: auto;"><code id="bibtex-citation">@misc{rizvi2024autalicdatasetantiautisticableist,
31      title={AUTALIC: A Dataset for Anti-AUTistic Ableist Language In Context},
32      author={Naba Rizvi and Harper Strickland and Daniel Gitelman and Tristan Cooper and Alexis Morales-Flores and Michael Golden and Aekta Kallepalli and Akshat Alurkar and Haaset Owens and Saleha Ahmedi and Isha Khirwadkar and Imani Munyaka and Nedjma Ousidhoum},
33      year={2024},
34      eprint={2410.16520},
35      archivePrefix={arXiv},
36      primaryClass={http://cs.CL},
37      url={https://arxiv.org/abs/2410.16520},
38}</code></pre>
39                <button id="copy-citation-btn" style="margin-top: 5px; padding: 5px 10px; cursor: pointer;">Copy Citation</button>
40            </div>
41             <p> <br><br>
42                <a href='https://github.com/nrizvi/AUTALIC/'>Click here to access the dataset!</a><br> <b>Pass: debiasai2024</b>
43            </p>
44        </div>
45    </div>
46    `;
47
48    document.getElementById('mainContent').innerHTML = mainContentHTML;
49
50    // --- Attach Copy Button Functionality ---
51    const copyBtn = document.getElementById('copy-citation-btn');
52    const citationTextElem = document.getElementById('bibtex-citation');
53
54    if (copyBtn && citationTextElem) { // Make sure elements exist before adding listener
55        copyBtn.addEventListener('click', () => {
56            // Get the text content from the <code> element
57            const textToCopy = citationTextElem.textContent;
58
59            // Use the Clipboard API to copy the text
60            navigator.clipboard.writeText(textToCopy).then(() => {
61                // Success feedback: Change button text temporarily
62                const originalText = copyBtn.textContent;
63                copyBtn.textContent = 'Copied!';
64                copyBtn.disabled = true; // Optionally disable button briefly
65
66                setTimeout(() => {
67                    copyBtn.textContent = originalText;
68                    copyBtn.disabled = false; // Re-enable button
69                }, 2000); // Reset after 2 seconds
70
71            }).catch(err => {
72                console.error('Failed to copy text: ', err);
73                // Optional: Provide error feedback to the user, e.g., using an alert
74                // alert('Failed to copy citation. Please copy manually.');
75            });
76        });
77    } else {
78        console.error('Could not find the copy button or citation text element.');
79    }
80    // --- End Copy Button Functionality ---
81
82
83    // Attach scrollIntoView to all anchor links after loading the content
84    enableCenteredScrolling();
85}
86
87// Function to enable smooth, centered scrolling for anchor links
88function enableCenteredScrolling() {
89    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
90        anchor.addEventListener("click", function (e) {
91            e.preventDefault(); // Prevent default anchor click behavior
92
93            const targetId = this.getAttribute("href").substring(1);
94            const targetElement = document.getElementById(targetId);
95            if (targetElement) {
96                targetElement.scrollIntoView({
97                    behavior: "smooth",
98                    block: "center"  // Center the element in the viewport
99                });
100            }
101        });
102    });
103}
104
105document.addEventListener("DOMContentLoaded", loadMainContent);