-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (205 loc) · 17.7 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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EuRuKo 2025 - The Heart of Code | Viana do Castelo, Portugal</title>
<meta name="description" content="Join us at EuRuKo 2025, the European Ruby Conference, in Viana do Castelo, Portugal. An annual conference with an informal atmosphere and opportunities to learn from developers worldwide.">
<!-- Open Graph / Social Media -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://2025.euruko.org">
<meta property="og:title" content="EuRuKo 2025 - The Heart of Code | Viana do Castelo, Portugal">
<meta property="og:description" content="Join us at EuRuKo 2025, the European Ruby Conference, in Viana do Castelo, Portugal. An annual conference with an informal atmosphere and opportunities to learn from developers worldwide.">
<meta property="og:image" content="/images/banner.jpg">
<meta property="og:image:alt" content="EuRuKo 2025 Conference Banner">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@euruko">
<meta name="twitter:title" content="EuRuKo 2025 - The Heart of Code">
<meta name="twitter:description" content="Join us at EuRuKo 2025, the European Ruby Conference, in Viana do Castelo, Portugal. An annual conference with an informal atmosphere and opportunities to learn from developers worldwide.">
<meta name="twitter:image" content="/images/banner.jpg">
<link href="output.css" rel="stylesheet">
<link rel="icon" href="images/favicon.svg" type="image/svg+xml">
<link rel="icon" href="images/favicon.png" type="image/png">
</head>
<body class="flex h-full flex-col bg-euruko-purple">
<header>
<!-- Navigation hidden for now
<nav class="mx-auto max-w-7xl px-6 lg:px-8" aria-label="Global">
<div class="relative flex items-center justify-between py-6">
<div class="flex items-center gap-x-8">
<img src="images/logo.svg" alt="EuRuKo 2025 Logo" class="h-20 w-auto">
</div>
<div class="flex items-center gap-x-8">
<a href="#sponsors" class="text-sm font-medium leading-6 text-white hover:text-euruko-accent">Sponsors</a>
</div>
</div>
</nav>
-->
</header>
<main class="relative isolate flex-1">
<!-- Background dots pattern -->
<div class="absolute inset-0 -z-10 bg-dots-pattern bg-[size:30px_30px] opacity-20"></div>
<div class="relative isolate bg-gradient-to-b from-euruko-accent to-euruko-purple">
<div class="mx-auto max-w-7xl px-6 py-12 sm:py-16 lg:px-8">
<div class="mx-auto max-w-2xl text-center">
<img src="images/white-logo.svg" alt="EuRuKo 2025 Logo" class="h-56 w-auto mx-auto mb-12">
<h2 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">
THE HE<span class="text-euruko-primary">ART</span> OF CODE
</h2>
</div>
</div>
</div>
<div class="relative isolate px-6 lg:px-8">
<div class="mx-auto max-w-7xl py-8 sm:py-12 lg:py-16">
<div class="lg:flex lg:items-center lg:gap-x-16">
<!-- Text content (left on desktop, top on mobile) -->
<div class="lg:w-1/2 text-center lg:text-left">
<h1 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
September 18-19, 2025<br>
</h1>
<h2 class="mt-6 text-2xl font-bold tracking-tight text-white">
What is EuRuKo?
</h2>
<p class="mt-4 text-lg leading-8 text-gray-300">
EuRuKo (European Ruby Conference) is an annual conference about the Ruby programming language with an informal atmosphere and lots of opportunities to listen, learn, and talk with developers from all around the world.
</p>
<div class="flex justify-center my-8">
<img src="images/favicon.svg" alt="" class="h-8 w-auto opacity-50" aria-hidden="true">
</div>
<h2 class="mt-6 text-2xl font-bold tracking-tight text-white">
Viana do Castelo, Portugal
</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">
Join us in Viana do Castelo, a charming coastal city where history meets modernity.
Experience a city rich in culture and
architectural heritage, and conveniently located only 40 minutes from Porto Airport.
</p>
<div class="mt-8 flex justify-center lg:justify-start gap-x-4">
<div class="relative rounded-full px-4 py-1 text-sm leading-6 text-gray-300 ring-1 ring-euruko-accent/20">
Call for Proposals opens Q1 2025
</div>
<div class="relative rounded-full px-4 py-1 text-sm leading-6 text-gray-300 ring-1 ring-euruko-accent/20">
Tickets on sale Spring 2025
</div>
</div>
<div class="mt-10 flex items-center justify-center lg:justify-start gap-x-8">
<a href="https://ruby.social/@Euruko" target="_blank" rel="noopener" class="text-gray-300 hover:text-euruko-accent">
<span class="sr-only">Mastodon</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/>
</svg>
</a>
<a href="https://linkedin.com/company/euruko" target="_blank" rel="noopener" class="text-gray-300 hover:text-euruko-accent">
<span class="sr-only">LinkedIn</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
</a>
<a href="https://x.com/euruko" target="_blank" rel="noopener" class="text-gray-300 hover:text-euruko-accent">
<span class="sr-only">X (Twitter)</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
</a>
<a href="https://discord.gg/EYCTjpC9" target="_blank" rel="noopener" class="text-gray-300 hover:text-euruko-accent">
<span class="sr-only">Discord</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12z"/>
</svg>
</a>
</div>
</div>
<!-- Video section (right on desktop, bottom on mobile) -->
<div class="mt-10 lg:mt-0 lg:w-1/2">
<div class="relative aspect-video rounded-xl overflow-hidden bg-gray-900/5 shadow-lg">
<iframe
class="absolute inset-0 w-full h-full"
src="https://www.youtube.com/embed/zqKfGVdQ-wo?autoplay=1&mute=1"
title="Viana do Castelo Promotional Video"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Sponsors Section -->
<div id="sponsors" class="relative isolate px-6 py-24 sm:py-32 lg:px-8">
<div class="mx-auto max-w-2xl text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Become a Sponsor</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">
Join us in making EuRuKo 2025 an unforgettable experience. Support the Ruby community and showcase your brand to hundreds of passionate developers.
</p>
<div class="mt-10 flex items-center justify-center">
<a href="https://drive.google.com/file/d/1FQYh2qHoYavWVkEWZzQ09cRK_Ydw9P6g/view?usp=sharing"
target="_blank"
rel="noopener"
class="rounded-md bg-euruko-primary px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-euruko-primary/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-euruko-primary">
Download Sponsorship Package
</a>
</div>
</div>
</div>
<!-- Newsletter Section -->
<div class="relative isolate overflow-hidden py-8 sm:py-12 lg:py-16 flex justify-center">
<script async data-uid="efd369c9de" src="https://euruko.kit.com/efd369c9de/index.js"></script>
</div>
</main>
<footer class="relative border-t border-white/10">
<div class="mx-auto max-w-7xl px-6 py-12 lg:px-8">
<div class="xl:grid xl:grid-cols-3 xl:gap-8">
<!-- Logo and Description -->
<div class="space-y-8">
<img src="images/logo.svg" alt="EuRuKo 2025 Logo" class="h-12 w-auto">
<p class="text-sm leading-6 text-gray-300">
The European Ruby Conference<br>
September 18-19, 2025<br>
Viana do Castelo, Portugal
</p>
</div>
<!-- Contact -->
<div class="mt-16 xl:mt-0">
<h3 class="text-sm font-semibold leading-6 text-white">Contact</h3>
<div class="mt-6 space-y-4">
<a href="mailto:[email protected]" class="text-sm leading-6 text-gray-300 hover:text-euruko-accent">
</a>
</div>
</div>
<!-- Social Links -->
<div class="mt-16 xl:mt-0">
<h3 class="text-sm font-semibold leading-6 text-white">Social</h3>
<div class="mt-6 flex space-x-6">
<a href="https://ruby.social/@Euruko" target="_blank" rel="noopener" class="text-gray-400 hover:text-euruko-accent">
<span class="sr-only">Mastodon</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/>
</svg>
</a>
<a href="https://linkedin.com/company/euruko" target="_blank" rel="noopener" class="text-gray-400 hover:text-euruko-accent">
<span class="sr-only">LinkedIn</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
</a>
<a href="https://x.com/euruko" target="_blank" rel="noopener" class="text-gray-400 hover:text-euruko-accent">
<span class="sr-only">X (Twitter)</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
</a>
<a href="https://discord.gg/EYCTjpC9" target="_blank" rel="noopener" class="text-gray-400 hover:text-euruko-accent">
<span class="sr-only">Discord</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12z"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>