-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6f594e3
commit 0bb4206
Showing
1 changed file
with
106 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <title> | ||
| UCLA NLP Seminar Series - Archive | ||
| </title> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="https://uclanlp.github.io/nlp-seminar/icons/apple-touch-icon.png"> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="https://uclanlp.github.io/nlp-seminar/icons/favicon-32x32.png"> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="https://uclanlp.github.io/nlp-seminar/icons/favicon-16x16.png"> | ||
| <link rel="icon" type="image/x-icon" href="https://uclanlp.github.io/nlp-seminar/icons/favicon.ico"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://uclanlp.github.io/nlp-seminar/style.css"> | ||
| </head> | ||
| <script src="https://uclanlp.github.io/nlp-seminar/script.js"></script> | ||
|
|
||
| <body> | ||
| <nav class="nav-container"> | ||
| <div class="nav-menu"> | ||
| <ul class="menu-list"> | ||
| <li class="menu-item"><a href="index.html">Home</a></li> | ||
| <li class="menu-item"><a href="archive.html">Archive</a></li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <header> | ||
| <div class="header-content"> | ||
| <div class="lab-logos"> | ||
| <img src="https://web.cs.ucla.edu/~kwchang/img/uclanlp.png" alt="Kai-Wei Chang's Lab"> | ||
| </div> | ||
| <div class="header-text"> | ||
| <h1>UCLA NLP Seminar Series - Archive</h1> | ||
| <p>Past talks from our weekly seminar series.</p> | ||
| </div> | ||
| <div class="lab-logos"> | ||
| <img src="https://web.cs.ucla.edu/~kwchang/img/uclanlp.png" alt="Kai-Wei Chang's Lab"> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main> | ||
| <h2>Previous Quarters</h2> | ||
|
|
||
| <h3>Summer 2024</h3> | ||
| <table class="seminar-schedule"> | ||
| <thead> | ||
| <tr> | ||
| <th>Date</th> | ||
| <th>Speaker</th> | ||
| <th>Title</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <!-- Example archived talks --> | ||
| <tr> | ||
| <td>Aug 15</td> | ||
| <td><a href="#">Speaker Name</a></td> | ||
| <td>Talk Title</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
|
|
||
| <h3>Spring 2024</h3> | ||
| <table class="seminar-schedule"> | ||
| <thead> | ||
| <tr> | ||
| <th>Date</th> | ||
| <th>Speaker</th> | ||
| <th>Title</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <!-- Example archived talks --> | ||
| <tr> | ||
| <td>May 20</td> | ||
| <td><a href="#">Speaker Name</a></td> | ||
| <td>Talk Title</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
|
|
||
| <!-- Add expandable talk details similar to main page if needed --> | ||
| <div class="talk" onclick="toggleDetails(this)"> | ||
| <div class="talk-summary"> | ||
| <div class="date"> | ||
| <div class="month">MAY</div> | ||
| <div class="day">20</div> | ||
| </div> | ||
| <div class="speaker-text"> | ||
| <h3>Example Archived Talk Title</h3> | ||
| <p><img src="icons/person.png" alt="Person Icon" class="icon"><a href="#">Speaker Name</a></p> | ||
| <p><img src="icons/clock.png" alt="Clock Icon" class="icon">May 20, 2024, 2:00 PM</p> | ||
| <p><img src="icons/location.png" alt="Location Icon" class="icon">Room Location</p> | ||
| </div> | ||
| <div class="footer"> | ||
| <button class="more-details">More Details</button> | ||
| </div> | ||
| </div> | ||
| <div class="talk-details"> | ||
| <p><strong>Speaker Bio:</strong> Example speaker bio.</p> | ||
| <p><strong>Abstract:</strong> Example talk abstract.</p> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| </body> | ||
| </html> |