https://cayus.com.br/

Eingereichte URL:
https://cayus.com.br/
Bericht beendet:
LinkText
https://github.com/cayusmatiasGithub
https://twitter.com/cayusmatiasTwitter/X
https://www.inssdescomplicado.com.br/Visitar Site
https://flamengo.agoranews.app/Visitar Site

JavaScript-Variablen · 6 gefunden

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
turnstileobject
uidEventnumber
bootstrapobject

Konsolenprotokoll-Meldungen · 0 gefunden

HTML

<!DOCTYPE html><html lang="pt-BR"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Metadados SEO -->
    <title>CAYUS - Developer &amp; Data Analyst</title>
    <meta name="description" content="Desenvolvedor Full Stack e Analista de Dados especializado em soluções web e análise de dados">
    <meta name="keywords" content="desenvolvedor, programador, analista de dados, full stack, python, javascript, data analysis">
    <meta name="author" content="CAYUS">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://144.22.140.202:8082/">
    <meta property="og:title" content="CAYUS - Developer &amp; Data Analyst">
    <meta property="og:description" content="Desenvolvedor Full Stack e Analista de Dados especializado em soluções web e análise de dados">
    <meta property="og:image" content="http://144.22.140.202:8082/static/favicon/android-chrome-192x192.png">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="http://144.22.140.202:8082/">
    <meta property="twitter:title" content="CAYUS - Developer &amp; Data Analyst">
    <meta property="twitter:description" content="Desenvolvedor Full Stack e Analista de Dados especializado em soluções web e análise de dados">
    <meta property="twitter:image" content="http://144.22.140.202:8082/static/img/og-image.jpg">

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
    <link rel="manifest" href="/static/favicon/site.webmanifest">
    <link rel="mask-icon" href="/static/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.1/font/bootstrap-icons.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/custom.css">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">

    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async="" defer=""></script>
</head>
<body>
    

