fix(demos): Dark mode theming, emoji removal, and warning banners (Issue #51)

- Add "Work in Progress" warning banners to all demos
- Remove emojis from demo UI (kept functional emojis in sentiment demo)
- Fix dark mode colors for tokenization, POS tagging, sentiment, topic modeling demos
- Add Plotly dark theme support to topic-modeling visualization
- Update assignment deadlines in syllabus.md, assignments/README.md, slides/README.md
- Improve tokenization demo info boxes and chart theming
- Fix transformer component-explorer icons (replaced emojis with letters)

Author: jeremymanning

admin/syllabus.md

@@ -135,16 +135,16 @@ We strive to create an inclusive learning environment where all students feel su
 | Week | Dates | Topics | Assignments |
 |------|-------|--------|-------------|
 | 1 | Jan 5--9 | Introduction, Pattern Matching, ELIZA | [Assignment 1](../assignments/assignment-1/) released |
-| 2 | Jan 12--16 | Data Cleaning, Tokenization, POS Tagging | [Assignment 2](../assignments/assignment-2/) released, [Assignment 1](../assignments/assignment-1/) due |
-| 3 | Jan 19--23 | Classic Embeddings (LSA, LDA), Word Embeddings | [Assignment 3](../assignments/assignment-3/) released, [Assignment 2](../assignments/assignment-2/) due |
-| 4 | Jan 26--30 | Contextual Embeddings, Dimensionality Reduction | |
-| 5 | Feb 2--6 | Attention Mechanisms, Transformer Architecture | [Assignment 4](../assignments/assignment-4/) released, [Assignment 3](../assignments/assignment-3/) due |
-| 6 | Feb 9--13 | BERT Deep Dive, Encoder Models | [Assignment 4](../assignments/assignment-4/) due |
-| 7 | Feb 16--20 | GPT Architecture, Scaling Up | [Assignment 5](../assignments/assignment-5/) released |
-| 8 | Feb 23--27 | **No classes** (instructor away) | Work on [Assignment 5](../assignments/assignment-5/) |
-| 9 | Mar 2--6 | RAG, Mixture of Experts, Ethics | [Assignment 5](../assignments/assignment-5/) due |
-| 10 | Mar 9 | Final Project Presentations | |
-| Finals | Mar 13 | | [Final Project](../assignments/final-project/) due |
+| 2 | Jan 12--16 | Data Cleaning, Tokenization, POS Tagging | [Assignment 2](../assignments/assignment-2/) released, [Assignment 1](../assignments/assignment-1/) due (Jan 16, 11:59 PM EST) |
+| 3 | Jan 19--23 | Classic Embeddings (LSA, LDA), Word Embeddings | [Assignment 3](../assignments/assignment-3/) released, [Assignment 2](../assignments/assignment-2/) due (Jan 23, 11:59 PM EST) |
+| 4 | Jan 26--30 | Contextual Embeddings, Dimensionality Reduction | [Assignment 4](../assignments/assignment-4/) released, [Assignment 3](../assignments/assignment-3/) due (Jan 30, 11:59 PM EST) |
+| 5 | Feb 2--6 | Attention Mechanisms, Transformer Architecture | [Assignment 4](../assignments/assignment-4/) due (Feb 6, 11:59 PM EST) |
+| 6 | Feb 9--13 | BERT Deep Dive, Encoder Models | [Assignment 5](../assignments/assignment-5/) released |
+| 7 | Feb 16--20 | GPT Architecture, Scaling Up | [Assignment 5](../assignments/assignment-5/) due (Feb 13, 11:59 PM EST) |
+| 8 | Feb 23--27 | **No classes** (instructor away) | Work on [Final Project](../assignments/final-project/) |
+| 9 | Mar 2--6 | RAG, Mixture of Experts, Ethics | |
+| 10 | Mar 9 | Final Project Presentations | [Final Project](../assignments/final-project/) due (Mar 9, 11:59 PM EST) |
+| Finals | Mar 13 | | |
 
 ## Detailed Schedule
 
@@ -181,50 +181,50 @@ We strive to create an inclusive learning environment where all students feel su
 |-----|---------|--------|--------|-----------|
 | Mon Jan 26 | Lecture 12 | Contextual Embeddings | [HTML](../slides/week4/lecture12.html), [PDF](../slides/week4/lecture12.pdf) | [Peters et al. (2018)](https://aclanthology.org/N18-1202/), [Cer et al. (2018)](https://arxiv.org/abs/1803.11175) |
 | Wed Jan 28 | Lecture 13 | Dimensionality Reduction | [HTML](../slides/week4/lecture13.html), [PDF](../slides/week4/lecture13.pdf) | [McInnes et al. (2018)](https://arxiv.org/abs/1802.03426) |
-| Fri Jan 30 | Lecture 14 | Cognitive Models of Semantic Representation | [HTML](../slides/week4/lecture14.html), [PDF](../slides/week4/lecture14.pdf) | [Anderson et al. (2016)](https://www.jneurosci.org/content/36/45/11444) |
+| Fri Jan 30 | Lecture 14 | Cognitive Models of Semantic Representation | [HTML](../slides/week4/lecture14.html), [PDF](../slides/week4/lecture14.pdf) | [Anderson et al. (2016)](https://www.jneurosci.org/content/36/45/11444), **[Assignment 4](../assignments/assignment-4/) Released**, **[Assignment 3](../assignments/assignment-3/) Due (Jan 30, 11:59 PM EST)** |
 
 ### Week 5: Transformers & Attention (February 2--6)
 
 | Day | Lecture | Topics | Slides | Materials |
 |-----|---------|--------|--------|-----------|
-| Mon Feb 2 | Lecture 15 | Attention Mechanisms | [HTML](../slides/week5/lecture15.html), [PDF](../slides/week5/lecture15.pdf) | [Bahdanau et al. (2015)](https://arxiv.org/abs/1409.0473), [Vaswani et al. (2017)](https://arxiv.org/abs/1706.03762), **[Assignment 3](../assignments/assignment-3/) Due** |
+| Mon Feb 2 | Lecture 15 | Attention Mechanisms | [HTML](../slides/week5/lecture15.html), [PDF](../slides/week5/lecture15.pdf) | [Bahdanau et al. (2015)](https://arxiv.org/abs/1409.0473), [Vaswani et al. (2017)](https://arxiv.org/abs/1706.03762) |
 | Wed Feb 4 | Lecture 16 | Transformer Architecture | [HTML](../slides/week5/lecture16.html), [PDF](../slides/week5/lecture16.pdf) | [Vaswani et al. (2017)](https://arxiv.org/abs/1706.03762), HuggingFace NLP Course Chapter 3 |
-| Fri Feb 6 | Lecture 17 | Training Transformers | [HTML](../slides/week5/lecture17.html), [PDF](../slides/week5/lecture17.pdf) | **[Assignment 4](../assignments/assignment-4/) Released** |
+| Thu Feb 6 | Lecture 17 | Training Transformers | [HTML](../slides/week5/lecture17.html), [PDF](../slides/week5/lecture17.pdf) | **[Assignment 4](../assignments/assignment-4/) Due (Feb 6, 11:59 PM EST)** |
 
 ### Week 6: Encoder Models (February 9--13)
 
 | Day | Lecture | Topics | Slides | Materials |
 |-----|---------|--------|--------|-----------|
-| Mon Feb 9 | Lecture 18 | BERT Deep Dive | [HTML](../slides/week6/lecture18.html), [PDF](../slides/week6/lecture18.pdf) | [Devlin et al. (2019)](https://aclanthology.org/N19-1423/), HuggingFace NLP Course Chapter 4 |
+| Mon Feb 9 | Lecture 18 | BERT Deep Dive | [HTML](../slides/week6/lecture18.html), [PDF](../slides/week6/lecture18.pdf) | [Devlin et al. (2019)](https://aclanthology.org/N19-1423/), HuggingFace NLP Course Chapter 4, **[Assignment 5](../assignments/assignment-5/) Released** |
 | Wed Feb 11 | Lecture 19 | BERT Variants | [HTML](../slides/week6/lecture19.html), [PDF](../slides/week6/lecture19.pdf) | [Liu et al. (2019)](https://arxiv.org/abs/1907.11692), [Sanh et al. (2019)](https://arxiv.org/abs/1910.01108) |
-| Fri Feb 13 | Lecture 20 | Applications of Encoder Models | [HTML](../slides/week6/lecture20.html), [PDF](../slides/week6/lecture20.pdf) | **[Assignment 4](../assignments/assignment-4/) Due** |
+| Thu Feb 13 | Lecture 20 | Applications of Encoder Models | [HTML](../slides/week6/lecture20.html), [PDF](../slides/week6/lecture20.pdf) | **[Assignment 5](../assignments/assignment-5/) Due (Feb 13, 11:59 PM EST)** |
 
 ### Week 7: Decoder Models & GPT (February 16--20)
 
 | Day | Lecture | Topics | Slides | Materials |
 |-----|---------|--------|--------|-----------|
 | Mon Feb 16 | Lecture 21 | GPT Architecture | [HTML](../slides/week7/lecture21.html), [PDF](../slides/week7/lecture21.pdf) | [Radford et al. (2018)](https://cdn.openai.com/research-covers/language-unsupervised/language_understanding_paper.pdf), [Radford et al. (2019)](https://cdn.openai.com/better-language-models/language_models_are_unsupervised_multitask_learners.pdf) |
-| Wed Feb 18 | Lecture 22 | Scaling Up to GPT-3 and Beyond | [HTML](../slides/week7/lecture22.html), [PDF](../slides/week7/lecture22.pdf) | [Brown et al. (2020)](https://arxiv.org/abs/2005.14165), [OpenAI (2023)](https://arxiv.org/abs/2303.08774), **[Assignment 5](../assignments/assignment-5/) Released** |
+| Wed Feb 18 | Lecture 22 | Scaling Up to GPT-3 and Beyond | [HTML](../slides/week7/lecture22.html), [PDF](../slides/week7/lecture22.pdf) | [Brown et al. (2020)](https://arxiv.org/abs/2005.14165), [OpenAI (2023)](https://arxiv.org/abs/2303.08774) |
 | Fri Feb 20 | Lecture 23 | Implementing GPT from Scratch | [HTML](../slides/week7/lecture23.html), [PDF](../slides/week7/lecture23.pdf) | |
 
 ### Week 8: No Classes (February 23--27)
 
-Instructor away February 23--27. No classes this week. Use this time to work on [Assignment 5](../assignments/assignment-5/) and begin planning your [final project](../assignments/final-project/).
+Instructor away February 23--27. No classes this week. Use this time to work on your [final project](../assignments/final-project/).
 
 ### Week 9: Advanced Topics (March 2--6)
 
 | Day | Lecture | Topics | Slides | Materials |
 |-----|---------|--------|--------|-----------|
-| Mon Mar 2 | Lecture 24 | Retrieval Augmented Generation (RAG) | [HTML](../slides/week9/lecture24.html), [PDF](../slides/week9/lecture24.pdf) | [Lewis et al. (2020)](https://arxiv.org/abs/2005.11401), **[Assignment 5](../assignments/assignment-5/) Due** |
+| Mon Mar 2 | Lecture 24 | Retrieval Augmented Generation (RAG) | [HTML](../slides/week9/lecture24.html), [PDF](../slides/week9/lecture24.pdf) | [Lewis et al. (2020)](https://arxiv.org/abs/2005.11401) |
 | Wed Mar 4 | Lecture 25 | Mixture of Experts & Efficiency | [HTML](../slides/week9/lecture25.html), [PDF](../slides/week9/lecture25.pdf) | [Fedus et al. (2022)](https://arxiv.org/abs/2101.03961), [Jiang et al. (2024)](https://arxiv.org/abs/2401.04088) |
 | Fri Mar 6 | Lecture 26 | Ethics, Bias, and Safety | [HTML](../slides/week9/lecture26.html), [PDF](../slides/week9/lecture26.pdf) | [Bender et al. (2021)](https://dl.acm.org/doi/10.1145/3442188.3445922) |
 
 ### Week 10: Final Projects (March 9)
 
 | Day | Lecture | Topics | Slides | Materials |
 |-----|---------|--------|--------|-----------|
-| Mon Mar 9 | Lecture 27 | Final Project Presentations & Wrap-up | -- | Last day of classes |
+| Mon Mar 9 | Lecture 27 | Final Project Presentations & Wrap-up | -- | Last day of classes, **[Final Project](../assignments/final-project/) Due (Mar 9, 11:59 PM EST)** |
 
 ### Final Exam Period (March 13--17)
 
-**Friday, March 13**: [Final Project](../assignments/final-project/) Materials Due (code, video presentation, writeup)
+No additional submissions required. Final project materials were due March 9.

assignments/Assignment 1: ELIZA/README.md

@@ -426,23 +426,45 @@ This assignment is designed to be completed in **one week (7 days)**. While subs
    - **Read this first!** It will help you understand the design and implementation
 
 2. **Weizenbaum, J. (1976)**. "Computer Power and Human Reason: From Judgment to Calculation"
+   - [PDF Link](http://blogs.evergreen.edu/cpat/files/2013/05/Computer-Power-and-Human-Reason.pdf)
    - Weizenbaum's later reflections on ELIZA and AI ethics
    - Highly relevant to your reflection section
 
 ### Additional Context
 
 3. **Hofstadter, D. (1995)**. "Fluid Concepts and Creative Analogies: Computer Models of the Fundamental Mechanisms of Thought"
+   - [PDF Link](https://psycnet.apa.org/record/1995-98269-000)
    - Chapter on the Copycat program and understanding vs. simulation
 
 4. **Turkle, S. (2011)**. "Alone Together: Why We Expect More from Technology and Less from Each Other"
+   - [PDF Link](https://link.springer.com/article/10.1007/s10615-014-0511-4)
    - Modern examination of human-computer emotional connections
 
 ### Technical Resources
 
 - **ELIZA Online Implementations**: Try online versions to see expected behavior
-  - [masswerk.at/elizabot](http://www.masswerk.at/elizabot/)
+  - [context-lab.com/llm-course/demos/eliza]](https://context-lab.com/llm-course/demos/eliza/)
   - Useful for testing your implementation
 
+- **Google Colaboratory**: Setup-free resource for writing and running code on Google Cloud machines
+  - [Link](https://colab.research.google.com/)
+  - Your assignment **must** run in Google Colaboratory: to test it, press the "Run all" button, or select "Runtime" > "Run all" from the menu. Make sure that *all* parts of the notebook run without crashing before you submit!!
+
+- **Dartmouth GenAI**: Free access to powerful LLMs that can help with coding
+  - [Link (requires Dartmouth NetID)](https://chat.dartmouth.edu/)
+
+- **OpenCode**: Command line interface for vibe coding
+  - [Link](https://opencode.ai/)
+  - Suggested plugin: [oh-my-opencode](https://github.com/code-yeongyu/oh-my-opencode)
+  - Supports many providers and models, including local models
+
+- **LM Studio**: Run open models on your own computer
+  - [Link](https://lmstudio.ai/)
+  - Suggested model (depending on your machine's power): [gpt-oss](https://lmstudio.ai/models/gpt-oss)
+
+- **Antigravity**: Code development environment designed to faciliate interactions with AI agents
+  - [Link](https://antigravity.google/)
+
 - **Python String Methods**: Essential for text manipulation
   - [Python String Documentation](https://docs.python.org/3/library/stdtypes.html#string-methods)
 

assignments/README.md

@@ -18,12 +18,12 @@ All assignments are submitted via GitHub Classroom. Click the "Accept Assignment
 
 | # | Title | Released | Due | Weight |
 |---|-------|----------|-----|--------|
-| 1 | [ELIZA Chatbot](./assignment-1/) | Week 1 | End of Week 2 | 15% |
-| 2 | [SPAM Classifier](./assignment-2/) | Week 2 | End of Week 3 | 15% |
-| 3 | [Wikipedia Embeddings](./assignment-3/) | Week 3 | End of Week 4 | 15% |
-| 4 | [Customer Service Chatbot](./assignment-4/) | Week 5 | End of Week 6 | 15% |
-| 5 | [Build GPT](./assignment-5/) | Week 7 | Week 9 | 15% |
-| Final | [Research Project](./final-project/) | Week 9 | Finals Week | 25% |
+| 1 | [ELIZA Chatbot](./assignment-1/) | Week 1 (Jan 9) | **Jan 16, 11:59 PM EST** | 15% |
+| 2 | [SPAM Classifier](./assignment-2/) | Week 2 (Jan 16) | **Jan 23, 11:59 PM EST** | 15% |
+| 3 | [Wikipedia Embeddings](./assignment-3/) | Week 3 (Jan 23) | **Jan 30, 11:59 PM EST** | 15% |
+| 4 | [Customer Service Chatbot](./assignment-4/) | Week 4 (Jan 30) | **Feb 6, 11:59 PM EST** | 15% |
+| 5 | [Build GPT](./assignment-5/) | Week 6 (Feb 9) | **Feb 13, 11:59 PM EST** | 15% |
+| Final | [Research Project](./final-project/) | Week 9 (Mar 4) | **Mar 9, 11:59 PM EST** | 25% |
 
 ## Late Policy
 

demos/analogies/index.html

@@ -22,6 +22,10 @@ <h1 class="hero-title">Word Analogy Explorer</h1>
             <p class="hero-subtitle">Interactive word embeddings with vector arithmetic and similarity search</p>
         </div>
     </div>
+    <div class="demo-warning-banner">
+        <strong>Work in Progress</strong>
+        <p>This demo is under development and may contain bugs or incomplete features.</p>
+    </div>
     <div class="container">
 
         <div class="main-layout">

demos/attention/index.html

@@ -21,6 +21,10 @@ <h1 class="hero-title">Transformer Attention Visualizer</h1>
         </div>
     </div>
     <div class="container">
+        <div class="demo-warning-banner">
+            <strong>Work in Progress</strong>
+            <p>This demo is under development and may contain bugs or incomplete features.</p>
+        </div>
 
         <div class="controls-panel">
             <div class="control-group">

demos/bert-mlm/index.html

@@ -22,6 +22,10 @@ <h1 class="hero-title">BERT Masked Language Modeling</h1>
             <p class="hero-subtitle">Interactive exploration of BERT's masked token prediction with attention visualization</p>
         </div>
     </div>
+    <div class="demo-warning-banner">
+        <strong>Work in Progress</strong>
+        <p>This demo is under development and may contain bugs or incomplete features.</p>
+    </div>
     <div class="container">
 
         <div class="main-layout">

demos/chatbot-evolution/index.html

@@ -24,6 +24,10 @@ <h1 class="hero-title">Chatbot Evolution Timeline</h1>
     </div>
 
     <div class="container">
+        <div class="demo-warning-banner">
+            <strong>Work in Progress</strong>
+            <p>This demo is under development and may contain bugs or incomplete features.</p>
+        </div>
 
         <!-- Timeline Navigator -->
         <section class="timeline-navigator">

demos/chatbot-evolution/test-alice-comprehensive.html

@@ -226,18 +226,18 @@ <h2>Bug Report</h2>
                     if (result.pass) {
                         const successMsg = document.createElement('div');
                         successMsg.className = 'success';
-                        successMsg.textContent = `✓ ${result.message || 'Validation passed'}`;
+                        successMsg.textContent = `PASS: ${result.message || 'Validation passed'}`;
                         exchangeDiv.appendChild(successMsg);
                     } else if (result.warning) {
                         const warnMsg = document.createElement('div');
                         warnMsg.className = 'warning';
-                        warnMsg.textContent = `⚠ ${result.message}`;
+                        warnMsg.textContent = `WARN: ${result.message}`;
                         exchangeDiv.appendChild(warnMsg);
                         hasWarning = true;
                     } else {
                         const errorMsg = document.createElement('div');
                         errorMsg.className = 'error';
-                        errorMsg.textContent = `✗ ${result.message}`;
+                        errorMsg.textContent = `FAIL: ${result.message}`;
                         exchangeDiv.appendChild(errorMsg);
                         allPass = false;
 

demos/chatbot-evolution/test-alice.html

@@ -127,10 +127,10 @@
 </head>
 <body>
     <div class="container">
-        <h1>🤖 A.L.I.C.E. Chatbot Test Suite</h1>
+        <h1>A.L.I.C.E. Chatbot Test Suite</h1>
         <p class="subtitle">Comprehensive testing of ALICE implementation against original 1995 behaviors</p>
 
-        <button class="run-all-btn" onclick="runAllTests()">▶️ Run All Tests</button>
+        <button class="run-all-btn" onclick="runAllTests()">Run All Tests</button>
 
         <div class="summary" id="summary" style="display: none;">
             <h3>Test Results Summary</h3>
@@ -342,7 +342,7 @@ <h2>5. SRAI - Recursive Patterns</h2>
 
                 const statusBadge = document.createElement('span');
                 statusBadge.className = `status ${passed ? 'pass' : 'fail'}`;
-                statusBadge.textContent = passed ? '✓ PASS' : '✗ FAIL';
+                statusBadge.textContent = passed ? 'PASS' : 'FAIL';
                 testCase.querySelector('.input').appendChild(statusBadge);
             }
 

demos/eliza/index.html

@@ -20,6 +20,10 @@ <h1 class="hero-title">ELIZA Interactive Demo</h1>
       <p class="hero-subtitle">Explore the classic pattern-matching chatbot with visual rule breakdown</p>
     </div>
   </div>
+  <div class="demo-warning-banner">
+      <strong>Work in Progress</strong>
+      <p>This demo is under development and may contain bugs or incomplete features.</p>
+  </div>
 
   <div class="container">
     <!-- Tab Navigation -->
@@ -34,7 +38,7 @@ <h1 class="hero-title">ELIZA Interactive Demo</h1>
       <div class="chat-container">
         <div class="chat-messages" id="chat-messages">
           <div class="empty-state">
-            <div class="empty-state-icon">💬</div>
+            <div class="empty-state-icon"></div>
             <div class="empty-state-text">Start a conversation with ELIZA</div>
             <div class="empty-state-subtext">Type a message below to begin</div>
           </div>
@@ -84,7 +88,7 @@ <h1 class="hero-title">ELIZA Interactive Demo</h1>
         </div>
         <div class="breakdown-steps" id="breakdown-steps">
           <div class="empty-state">
-            <div class="empty-state-icon">🔍</div>
+            <div class="empty-state-icon"></div>
             <div class="empty-state-text">Enter text to see detailed processing</div>
             <div class="empty-state-subtext">Watch how ELIZA transforms input into responses step-by-step</div>
           </div>
@@ -405,7 +409,7 @@ <h3>Synonyms</h3>
 
     function clearChat() {
       const messagesDiv = document.getElementById('chat-messages');
-      messagesDiv.innerHTML = '<div class="empty-state"><div class="empty-state-icon">💬</div><div class="empty-state-text">Chat cleared</div><div class="empty-state-subtext">Start a new conversation</div></div>';
+      messagesDiv.innerHTML = '<div class="empty-state"><div class="empty-state-icon"></div><div class="empty-state-text">Chat cleared</div><div class="empty-state-subtext">Start a new conversation</div></div>';
       eliza.reset();
 
       // Show greeting again
@@ -473,7 +477,7 @@ <h3>Synonyms</h3>
       const validationDiv = document.getElementById('editor-validation');
       validationDiv.className = 'editor-validation visible ' + (success ? 'success' : 'error');
       validationDiv.innerHTML = `
-        <span class="validation-icon">${success ? '✓' : '✗'}</span>
+        <span class="validation-icon">${success ? 'OK' : 'ERR'}</span>
         <span class="validation-message">${message}</span>
       `;