-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprogram.html
More file actions
114 lines (114 loc) · 10.2 KB
/
program.html
File metadata and controls
114 lines (114 loc) · 10.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Program | Graph Methods in TDA 2026</title><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@300;400;600&display=swap" rel="stylesheet">
<style>
:root{--msu:#18453b;--msu2:#1f5447;--gold:#c89e3c;--pale:#eaf3ee;--border:#d0ddd9;--text:#222;--muted:#555;--bg:#f7f9f8;--fd:'Playfair Display',Georgia,serif;--fb:'Source Sans 3','Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fb);font-size:17px;line-height:1.7;color:var(--text);background:var(--bg)}
.site-header{background:var(--msu);padding:2.8rem 2rem 2.2rem}
.site-header .inner,.site-main .inner,.site-nav .inner{max-width:960px;margin:0 auto}
.site-header h1{font-family:var(--fd);font-size:2.4rem;font-weight:700;line-height:1.2;margin-bottom:0.4rem;color:#fff}
.site-header .subtitle{font-size:1rem;font-weight:300;opacity:0.85;margin-bottom:0.6rem;color:#fff}
.site-header .meta{font-size:0.9rem;font-weight:600;color:var(--gold)}
.site-nav{background:var(--msu2);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100}
.site-nav .inner{display:flex;flex-wrap:wrap}
.site-nav a{display:inline-block;color:rgba(255,255,255,0.8);text-decoration:none;padding:0.85rem 1.1rem;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transition:background 0.15s,color 0.15s}
.site-nav a:hover{color:#fff;background:rgba(255,255,255,0.08)}
.site-nav a.active{color:#fff;border-bottom:3px solid var(--gold);margin-bottom:-3px}
.site-main{padding:2.5rem 1.5rem;min-height:60vh}
h1,h2,h3{font-family:var(--fd);color:var(--msu);line-height:1.3}
h1{font-size:1.9rem;margin-bottom:0.8rem}
h2{font-size:1.4rem;margin:2rem 0 0.6rem;padding-bottom:0.35rem;border-bottom:2px solid var(--pale)}
h2:first-child{margin-top:0}
h3{font-size:1.1rem;color:var(--msu2);margin:1.2rem 0 0.3rem}
p{color:var(--muted);margin-bottom:0.9rem}
a{color:var(--msu)}
a:hover{color:var(--msu2)}
ul,ol{margin:0.4rem 0 1rem 1.5rem;color:var(--muted)}
li{margin-bottom:0.25rem}
strong{color:var(--text)}
.hero-card{background:#fff;border:1px solid var(--border);border-left:5px solid var(--msu);border-radius:6px;padding:1.8rem 2.2rem;margin-bottom:1.8rem}
.hero-card h1{font-size:1.6rem;margin-bottom:0.5rem}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.85rem;margin-bottom:2rem}
.info-box{background:#fff;border:1px solid var(--border);border-top:4px solid var(--msu);border-radius:5px;padding:1.1rem;text-align:center}
.info-box .lbl{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:0.25rem}
.info-box .val{font-family:var(--fd);font-size:1rem;color:var(--msu);font-weight:700}
.org-pills{display:flex;flex-wrap:wrap;gap:0.6rem;margin:0.75rem 0 1rem}
.org-pill{background:var(--pale);border:1px solid var(--border);border-radius:100px;padding:0.35rem 0.9rem;font-size:0.88rem;color:var(--msu);font-weight:600}
.speaker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}
.speaker-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.3rem;transition:box-shadow 0.2s}
.speaker-card:hover{box-shadow:0 4px 16px rgba(24,69,59,0.11)}
.speaker-card .name{font-family:var(--fd);font-size:1.05rem;color:var(--msu);margin-bottom:0.15rem}
.speaker-card .affil{font-size:0.82rem;color:#999;margin-bottom:0.4rem}
.speaker-card .talk{font-size:0.87rem;color:var(--muted);font-style:italic}
.prog-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;margin:0.75rem 0 2rem;box-shadow:0 1px 6px rgba(0,0,0,0.05)}
.prog-table th{background:var(--msu);color:#fff;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.65rem 1rem;text-align:left}
.prog-table td{padding:0.65rem 1rem;border-bottom:1px solid var(--border);font-size:0.9rem;color:var(--muted);vertical-align:top}
.prog-table tr:last-child td{border-bottom:none}
.prog-table tr:hover td{background:var(--pale)}
.prog-table .t{color:var(--msu);font-weight:700;white-space:nowrap;width:100px}
.prog-table .brk td{background:#f3f7f5;color:#aaa;font-style:italic}
.dates-list{list-style:none;padding:0;margin:1rem 0}
.dates-list li{display:flex;gap:1rem;align-items:baseline;padding:0.75rem 1rem;background:#fff;border-bottom:1px solid var(--border);font-size:0.92rem}
.dates-list li:first-child{border-radius:6px 6px 0 0}
.dates-list li:last-child{border-bottom:none;border-radius:0 0 6px 6px}
.dates-list .dl{font-family:var(--fd);font-weight:700;color:var(--msu);min-width:150px}
.dates-list .dd{color:var(--muted)}
.dates-list li.upcoming{border-left:4px solid var(--gold)}
.reg-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.8rem;margin-bottom:1.2rem}
.reg-box h3{font-size:1.15rem;color:var(--msu);margin-bottom:0.5rem}
.btn{display:inline-block;background:var(--msu);color:#fff;padding:0.7rem 1.7rem;border-radius:5px;text-decoration:none;font-weight:600;font-size:0.95rem;margin-top:0.6rem;transition:background 0.2s}
.btn:hover{background:var(--msu2);color:#fff}
.venue-box{background:#fff;border:1px solid var(--border);border-left:5px solid var(--msu);border-radius:5px;padding:1.2rem 1.5rem;margin-bottom:1.5rem}
.venue-box p{margin:0;color:var(--text)}
table.hotel-table{width:100%;border-collapse:collapse;margin:0.75rem 0;font-size:0.9rem}
table.hotel-table th{background:var(--pale);color:var(--msu);font-weight:700;padding:0.5rem 0.9rem;text-align:left;border-bottom:2px solid var(--border)}
table.hotel-table td{padding:0.5rem 0.9rem;border-bottom:1px solid var(--border);color:var(--muted)}
table.hotel-table tr:last-child td{border-bottom:none}
.site-footer{background:var(--msu);color:rgba(255,255,255,0.65);text-align:center;padding:1.4rem;font-size:0.85rem;margin-top:3rem}
.site-footer a{color:var(--gold);text-decoration:none}
@media(max-width:700px){.site-header h1{font-size:1.6rem}.info-grid{grid-template-columns:1fr 1fr}.speaker-grid{grid-template-columns:1fr 1fr}.site-nav a{padding:0.65rem 0.65rem;font-size:0.72rem}}
@media(max-width:480px){.speaker-grid{grid-template-columns:1fr}}
</style></head><body>
<header class="site-header"><div class="inner"><h1>Graph Based Methods in Topological Data Analysis</h1><p class="subtitle">A workshop on graph methods and topological data analysis</p><p class="meta">📅 July 27–29, 2026 📍 Michigan State University, East Lansing</p></div></header>
<nav class="site-nav"><div class="inner"><a href="index.html">Home</a><a href="speakers.html">Speakers</a><a href="program.html" class="active">Program</a><a href="dates.html">Important Dates</a><a href="registration.html">Registration</a><a href="directions.html">Directions</a></div></nav>
<main class="site-main"><div class="inner">
<h1>Program</h1><p>The full schedule will be posted closer to the event. All times are Eastern Time.</p>
<h2>Day 1 — July 27, 2026</h2>
<table class="prog-table"><thead><tr><th>Time</th><th>Event</th><th>Speaker / Details</th></tr></thead><tbody>
<tr class="brk"><td class="t">8:30 AM</td><td>Registration & Coffee</td><td></td></tr>
<tr><td class="t">9:00 AM</td><td>Opening Remarks</td><td>Organizers</td></tr>
<tr><td class="t">9:15 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr><td class="t">10:00 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr class="brk"><td class="t">10:45 AM</td><td>Coffee Break</td><td></td></tr>
<tr><td class="t">11:15 AM</td><td>Contributed Talks</td><td>TBA</td></tr>
<tr class="brk"><td class="t">12:30 PM</td><td>Lunch</td><td></td></tr>
<tr><td class="t">2:00 PM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr><td class="t">2:45 PM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr class="brk"><td class="t">3:30 PM</td><td>Coffee Break</td><td></td></tr>
<tr><td class="t">4:00 PM</td><td>Contributed Talks</td><td>TBA</td></tr>
<tr><td class="t">5:30 PM</td><td>Reception & Poster Session</td><td>Location TBA</td></tr>
</tbody></table>
<h2>Day 2 — July 28, 2026</h2>
<table class="prog-table"><thead><tr><th>Time</th><th>Event</th><th>Speaker / Details</th></tr></thead><tbody>
<tr><td class="t">9:00 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr><td class="t">9:45 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr class="brk"><td class="t">10:30 AM</td><td>Coffee Break</td><td></td></tr>
<tr><td class="t">11:00 AM</td><td>Contributed Talks</td><td>TBA</td></tr>
<tr class="brk"><td class="t">12:30 PM</td><td>Lunch</td><td></td></tr>
<tr><td class="t">2:00 PM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr><td class="t">2:45 PM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr class="brk"><td class="t">3:30 PM</td><td>Coffee Break</td><td></td></tr>
<tr><td class="t">4:00 PM</td><td>Contributed Talks</td><td>TBA</td></tr>
<tr><td class="t">6:00 PM</td><td>Conference Dinner</td><td>Location TBA</td></tr>
</tbody></table>
<h2>Day 3 — July 29, 2026</h2>
<table class="prog-table"><thead><tr><th>Time</th><th>Event</th><th>Speaker / Details</th></tr></thead><tbody>
<tr><td class="t">9:00 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr><td class="t">9:45 AM</td><td>Invited Talk</td><td><strong>Speaker Name</strong> (Institution) — Title TBA</td></tr>
<tr class="brk"><td class="t">10:30 AM</td><td>Coffee Break</td><td></td></tr>
<tr><td class="t">11:00 AM</td><td>Contributed Talks</td><td>TBA</td></tr>
<tr class="brk"><td class="t">12:30 PM</td><td>Lunch</td><td></td></tr>
<tr><td class="t">2:00 PM</td><td>Panel Discussion</td><td>Topic TBA</td></tr>
<tr><td class="t">3:00 PM</td><td>Closing Remarks</td><td>Organizers</td></tr>
</tbody></table>
<h2>Abstracts</h2><p>Talk abstracts will be posted here once confirmed.</p>
</div></main><footer class="site-footer">© Graph Methods in TDA 2026 | Contact: <a href="mailto:muncheli@msu.edu">muncheli@msu.edu</a></footer></body></html>