-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
278 lines (257 loc) · 14.6 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>FLISoL Blumenau</title>
<!-- Facebook -->
<meta property="og:site_name" content="FLISoL Blumenau"/>
<meta property="og:title" content="FLISoL Blumenau"/>
<meta property="og:url" content="https://www.hackerspaceblumenau.org/flisol/"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="O Festival Latino-americano de Instalação de Software Livre (FLISoL) é o maior evento de divulgação de Software Livre da América Latina."/>
<meta property="og:locale" content="pt_BR"/>
<meta property="og:image" content="https://www.hackerspaceblumenau.org/flisol/static/images/flisol-logo.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="FLISoL Blumenau"/>
<meta name="twitter:description" content="O Festival Latino-americano de Instalação de Software Livre (FLISoL) é o maior evento de divulgação de Software Livre da América Latina."/>
<meta name="twitter:site" content="@hackerspacebnu"/>
<meta name="twitter:url" content="https://www.hackerspaceblumenau.org/flisol/"/>
<meta name="twitter:image" content="https://www.hackerspaceblumenau.org/flisol/static/images/flisol-logo.png">
<meta itemprop="name" content="FLISoL Blumenau"/>
<meta itemprop="url" content="https://www.hackerspaceblumenau.org/flisol/"/>
<meta itemprop="image" content="https://www.hackerspaceblumenau.org/flisol/static/images/flisol-logo.png"/>
<meta itemprop="description" content="O Festival Latino-americano de Instalação de Software Livre (FLISoL) é o maior evento de divulgação de Software Livre da América Latina."/>
<meta name="author" content="FLISoL Blumenau"/>
<meta name="description" content="O Festival Latino-americano de Instalação de Software Livre (FLISoL) é o maior evento de divulgação de Software Livre da América Latina."/>
<meta name="keywords" content="flisol, blumenau, open source, software livre, foss, desenvolvimento, tecnologia, evento, meetup"/>
<link href="/flisol/static/tailwind/tailwind.min.css" rel="stylesheet">
<link rel="shortcut icon" href="/flisol/static/images/icon-64.png">
<link rel="icon" href="/flisol/static/images/icon-32.png" sizes="32x32">
<link rel="icon" href="/flisol/static/images/icon-64.png" sizes="64x64">
<link rel="icon" href="/flisol/static/images/icon-144.png" sizes="144x144">
<link rel="icon" href="/flisol/static/images/icon-192.png" sizes="192x192">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-46PK6EW4BB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-46PK6EW4BB');
</script>
</head>
<body class="min-h-screen flex flex-col">
<nav class="flex-none bg-yellow-600">
<div class="mx-auto px-2 sm:px-6 lg:px-8">
<div class="relative flex items-center justify-between h-16">
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
<button onclick="toggleMenu()"
class="inline-flex items-center justify-center p-2 rounded-md text-white hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-expanded="false">
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
<svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
<div class="flex-grow flex items-center">
<img src="/flisol/static/images/flisol-logo-white.svg" width="32" height="32" class="ml-12 md:ml-0">
<a href="/flisol/" class="pl-2 text-white text-xl font-semibold tracking-wide">FLISoL Blumenau</a>
</div>
<div class="hidden sm:block sm:ml-6">
<div class="flex space-x-4">
<a href="/flisol/atividades" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Atividades</a>
<a href="/flisol/installfest" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">InstallFest</a>
<a href="/flisol/inscricao" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Inscrição</a>
<a href="/flisol/patrocinadores" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Patrocinadores</a>
</div>
</div>
</div>
</div>
</div>
<div class="hidden" id="nav-menu-mobile">
<div class="px-2 pt-2 pb-3 space-y-1 flex flex-col">
<a href="/flisol/installfest" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Atividades</a>
<a href="/flisol/installfest" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">InstallFest</a>
<a href="/flisol/inscricao" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Inscrição</a>
<a href="/flisol/patrocinadores" class="text-white hover:bg-yellow-700 px-3 py-2 rounded-md text-sm font-medium">Patrocinadores</a>
</div>
</div>
</nav>
<div class="flex-none lg:px-12 bg-gray-50">
<div class="mx-auto max-w-6xl py-12 px-4 flex flex-col lg:px-12 lg:py-12 lg:flex-row lg:items-center lg:justify-between">
<h2 class="text-2xl lg:text-3xl font-extrabold tracking-tight text-gray-900 text-center">
<span class="block">Participe do FLISoL Blumenau!</span>
</h2>
<div class="mt-8 mx-auto lg:mt-0 lg:mx-0">
<div class="rounded-md shadow">
<a target="_blank" href="https://www.sympla.com.br/evento/flisol-blumenau-2024/2423517"
class="px-8 py-4 border border-transparent text-base font-medium rounded-md text-white bg-yellow-500 hover:bg-yellow-600">
Faça sua inscrição agora!
</a>
</div>
</div>
</div>
</div>
<div class="flex-grow py-12 lg:max-w-7xl lg:m-auto bg-white">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-base text-yellow-600 font-semibold tracking-wide uppercase">O Evento</h2>
<p class="mt-2 text-base text-gray-900 lg:text-xl">
O Festival Latino-americano de Instalação de Software Livre (FLISoL) é o maior evento de divulgação de Software Livre da América Latina. Ele acontece desde 2005 e seu principal objetivo é promover o uso de software livre, apresentando sua filosofia, seu alcance, avanços e desenvolvimento, difundindo o contato de usuários de computadores com o mundo do Software Livre.
</p>
<p class="mt-4 text-base text-gray-900 lg:text-xl">
O FLISoL possui o objetivo de promover o uso de software livre e a integração de comunidades de usuários através de um intercâmbio de conhecimentos entre os participantes do evento, permitindo que as pessoas conheçam outros usuários e desenvolvedores, trocando dúvidas e sugestões.
</p>
</div>
<div class="pt-10 lg:max-w-6xl lg:m-auto">
<dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
</div>
<div class="ml-4">
<dt class="text-lg leading-6 font-medium text-gray-900">
Gratuito
</dt>
<dd class="mt-2 text-base text-gray-500">
O evento é 100% gratuito.
</dd>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
</svg>
</div>
</div>
<div class="ml-4">
<dt class="text-lg leading-6 font-medium text-gray-900">
Palestras
</dt>
<dd class="mt-2 text-base text-gray-500">
Diversas palestras com profissionais do mercado.
</dd>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z" />
</svg>
</div>
</div>
<div class="ml-4">
<dt class="text-lg leading-6 font-medium text-gray-900">
Oficinas
</dt>
<dd class="mt-2 text-base text-gray-500">
Aprenda algo novo com as oficinas.
</dd>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-600 text-white">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
</div>
<div class="ml-4">
<dt class="text-lg leading-6 font-medium text-gray-900">
InstallFest
</dt>
<dd class="mt-2 text-base text-gray-500">
Instale software de código aberto com a ajuda de nossos voluntários.
</dd>
</div>
</div>
</dl>
</div>
</div>
</div>
<div class="pb-12 lg:px-12 bg-white">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-base text-yellow-600 font-semibold tracking-wide uppercase">Local e Data</h2>
<p class="mt-4 text-base text-gray-900 lg:text-lg">
<a class="hover:text-yellow-600" target="_blank" href="https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=MTNyMGxwMWw1cThmbjg0YjdkaTJqZXEzZHUgNDZlM2UzNWJmMzcxMzg0ZmJmZjYzYjM4MjE4NTQ3YTQzMDVhNTBjNzhjYTMyOTdjYzVkMDNlZDJkNjlhZDVjY0Bn&tmsrc=46e3e35bf371384fbff63b38218547a4305a50c78ca3297cc5d03ed2d69ad5cc%40group.calendar.google.com">
27 de abril de 2024 das 10:00 às 18:30
</a>
</p>
<p class="mt-4 text-base text-gray-900 lg:text-lg">
Universidade Regional de Blumenau
</p>
<p class="text-base text-gray-900 lg:text-lg">
Campus I
</p>
</div>
</div>
</div>
<div class="pb-12 lg:px-12 bg-white">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-base text-yellow-600 font-semibold tracking-wide uppercase">Apoio</h2>
<div>
<div class="mt-2">
<a href="https://www.furb.br/" target="_blank">
<h3 class="text-lg">Universidade Regional de Blumenau</h3>
<img src="/flisol/static/images/furb-logo.png" width="100" class="mt-2 m-auto">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="pb-12 lg:px-12 bg-white">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-base text-yellow-600 font-semibold tracking-wide uppercase">Organização</h2>
<div>
<div class="mt-2">
<a href="https://www.hackerspaceblumenau.org/" target="_blank">
<h3 class="text-lg">Hackerspace Blumenau</h3>
<img src="/flisol/static/images/hsbnu-logo.png" width="64" height="64" class="mt-2 m-auto">
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="flex-none border-t border-solid border-yellow-300 py-4 mx-4">
<div class="flex flex-col lg:flex-row lg:justify-center text-center text-base text-yellow-600">
<div class="my-1 lg:mx-2">
<a href="/flisol/edicoes">Edições anteriores</a>
</div>
<div class="my-1 lg:mx-2">
<a href="/flisol/galeria">Galeria de Fotos</a>
</div>
</div>
<div class="mt-4 text-center text-xs text-gray-500">
<p>© 2024 Hackerspace Blumenau</p>
</div>
</footer>
<script type="text/javascript">
function toggleMenu() {
var e = document.getElementById("nav-menu-mobile");
if (e.className === "") {
e.className = "hidden"
} else {
e.className = ""
}
}
</script>
</body>
</html>