This repository was archived by the owner on Feb 27, 2026. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
236 lines (229 loc) · 16.7 KB
/
index.html
File metadata and controls
236 lines (229 loc) · 16.7 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
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Confy - Comunicação Criptografada e Auto-Hospedada</title>
<script src="https://cdn.tailwindcss.com"></script>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta property="og:title" content="Confy - Comunicação Criptografada e Auto-Hospedada" />
<meta name="author" content="Confy Security Team" />
<meta property="og:locale" content="pt_BR" />
<meta name="description" content="Confy é um sistema de mensagens 100% open source com criptografia de ponta a ponta. Assuma o controle total da sua privacidade com uma solução que você mesmo hospeda." />
<meta name="keywords" content="mensagens criptografadas, chat auto-hospedado, comunicação segura, privacidade, open source, docker, fastapi, websocket, criptografia" />
<meta property="og:description" content="Assuma o controle total da sua privacidade com Confy, um sistema de mensagens 100% open source com criptografia de ponta a ponta e auto-hospedagem." />
<link rel="canonical" href="https://confy.henriquesebastiao.com/" />
<meta property="og:url" content="https://confy.henriquesebastiao.com/" />
<meta property="og:site_name" content="Confy - Comunicação Criptografada e Auto-Hospedada" />
<meta property="og:type" content="website" />
<meta property="og:image" content="img/social-preview.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="img/social-preview.png" />
<meta property="twitter:title" content="Confy - Comunicação Criptografada e Auto-Hospedada" />
<meta name="google-site-verification" content="B2F5DBVpmj2QL-_8mF2X7e_Bxi_KuMdBeZ1zaKrq9BY" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png" />
<link rel="manifest" href="/img/favicons/site.webmanifest" />
<link rel="shortcut icon" href="/img/favicons/favicon.ico" />
<meta name="apple-mobile-web-app-title" content="Confy - Comunicação Criptografada e Auto-Hospedada" />
<meta name="application-name" content="Confy - Comunicação Criptografada e Auto-Hospedada" />
<meta name="msapplication-TileColor" content="#246e96" />
<meta http-equiv="Content-Language" content="pt-BR" />
<link rel="alternate" hreflang="pt-BR" href="https://confy.henriquesebastiao.com/" />
<script defer="" src="https://umami.henriquesebastiao.com/script.js" data-website-id="d132fc52-31fb-44e1-801c-973474725fa2"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#246E96",
"primary-dark": "#1a5070",
secondary: "#4CAF50",
dark: "#0a0a0a",
"dark-card": "#161616",
"gray-custom": "#2a2a2a",
"light-gray": "#9e9e9e",
text: "#ffffff",
},
},
},
};
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Confy",
"applicationCategory": "CommunicationApplication",
"operatingSystem": "Windows, Linux, macOS",
"description": "Sistema de mensagens criptografado end-to-end e auto-hospedado para comunicação verdadeiramente privada.",
"featureList": ["Criptografia End-to-End (AES-256 e RSA-4096)", "Auto-Hospedado via Docker", "Código Aberto (GNU GPL-3.0)", "Comunicação em Tempo Real via WebSocket", "Multiplataforma (Desktop e CLI)"],
"license": "https://www.gnu.org/licenses/gpl-3.0.html",
"url": "https://github.com/confy-security",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
<link href="style.css" rel="stylesheet" />
</head>
<body class="bg-dark text-text font-sans">
<nav class="fixed top-0 w-full bg-dark/90 backdrop-blur-md z-50 border-b border-white/10">
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
<a href="#" class="text-2xl font-bold text-white">Confy</a>
<div class="hidden md:flex items-center space-x-8">
<a href="#features" class="text-white font-medium hover:text-primary transition-colors">Recursos</a>
<a href="#how-it-works" class="text-white font-medium hover:text-primary transition-colors">Como Funciona</a>
<a href="#downloads" class="text-white font-medium hover:text-primary transition-colors">Download</a>
<a href="#open-source" class="text-white font-medium hover:text-primary transition-colors">Open Source</a>
</div>
<button id="mobile-menu-button" class="md:hidden text-white p-2">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
</svg>
</button>
</div>
<div id="mobile-menu" class="hidden md:hidden">
<a href="#features" class="block py-3 px-6 text-sm text-white hover:bg-gray-custom">Recursos</a>
<a href="#how-it-works" class="block py-3 px-6 text-sm text-white hover:bg-gray-custom">Como Funciona</a>
<a href="#downloads" class="block py-3 px-6 text-sm text-white hover:bg-gray-custom">Download</a>
<a href="#open-source" class="block py-3 px-6 text-sm text-white hover:bg-gray-custom">Open Source</a>
</div>
</nav>
<main>
<section class="min-h-screen flex items-center relative overflow-hidden pt-20">
<div class="container mx-auto px-6 text-center relative z-10">
<img src="img/logo.svg" alt="logo" class="mx-auto mb-4 animate-fade-in-up" width="100" height="100" />
<h1 class="text-4xl md:text-6xl font-extrabold mb-4 animate-fade-in-up">
Comunicação
<span class="text-gradient">Verdadeiramente Privada</span>
</h1>
<p class="max-w-3xl mx-auto text-lg md:text-xl text-light-gray mb-8 animate-fade-in-up" style="animation-delay: 0.2s">Sistema de mensagens criptografado end-to-end e auto-hospedado. Seu servidor, suas regras, sua privacidade.</p>
<div class="flex justify-center gap-4 flex-wrap animate-fade-in-up" style="animation-delay: 0.4s">
<a href="#downloads" class="btn btn-primary">Baixar Agora</a>
<a href="https://github.com/confy-security" class="btn btn-secondary" target="_blank">Ver no GitHub</a>
</div>
</div>
</section>
<section id="features" class="py-20 bg-dark-card">
<div class="container mx-auto px-6">
<h2 class="section-title text-center text-4xl md:text-5xl font-bold mb-12 text-primary">Por Que Escolher o Confy?</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">🔐</div>
<h3 class="text-xl font-bold mb-2 text-white">Criptografia End-to-End</h3>
<p>Suas mensagens são criptografadas com AES-256 e RSA-4096. Apenas você e seu destinatário podem lê-las.</p>
</div>
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">🏠</div>
<h3 class="text-xl font-bold mb-2 text-white">Auto-Hospedado</h3>
<p>Hospede seu próprio servidor. Controle total sobre seus dados sem depender de terceiros.</p>
</div>
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">🚀</div>
<h3 class="text-xl font-bold mb-2 text-white">Fácil de Usar</h3>
<p>Interface intuitiva e simples. Configure em minutos com Docker Compose.</p>
</div>
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">💻</div>
<h3 class="text-xl font-bold mb-2 text-white">Multiplataforma</h3>
<p>Disponível para Desktop (Windows, Linux, macOS) e CLI. Versão web em breve.</p>
</div>
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">🔓</div>
<h3 class="text-xl font-bold mb-2 text-white">Código Aberto</h3>
<p>100% open source sob licença GNU GPL-3.0. Audite o código e contribua com o projeto.</p>
</div>
<div class="bg-gray-custom p-8 rounded-2xl border border-white/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary hover:shadow-2xl hover:shadow-primary/10">
<div class="text-4xl mb-4">⚡</div>
<h3 class="text-xl font-bold mb-2 text-white">Tempo Real</h3>
<p>Comunicação instantânea via WebSocket. Troca de mensagens em tempo real.</p>
</div>
</div>
</div>
</section>
<section id="how-it-works" class="py-20">
<div class="container mx-auto px-6">
<h2 class="section-title text-center text-4xl md:text-5xl font-bold mb-12 text-primary">Como Funciona</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mt-12">
<div class="text-center">
<div class="step-number w-16 h-16 bg-primary rounded-full flex items-center justify-center text-2xl font-bold text-white mx-auto mb-4">1</div>
<h3 class="text-xl font-bold mb-2 text-primary">Hospede o Servidor</h3>
<p class="text-light-gray">Clone o repositório e execute com Docker Compose em seu servidor.</p>
</div>
<div class="text-center">
<div class="step-number w-16 h-16 bg-primary rounded-full flex items-center justify-center text-2xl font-bold text-white mx-auto mb-4">2</div>
<h3 class="text-xl font-bold mb-2 text-primary">Conecte-se</h3>
<p class="text-light-gray">Baixe o cliente desktop ou CLI e conecte-se ao seu servidor.</p>
</div>
<div class="text-center">
<div class="step-number w-16 h-16 bg-primary rounded-full flex items-center justify-center text-2xl font-bold text-white mx-auto mb-4">3</div>
<h3 class="text-xl font-bold mb-2 text-primary">Troca de Chaves</h3>
<p class="text-light-gray">O sistema realiza automaticamente a troca segura de chaves criptográficas.</p>
</div>
<div class="text-center">
<div class="step-number w-16 h-16 bg-primary rounded-full flex items-center justify-center text-2xl font-bold text-white mx-auto mb-4">4</div>
<h3 class="text-xl font-bold mb-2 text-primary">Converse com Segurança</h3>
<p class="text-light-gray">Todas as mensagens são criptografadas antes de sair do seu dispositivo.</p>
</div>
</div>
</div>
</section>
<section class="py-20 px-6 text-center bg-dark-card">
<div class="container mx-auto">
<h2 class="section-title text-center text-4xl md:text-5xl font-bold mb-12 text-primary">Confy em Ação</h2>
<img src="https://github.com/user-attachments/assets/e890fa76-fc71-481e-803d-a87d262a699c" alt="Screenshot do Confy" class="mx-auto rounded-lg border-gray-custom" />
</div>
</section>
<section id="downloads" class="py-20">
<div class="container mx-auto px-6">
<h2 class="section-title text-center text-4xl md:text-5xl font-bold mb-12 text-primary">Baixe o Confy</h2>
<div class="grid md:grid-cols-3 gap-8 mt-12">
<div class="download-card bg-gray-custom p-10 rounded-2xl text-center border-2 border-transparent transition-all duration-300 hover:border-primary hover:scale-105">
<h3 class="text-3xl font-bold mb-4 text-primary">🖥️ Desktop</h3>
<p class="text-light-gray mb-8">Interface gráfica completa para Windows, Linux e macOS.</p>
<a href="https://github.com/confy-security/app/releases" class="btn btn-primary inline-block px-8 py-3 rounded-full font-semibold transition-all duration-300 border-2 border-transparent bg-primary text-white hover:bg-primary-dark hover:shadow-lg hover:shadow-primary/20 hover:transform hover:-translate-y-0.5" target="_blank">Download Desktop</a>
</div>
<div class="download-card bg-gray-custom p-10 rounded-2xl text-center border-2 border-transparent transition-all duration-300 hover:border-primary hover:scale-105">
<h3 class="text-3xl font-bold mb-4 text-primary">⌨️ CLI</h3>
<p class="text-light-gray mb-8">Cliente de linha de comando para desenvolvedores e power users.</p>
<a href="https://github.com/confy-security/cli" class="btn btn-primary inline-block px-8 py-3 rounded-full font-semibold transition-all duration-300 border-2 border-transparent bg-primary text-white hover:bg-primary-dark hover:shadow-lg hover:shadow-primary/20 hover:transform hover:-translate-y-0.5" target="_blank">Ver CLI</a>
</div>
<div class="download-card bg-gray-custom p-10 rounded-2xl text-center border-2 border-transparent transition-all duration-300 hover:border-primary hover:scale-105">
<h3 class="text-3xl font-bold mb-4 text-primary">🌐 Servidor</h3>
<p class="text-light-gray mb-8">Backend FastAPI para auto-hospedagem com Docker.</p>
<a href="https://github.com/confy-security/server" class="btn btn-primary inline-block px-8 py-3 rounded-full font-semibold transition-all duration-300 border-2 border-transparent bg-primary text-white hover:bg-primary-dark hover:shadow-lg hover:shadow-primary/20 hover:transform hover:-translate-y-0.5" target="_blank">Ver Servidor</a>
</div>
</div>
</div>
</section>
<section id="open-source" class="py-20">
<div class="container mx-auto px-6 text-center">
<h2 class="section-title text-center text-4xl md:text-5xl font-bold mb-12 text-primary">100% Open Source</h2>
<div class="max-w-3xl mx-auto bg-gray-custom p-8 md:p-12 rounded-2xl mt-8 border-2 border-primary">
<h3 class="text-2xl font-bold text-secondary mb-4">📜 Licença GNU GPL-3.0</h3>
<p class="text-light-gray">O Confy é totalmente gratuito e de código aberto. Você pode usar, modificar e distribuir livremente, garantindo que todas as versões derivadas permaneçam livres e abertas.</p>
<p class="mt-4 text-light-gray">Contribuições são bem-vindas! Junte-se à nossa comunidade no GitHub.</p>
<a href="https://github.com/confy-security" class="btn btn-secondary mt-8 inline-block px-8 py-3 rounded-full font-semibold transition-all duration-300 border-2 border-transparent bg-transparent text-white border-primary hover:bg-primary hover:transform hover:-translate-y-0.5" target="_blank">Contribuir no GitHub</a>
</div>
</div>
</section>
</main>
<footer class="bg-dark-card border-t border-white/10">
<div class="container mx-auto py-12 px-6 text-center">
<div class="flex justify-center gap-8 mb-8 flex-wrap">
<a href="https://github.com/confy-security/app" class="text-light-gray hover:text-primary transition-colors" target="_blank">Desktop App</a>
<a href="https://github.com/confy-security/cli" class="text-light-gray hover:text-primary transition-colors" target="_blank">CLI</a>
<a href="https://github.com/confy-security/server" class="text-light-gray hover:text-primary transition-colors" target="_blank">Server</a>
<a href="https://github.com/confy-security/confy-addons" class="text-light-gray hover:text-primary transition-colors" target="_blank">Addons</a>
</div>
<p class="text-light-gray">© 2025 Confy Security Team. Licenciado sob GNU GPL-3.0</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>