-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
345 lines (313 loc) · 22.4 KB
/
index.html
File metadata and controls
345 lines (313 loc) · 22.4 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
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
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Codando<TV/></title>
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Sora:wght@300;400;600;700;800&family=Plus+Jakarta+Sans:wght@800&family=Outfit:wght@900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/data/content_creators_data.js"></script>
<script src="assets/js/data/library_content_data.js"></script>
<script src="assets/js/data/general_data.js"></script>
<script src="assets/js/data/speech_content_data.js"></script>
<script src="assets/js/util/translation_check.js"></script>
<script src="assets/js/util/speech_tags_handler.js"></script>
<script src="assets/js/util/langs_section_handler.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<!-- NAV -->
<nav>
<a href="#home" class="nav-logo"><span
style="font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; color: #fff;">Codando</span><span
style="font-family: 'Outfit', sans-serif; font-weight: 900; color: var(--primary);"><TV/></span></a>
<ul class="nav-links">
<li><a href="#canal" id="home_topbar_home">Conheça o Canal</a></li>
<li><a href="#creators" id="home_topbar_codandocreators">CodandoCreators</a></li>
<li><a href="#comunidade" id="home_topbar_community">Comunidade</a></li>
<li><a href="#iniciativas" id="home_topbar_initiatives">Iniciativas</a></li>
</ul>
</nav>
<!-- HERO -->
<section id="home">
<video class="hero-video" autoplay muted loop playsinline src="assets/videos/fundo1.mp4"></video>
<div class="hero-overlay"></div>
<div class="hero-grid"></div>
<div class="hero-glow"></div>
<div class="hero-badge" id="home_welcome_title">Conteúdo e projetos para a comunidade</div>
<h1 class="hero-title fade-in">
<span style="font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; color: #fff;">Codando</span><span
style="font-family: 'Outfit', sans-serif; font-weight: 900; color: var(--primary);"><TV/></span>
</h1>
<p id="home_welcome_description" class="hero-sub fade-in" style="transition-delay: 0.1s;">
É um espaço para aprender, compartilhar conhecimento e construir projetos com a comunidade através de conteúdo
técnico, vídeos de opinião, podcasts, mentorias e open source.
</p>
<div class="hero-socials fade-in" style="transition-delay: 0.2s;">
<a href="https://chat.whatsapp.com/BA3c4f1zJifCN9k1c4YaFj" target="_blank" class="btn btn-outline"
style="border-color: var(--primary); color: var(--text); width: 148px; justify-content: center;"><svg width="16"
height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.8;flex-shrink:0;">
<path
d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z" />
</svg> WhatsApp</a>
<a href="https://github.com/CodandoTV" target="_blank" class="btn btn-outline"
style="border-color: var(--primary); color: var(--text); width: 148px; justify-content: center;"><svg width="16"
height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.8;flex-shrink:0;">
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</svg> GitHub</a>
</div>
<a href="https://www.youtube.com/c/CodandoTV" target="_blank" class="btn-yt-hero fade-in"
style="transition-delay: 0.3s;">
<span class="yt-icon">▶</span>
<span class="yt-text">
<span class="yt-label" id="home_welcome_youtube_title">Conheça nosso canal no YouTube</span>
<span class="yt-sub" id="home.welcome.youtube_subtitle">Inscreva-se no canal</span>
</span>
</a>
<div class="scroll-hint">
<div class="scroll-line"></div>
scroll
</div>
</section>
<!-- CANAL -->
<section id="canal" class="even-section">
<div class="canal-inner">
<div class="fade-in">
<div class="section-label" id="home_community_title">Sobre o canal</div>
<h2 class="section-title">
<p id="home_community_header_part1">Conheça o </p><span id="home_community_header_part2">Canal</span>
</h2>
<p id="home_community_description_part1" class="section-desc" style="margin-bottom: 20px;">
O CodandoTV nasceu como um espaço aberto para aprender, compartilhar conhecimento e criar junto com a
comunidade. Nunca foi só sobre programação. A ideia sempre foi também trocar experiências sobre tecnologia,
carreira e a vivência real de quem trabalha na área.
</p>
<p id="home_community_description_part2" class="section-desc" style="margin-bottom: 20px;">
Aqui você vai encontrar conteúdo técnico, vídeos de opinião, reacts, podcasts com convidados e mentorias. O
canal cresce junto com a comunidade, acompanhando assuntos que geram valor, conversa e aprendizado de verdade.
</p>
<p id="home_community_description_part3" class="section-desc">
Além disso, o CodandoTV também tem projetos open source no GitHub, criados para que mais pessoas possam usar,
estudar e contribuir. O objetivo é construir coisas úteis para a comunidade de forma aberta e colaborativa.
</p>
</div>
<div class="video-embed fade-in" style="transition-delay: 0.15s;">
<video id="canal-video" controls muted
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;" poster="">
<source src="assets/videos/conheca_canal.mp4" type="video/mp4">
</video>
</div>
</div>
</section>
<!-- CREATORS -->
<section id="creators" class="odd-section">
<div class="section-label" id="home_codandocreators_title">Quem faz acontecer</div>
<h2 class="section-title">Codando<span>Creators</span></h2>
<p id="home_codandocreators_description" class="section-desc" style="margin: 0 auto 60px; text-align: center;">
Conheça as pessoas por trás dos conteúdos e iniciativas do CodandoTV.
</p>
<div class="creator-main fade-in">
<a href="https://www.linkedin.com/in/rviannaoliveira/" target="_blank" style="text-decoration:none;">
<div class="creator-avatar-lg">
<img src="assets/images/rodrigo.jpg" alt="Rodrigo Vianna" style="width:100%;height:100%;object-fit:cover;"
onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
<div class="avatar-placeholder" style="display:none;">
<div class="avatar-initials">RV</div>
</div>
</div>
</a>
<div class="creator-name">Rodrigo Vianna <span
style="color:var(--muted);font-weight:400;font-size:1rem;">(Rods)</span></div>
<div class="creator-role" id="home_codandocreators_rods_description">Fundador · Engenheiro Mobile</div>
</div>
<div class="creators-grid" id="codandotv_creators"></div>
</section>
<div class="divider"></div>
<!-- COMUNIDADE -->
<section id="comunidade" class="even-section" style="background: var(--surface);">
<div class="section-label" id="home_initiatives_title">Iniciativas</div>
<h2 class="section-title fade-in">Codando <span id="home_initiatives_header_part2">Comunidade</span></h2>
<p class="section-desc fade-in">
<p id="home_initiatives_description">Projetos open source, ferramentas e iniciativas criadas para e pela comunidade
dev.</p>
<a href="https://github.com/CodandoTV" target="_blank" id="home_initiatives_see_on_github"
style="color:var(--accent);text-decoration:none;font-weight:700;">Ver tudo no GitHub →</a></p>
<div class="stats-grid">
<div class="stat-card fade-in">
<div class="stat-num">⭐ 220+</div>
<div id="home_initiatives_stars_description" class="stat-label">Estrelas nos repositórios</div>
</div>
<div class="stat-card fade-in" style="transition-delay: 0.1s;">
<div class="stat-num" style="font-size:1.4rem;">Open Source</div>
<div class="stat-label" id="home_initiatives_open_source_description">Aberto para a comunidade</div>
</div>
<div class="stat-card fade-in" style="transition-delay: 0.2s;">
<div class="stat-num">↑ 7K+</div>
<div id="home_initiatives_downloads_description" class="stat-label">Downloads e em uso</div>
</div>
<div class="stat-card fade-in" style="transition-delay: 0.3s;">
<div class="stat-num">17</div>
<div id="home_initiatives_contributors_description" class="stat-label">Contribuidores</div>
</div>
</div>
</div>
</div>
<div class="libs-wrapper">
<div class="libs-tabs" id="libsTabs">
<button class="libs-tab active" onclick="onLibsContentRender(0, this)">CraftD</button>
<button class="libs-tab" onclick="onLibsContentRender(1, this)">popcorn-guineapig</button>
<button class="libs-tab" onclick="onLibsContentRender(2, this)">eagle-eye</button>
<button class="libs-tab" onclick="onLibsContentRender(3, this)">jujubaSVG</button>
<button class="libs-tab" onclick="onLibsContentRender(4, this)">Netflix</button>
</div>
<div class="libs-content" id="libsContent"></div>
</div>
<div class="videos-section-header fade-in" style="margin-top: 64px;">
<div>
<div id="home_initiatives_youtube_title" class="section-label">Para começar</div>
<h2 class="section-title" style="font-size: 1.8rem;">
<p id="home_initiatives_youtube_header_part1">Vídeos úteis para </p><span
id="home_initiatives_youtube_header_part2">começar</span>
</h2>
</div>
</div>
<div id="speeches-content" class="speeches-grid"></div>
</section>
<!-- INICIATIVAS -->
<section id="iniciativas" class="odd-section">
<div id="home_initiatives_contact_title" class="section-label">Outras formas de se conectar</div>
<h2 class="section-title fade-in">
<p id="home_initiatives_contact_header_part1">Outras </p><span
id="home_initiatives_contact_header_part2">Iniciativas</span>
</h2>
<p id="home_initiatives_contact_description" class="section-desc fade-in" style="margin-bottom: 0;">Além do YouTube,
a comunidade vive em vários lugares.
Escolha o canal que faz mais sentido pra você.</p>
<div class="iniciativas-list">
<div class="iniciativa-card fade-in">
<div class="iniciativa-info">
<span id="home_initiatives_contact_community" class="iniciativa-tag">Comunidade</span>
<div class="iniciativa-name">WhatsApp & Discord</div>
<div id="home_initiatives_contact_community_description" class="iniciativa-desc" style="margin-bottom:14px;">
Grupo ativo com devs, vagas, dicas e discussões
diárias sobre tech e carreira.</div>
<div style="display:flex;gap:10px;flex-wrap:wrap;">
<a id="home_join_on_whatsapp" href="https://chat.whatsapp.com/BA3c4f1zJifCN9k1c4YaFj" target="_blank"
style="display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff;font-size:0.72rem;font-weight:700;padding:6px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;">Participe
no WhatsApp</a>
<a id="home_join_on_discord" href="https://discord.gg/zhgzdeTp" target="_blank"
style="display:inline-flex;align-items:center;gap:6px;background:#5865F2;color:#fff;font-size:0.72rem;font-weight:700;padding:6px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;">Participe
no Discord</a>
</div>
</div>
<div class="iniciativa-media">
<img src="assets/images/comunidade.png" alt="Comunidade" onerror="this.style.display='none'">
</div>
</div>
<div class="iniciativa-card fade-in" style="transition-delay: 0.1s;">
<div class="iniciativa-info">
<span id="home_initiatives_contact_articles" class="iniciativa-tag">Artigos</span>
<div class="iniciativa-name">Medium</div>
<div id="home_initiatives_contact_articles_description" class="iniciativa-desc" style="margin-bottom:14px;">
Textos técnicos, opiniões e análises aprofundadas
sobre o mundo dev.</div>
<a id="home_initiatives_contact_articles_read_more" href="https://medium.com/codandotv/all" target="_blank"
style="display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;font-size:0.72rem;font-weight:700;padding:6px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;">Ler
no Medium</a>
</div>
<div class="iniciativa-media">
<img src="assets/images/artigos.png" alt="Artigos" onerror="this.style.display='none'">
</div>
</div>
<div class="iniciativa-card fade-in" style="transition-delay: 0.2s;">
<div class="iniciativa-info">
<span id="home_initiatives_contact_podcast" class="iniciativa-tag">Podcast</span>
<div class="iniciativa-name">Spotify</div>
<div id="home_initiatives_contact_podcast_description" class="iniciativa-desc">Episódios com convidados,
histórias de carreira e papos sobre tecnologia.</div>
</div>
<div class="iniciativa-media" style="display:flex;">
<iframe style="border-radius:0 14px 14px 0;"
src="https://open.spotify.com/embed/episode/3gCgHlOGJS9ZAlWDUHZhVa?utm_source=generator&theme=0"
width="100%" height="100%" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</div>
<div class="iniciativa-card fade-in" style="transition-delay: 0.3s;">
<div class="iniciativa-info">
<span id="home_initiatives_contact_course" class="iniciativa-tag">Curso</span>
<div id="home_initiatives_contact_course_header" class="iniciativa-name">Curso Kotlin Multiplatform</div>
<div id="home_initiatives_contact_course_description" class="iniciativa-desc" style="margin-bottom: 12px;">
Aprenda a compartilhar código entre Android e iOS usando Kotlin Multiplatform. Um curso prático, direto ao
ponto, feito para desenvolvedores que querem entrar no ecossistema KMP sem rodeios.
</div>
<div id="home_initiatives_contact_course_quote" class="iniciativa-desc"
style="font-size: 0.78rem; border-left: 2px solid var(--accent); padding-left: 12px; margin-bottom: 16px;">
Este curso tem como foco principal o ecossistema KMP. Não é um curso introdutório de Kotlin como linguagem,
nem aprofunda arquitetura moderna ou Android nativo. A proposta é ajudar desenvolvedores a entenderem como
compartilhar código entre Android e iOS de forma prática e direta.
</div>
<a id="home_initiatives_contact_course_read_more"
href="https://www.udemy.com/course/kotlin-multiplatform-domine-do-basico-ao-intermediario/" target="_blank"
style="display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;font-size:0.78rem;font-weight:700;padding:8px 18px;border-radius:8px;text-decoration:none;">🎓
Quero conhecer o curso</a>
</div>
<div class="iniciativa-media" style="display:flex;">
<iframe style="width:100%;height:100%;border:none;border-radius:0 14px 14px 0;"
src="https://www.youtube.com/embed/2_dYJr1s5Ak" title="Curso KMP" allowfullscreen
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-inner">
<div class="footer-logo"><span
style="font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; color: #fff;">Codando</span><span
style="font-family: 'Outfit', sans-serif; font-weight: 900; color: var(--primary);"><TV/></span></div>
<div class="footer-socials">
<a href="https://youtube.com/@codandotv" class="social-link" title="YouTube" target="_blank">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.7;">
<path
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
</svg>
</a>
<a href="https://chat.whatsapp.com/BA3c4f1zJifCN9k1c4YaFj" target="_blank" class="social-link" title="WhatsApp">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.7;">
<path
d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z" />
</svg>
</a>
<a href="https://www.linkedin.com/in/rviannaoliveira/" target="_blank" class="social-link" title="LinkedIn">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.7;">
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
</svg>
</a>
<a href="https://medium.com/codandotv/all" target="_blank" class="social-link" title="Medium">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.7;">
<path
d="M13.54 12a6.8 6.8 0 0 1-6.77 6.82A6.8 6.8 0 0 1 0 12a6.8 6.8 0 0 1 6.77-6.82A6.8 6.8 0 0 1 13.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z" />
</svg>
</a>
<a href="https://github.com/CodandoTV" class="social-link" title="GitHub" target="_blank">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="opacity:.7;">
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</svg>
</a>
</div>
<a id="home_get_in_touch_title" onclick="window.location.href='mai'+'lto:codando.tv@gmail.com'"
style="display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;background:var(--accent);color:#080B10;font-weight:700;font-size:0.85rem;text-decoration:none;cursor:pointer;">Fale
conosco</a>
</div>
<div class="footer-bottom">
<p id="home_copyright" class="footer-copy">© 2025 Rodrigo Vianna Calixto de Oliveira. Todos os direitos reservados.</p>
</div>
</footer>
</body>
</html>