<div class="container py-5">
    <!-- Header Section -->
    <div class="text-center mb-4">
        <h1 class="brand mb-3">CAYUS</h1>
    </div>

    <!-- Main Content -->
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <!-- Skills Section -->
            <div class="skills-container p-4">
                <div class="row">
                    <!-- Development Skills -->
                    <div class="col-md-6 mb-4">
                        <h3 class="h5 text-center mb-3">Desenvolvimento</h3>
                        <div class="text-center">
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem de programação versátil com foco em simplicidade e produtividade">Python</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Framework web leve e flexível para Python">Flask</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Framework web robusto e completo para Python">Django</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem de programação server-side popular para desenvolvimento web">PHP</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem de programação essencial para desenvolvimento web front-end">Javascript</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem de programação moderna com foco em simplicidade, eficiência e suporte nativo à concorrência">Go</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem de programação moderna focada em segurança, performance e concorrência, ideal para desenvolvimento de sistemas de baixo nível">Rust</span>
                        </div>
                    </div>

                    <!-- Database Skills -->
                    <div class="col-md-6 mb-4">
                        <h3 class="h5 text-center mb-3">Banco de Dados</h3>
                        <div class="text-center">
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Linguagem padrão para manipulação de bancos de dados relacionais, essencial para consultas e gerenciamento de dados">
                                SQL
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Sistema gerenciador de banco de dados líder de mercado, com recursos avançados para empresas, alta disponibilidade e segurança">
                                Oracle
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Sistema de banco de dados corporativo da IBM, com alta performance, confiabilidade e recursos de inteligência artificial integrados">
                                DB2
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Sistema de gerenciamento de banco de dados relacional de código aberto, popular em aplicações web">
                                MySQL
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Fork do MySQL com foco em performance, escalabilidade e recursos adicionais de enterprise">
                                MariaDB
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Sistema de banco de dados relacional avançado e extensível, com suporte a JSON e recursos geoespaciais">
                                PostgreSQL
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Banco de dados SQL leve e integrado, perfeito para aplicações locais e mobile">
                                SQLite
                            </span>
                        </div>
                    </div>

                    <!-- DevOps & Cloud -->
                    <div class="col-md-6 mb-4">
                        <h3 class="h5 text-center mb-3">DevOps &amp; Cloud</h3>
                        <div class="text-center">
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Plataforma de cloud computing da Oracle">OCI Oracle</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Plataforma de cloud computing da Microsoft">Azure</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Plataforma de cloud computing simplificada">Digital Ocean</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Servidor de automação para integração contínua">Jenkins</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Plataforma de containerização de aplicações">Docker</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Sistema de orquestração de containers">Kubernetes</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Serviço de CDN, DNS e segurança">Cloudflare</span>
                        </div>
                    </div>

                    <!-- AI Skills -->
                    <div class="col-md-6 mb-4">
                        <h3 class="h5 text-center mb-3">Inteligência Artificial &amp; ML</h3>
                        <div class="text-center">
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Desenvolvimento com modelos OpenAI">OpenAI GPT</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Criação de assistentes virtuais">Assistentes IA</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Processamento de Linguagem Natural">NLP</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Automação de processos usando IA">IA Automation</span>
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Integração de APIs de IA">AI Integration</span>
                        </div>
                    </div>
                </div>
                <!-- Cyber Security -->
                <div class="row justify-content-center">
                    <div class="col-md-6">
                        <h5 class="text-center">Cyber Security</h5>
                        <div class="text-center">
                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Especialização em Segurança da Informação, incluindo gestão de riscos, políticas de segurança, conformidade com normas (ISO 27001, LGPD), análise de vulnerabilidades e resposta a incidentes">
                                Infosec
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Proteção de infraestrutura de rede, incluindo firewalls, IDS/IPS, VPNs, segmentação de rede, monitoramento de tráfego e prevenção contra ataques DDoS">
                                Network Security
                            </span>

                            <span class="skill-badge" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Desenvolvimento seguro de aplicações, incluindo OWASP Top 10, testes de penetração, análise de código seguro, autenticação/autorização e proteção contra vulnerabilidades web">
                                Application Security
                            </span>
                        </div>
                    </div>    
                </div>
            </div>

            <!-- Social Links & Actions -->
            <div class="text-center my-4">
                <a href="https://github.com/cayusmatias" class="social-link" target="_blank" rel="noopener noreferrer" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Github" data-bs-original-title="Github">
                    <i class="fab fa-github"></i>
                </a>
                <a href="https://twitter.com/cayusmatias" class="social-link" target="_blank" rel="noopener noreferrer" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Twitter/X" data-bs-original-title="Twitter/X">
                    <i class="fab fa-x-twitter"></i>
                </a>
                <a href="mailto:[email protected]" class="social-link">
                    <i class="fas fa-envelope"></i>
                </a>
            </div>

            <div class="text-center mb-5">
                <button class="btn btn-outline-primary mx-2" data-bs-toggle="modal" data-bs-target="#educationModal">
                    Ver Formação Acadêmica
                </button>
                <button class="btn btn-outline-primary mx-2" data-bs-toggle="modal" data-bs-target="#contactModal">
                    Contato
                </button>
            </div>

            <!-- Portfolio Section -->
            <div class="mt-5">
                <h2 class="text-center mb-4" style="color: var(--primary-color)">Portfólio</h2>
                <div class="row g-4">
                    <div class="col-md-4">
                        <div class="card h-100" style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 157, 0.1);">
                            <div class="card-body d-flex flex-column">
                                <h4 class="card-title" style="color: var(--primary-color)">INSS Descomplicado</h4>
                                <p class="text-light">Plataforma especializada em informações do INSS, auxiliando segurados e profissionais previdenciários.</p>
                                <a href="https://www.inssdescomplicado.com.br/" class="btn btn-outline-primary w-100 mt-auto" target="_blank">Visitar Site</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100" style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 157, 0.1);">
                            <div class="card-body d-flex flex-column">
                                <h4 class="card-title" style="color: var(--primary-color)">BIP39 Generator</h4>
                                <p class="text-light">Ferramenta para geração de mnemônicos BIP39 para carteiras de criptomoedas.</p>
                                <a href="https://bip39.cayus.com.br/" class="btn btn-outline-primary w-100 mt-auto" target="_blank">Visitar Site</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100" style="background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 157, 0.1);">
                            <div class="card-body d-flex flex-column">
                                <h4 class="card-title" style="color: var(--primary-color)">Flamengo Agora News</h4>
                                <p class="text-light">Portal de notícias do Flamengo com atualizações em tempo real.</p>
                                <a href="https://flamengo.agoranews.app/" class="btn btn-outline-primary w-100 mt-auto" target="_blank">Visitar Site</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modais -->
<div class="modal fade" id="educationModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Formação Acadêmica</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="education-item">
                    <h5>Bacharel em Direito</h5>
                    <p>Centro Universitário do Maranhão UNICEUMA</p>
                    <small>Período: 1996 a 2000</small>
                </div>
                <div class="education-item">
                    <h5>Análise e Desenvolvimento de Sistemas</h5>
                    <p>Universidade Estácio de Sá</p>
                    <small>Período: 2016 a 2019 (i)</small>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="contactModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Contato</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form action="/contact" method="POST">
                    <div class="mb-3">
                        <label for="name" class="form-label">Nome</label>
                        <input type="text" class="form-control" id="name" name="name" required="">
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" name="email" required="">
                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">Mensagem</label>
                        <textarea class="form-control" id="message" name="message" rows="3" required=""></textarea>
                    </div>
                    <div class="mb-3">
                        <div class="cf-turnstile" data-sitekey="0x4AAAAAAAMttEpx1aBWdKOn"><div><input type="hidden" name="cf-turnstile-response" id="cf-chl-widget-viifn_response"></div></div>
                    </div>
                    <button type="submit" class="btn btn-outline-primary">Enviar</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Toast Container -->
<div class="toast-container position-fixed bottom-0 end-0 p-3">
    
        
    
</div>

<!-- Script para tooltips e toasts -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Inicializar tooltips
        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
        tooltipTriggerList.forEach(tooltip => {
            new bootstrap.Tooltip(tooltip);
        });

        // Auto-fechar toasts
        const toasts = document.querySelectorAll('.toast');
        toasts.forEach(toast => {
            setTimeout(() => {
                const bsToast = new bootstrap.Toast(toast);
                bsToast.hide();
            }, 5000);
        });
    });
</script>



    <!-- Scripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>

</body></html>