-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (125 loc) · 5.77 KB
/
index.html
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SeleniumConf Archive</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<header class="hero">
<button id="theme-toggle" aria-label="Toggle dark mode">
🌙
</button>
<div class="container">
<h1>Selenium Conference Archive</h1>
<p>Explore previous editions of SeleniumConf from around the world.</p>
</div>
</header>
<main class="container">
<section class="grid">
<!-- Chicago 2023 -->
<div class="card">
<img src="assets/images/chicago2023.jpg" alt="Chicago 2023" class="card-img" />
<div class="card-content">
<h2>Chicago 2023</h2>
<p>📍 Chicago, USA<br />📅 March 28–30, 2023</p>
<a href="editions/chicago2023/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PLRdSclUtJDYXDEsWI0vwBmJxW17NgsaAk" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
<!-- Portland 2015 -->
<div class="card">
<img src="assets/images/portland2015.jpg" alt="Portland 2015" class="card-img" />
<div class="card-content">
<h2>Portland 2015</h2>
<p>📍 Portland, USA<br />📅 September 8–10, 2015</p>
<a href="editions/portland2015/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PLRdSclUtJDYXehIM7SyQyIghLDmE015Gc" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
<!-- Bangalore 2014 -->
<div class="card">
<img src="assets/images/bangalore2014.jpg" alt="Bangalore 2014" class="card-img" />
<div class="card-content">
<h2>Bangalore 2014</h2>
<p>📍 Bangalore, India<br />📅 September 4–6, 2014</p>
<a href="editions/bangalore2014/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PL9Z-JgiTsOYQjHFwf5maIjFXahl-d0gvU" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
<!-- Boston 2013 -->
<div class="card">
<img src="assets/images/boston2013.jpg" alt="Boston 2013" class="card-img" />
<div class="card-content">
<h2>Boston 2013</h2>
<p>📍 Boston, USA<br />📅 June 10–12, 2013</p>
<a href="editions/boston2013/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PLRdSclUtJDYUIu_iSl9Z3YBaKbrcFGi3l" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
<!-- London 2012 -->
<div class="card">
<img src="assets/images/london2012.jpg" alt="London 2012" class="card-img" />
<div class="card-content">
<h2>London 2012</h2>
<p>📍 London, UK<br />📅 April 16–18, 2012</p>
<a href="editions/london2012/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PLRdSclUtJDYVHSqAnw_a4nMEcJCj-P-Dy" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
<!-- San Francisco 2011 -->
<div class="card">
<img src="assets/images/sf2011.jpg" alt="San Francisco 2011" class="card-img" />
<div class="card-content">
<h2>San Francisco 2011</h2>
<p>📍 San Francisco, USA<br />📅 April 4–6, 2011</p>
<a href="editions/sf2011/index.html" target="_blank" class="btn">Visit Site</a>
<div class="card-extras">
<a href="https://www.youtube.com/playlist?list=PLRdSclUtJDYWzXJkF8C7L-fB4zaQWSOMk" target="_blank" class="btn btn-secondary">🎥 Watch Talks</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<p>
Part of the <a href="https://selenium.dev" target="_blank">Selenium Project</a> ·
<a href="https://seleniumconf.com" target="_blank">Current Conference</a>
</p>
</footer>
<script>
const toggleBtn = document.getElementById('theme-toggle');
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const storedTheme = localStorage.getItem('theme');
const applyTheme = (theme) => {
document.documentElement.setAttribute('data-theme', theme);
toggleBtn.textContent = theme === 'dark' ? '☀️' : '🌙';
};
if (storedTheme) {
applyTheme(storedTheme);
} else if (prefersDark) {
applyTheme('dark');
}
toggleBtn.addEventListener('click', () => {
const current = document.documentElement.getAttribute('data-theme') || 'light';
const next = current === 'dark' ? 'light' : 'dark';
localStorage.setItem('theme', next);
applyTheme(next);
});
</script>
</body>
</html>