forked from web3privacy/c25bue
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathprogram.html
More file actions
178 lines (170 loc) · 8.35 KB
/
Copy pathprogram.html
File metadata and controls
178 lines (170 loc) · 8.35 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!-- v 1 of code for W3PN Congress 2025 -->
<!-- sauce: https://github.com/web3privacy/c25bue -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="icon" href="./favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#000000">
<meta http-equiv="content-security-policy" content="script-src 'self' 'unsafe-inline'; form-action 'self';">
<link href="./w3pevent.css?v=4" rel="stylesheet">
<title>Program | Ethereum Cypherpunk Congress 2</title>
<meta name="description" content="Program - Ethereum Cypherpunk Congress 2 | 16 Nov 2025">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@web3privacy">
<meta name="twitter:title" content="Program | Ethereum Cypherpunk Congress #2">
<meta name="twitter:image" content="https://congress.web3privacy.info/img/banner-square.png?v=2">
<meta property="og:url" content="https://congress.web3privacy.info/program.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Program | Ethereum Cypherpunk Congress #2">
<meta property="og:description" content="Program - Ethereum Cypherpunk Congress 2 | 16 Nov 2025">
<meta property="og:image" content="https://congress.web3privacy.info/img/banner-square.png?v=2">
</head>
<body>
<div class="relative w-full min-h-screen text-white">
<div id="header" class="fixed w-full h-18 z-40" style="top: 0px;">
<!-- Hidden checkbox for menu toggle -->
<input type="checkbox" id="mobile-menu-toggle" class="mobile-menu-checkbox" style="display: none;">
<div class="navbar-minimal px-10 py-4 pt-2">
<!-- Desktop Navigation -->
<div class="desktop-nav flex justify-between items-center my-1">
<!-- Logo -->
<div class="flex items-center">
<a href="https://web3privacy.info/" target="_blank">
<img src="./img/logo5.svg" alt="Web3Privacy Now" style="width: 13rem;">
</a>
</div>
<!-- Navigation Links -->
<div class="flex items-center gap-8 text-base">
<div class="m-1">
<a class="nav-link-minimal" href="./index.html#intro">Home</a>
</div>
<div class="m-1">
<a class="nav-link-minimal" href="./index.html#speakers">Speakers</a>
</div>
<div class="m-1">
<a class="nav-link-minimal active" href="./agenda.html">Program</a>
</div>
<div class="m-1">
<a class="nav-link-minimal" href="./index.html#tickets">Tickets</a>
</div>
<div class="m-1">
<a class="nav-link-minimal" href="./index.html#partners">Partners</a>
</div>
<div class="m-1">
<a class="nav-link-minimal" href="https://tally.so/r/3lLqKo" target="_blank">Volunteer with Us</a>
</div>
</div>
</div>
<!-- Mobile Navigation -->
<div class="mobile-nav flex justify-between items-center">
<!-- Logo for Mobile -->
<div class="mobile-logo">
<a href="https://web3privacy.info/" target="_blank">
<img src="./img/logo5.svg" alt="Web3Privacy Now" style="width: 10rem;">
</a>
</div>
<!-- Mobile Navigation Controls -->
<div class="mobile-nav-controls">
<!-- Hamburger Icon -->
<label for="mobile-menu-toggle" class="hamburger-icon" data-hidden="false">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</label>
<!-- Close Icon -->
<label for="mobile-menu-toggle" class="close-icon" data-hidden="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</label>
</div>
</div>
<!-- Mobile Menu Panel -->
<div class="mobile-menu-panel" data-hidden="true">
<div class="mobile-menu-items">
<div class="mobile-nav-item">
<a class="nav-link-minimal" href="./index.html#intro">Home</a>
</div>
<div class="mobile-nav-item">
<a class="nav-link-minimal" href="./index.html#speakers">Speakers</a>
</div>
<div class="mobile-nav-item">
<a class="nav-link-minimal active" href="./agenda.html">Program</a>
</div>
<div class="mobile-nav-item">
<a class="nav-link-minimal" href="./index.html#tickets">Tickets</a>
</div>
<div class="mobile-nav-item">
<a class="nav-link-minimal" href="./index.html#partners">Partners</a>
</div>
<div class="mobile-nav-item">
<a class="nav-link-minimal" href="https://tally.so/r/3lLqKo" target="_blank">Volunteer with Us</a>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div style="padding-top: 100px;" class="px-4 py-20">
<div class="text-center" style="margin-bottom: 60px;">
<h1 class="testimonials-title text-center">2025 Program · 2026 Program Coming Soon</h1>
</div>
<!-- Agenda Image Section -->
<div class="max-w-6xl mx-auto">
<div class="text-center">
<!-- Placeholder for agenda image - replace with your actual image -->
<img src="./img/agenda.png" alt="Congress Program Agenda" class="w-full h-auto max-w-full mx-auto rounded-lg" style="max-height: 90vh; object-fit: contain;">
<!-- If the image doesn't exist yet, you can add it to ./img/agenda.png -->
</div>
</div>
</div>
<footer class="mobile-footer">
<div class="footer-top-section">
<h3 class="footer-main-title">Web3Privacy Now</h3>
<p class="footer-description">
Grassroots collective empowering privacy & freedom in the future web.
</p>
</div>
<div class="footer-bottom-section">
<div class="footer-column">
<h4 class="footer-column-title">Collective</h4>
<ul class="footer-links-list">
<li><a href="./index.html#about" class="footer-link">Home</a></li>
<li><a href="./agenda.html" class="footer-link">Program</a></li>
<li><a href="./index.html#tickets" class="footer-link">Tickets</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-column-title">Contact Info</h4>
<ul class="footer-links-list">
<li><a href="https://t.me/+DMkrxGNeJzYyYzM0" class="footer-link" target="_blank">Telegram</a></li>
<li><a href="https://twitter.com/web3privacy" class="footer-link" target="_blank">Twitter</a></li>
<li><a href="https://www.youtube.com/@Web3PrivacyNow" class="footer-link" target="_blank">Youtube</a></li>
</ul>
</div>
</div>
</footer>
</div>
<script>
// Close mobile menu when a nav link is clicked
document.querySelectorAll('.mobile-menu-panel a').forEach(function(link) {
link.addEventListener('click', function(e) {
var href = this.getAttribute('href');
if (href && href.startsWith('#')) {
e.preventDefault();
var target = document.querySelector(href);
if (target) target.scrollIntoView();
}
setTimeout(function() {
document.getElementById('mobile-menu-toggle').checked = false;
}, 50);
});
});
</script>
</body>
</html>