<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="https://res.cloudinary.com/dudanet/image/upload/v1701976173/favicon2_ryd0qw.jpg" type="image/jpeg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Eduardo J.F. Silva</title>
</head>
<body>
<!-- Tela de login -->
<div class="login-screen">
<div class="login-box">
<!-- Perfil do usuário -->
<div class="profile-picture" id="profile-picture" style="background-image: url('https://res.cloudinary.com/dudanet/image/upload/v1701839344/WhatsApp_Image_2023-12-06_at_02.07.25_ddvjjr.jpg');"></div>
<div class="profile-name">
<p id="profile-name">Eduardo J.F. da Silva</p>
<p class="profession"><span style="font-size:20px;color:#d3d3d3;margin: 20px">Solution Developer</span></p>
</div>
<!-- Entrada de senha -->
<div class="password-container">
<div class="password-input">
<input type="password" id="password" placeholder="Digite qualquer senha" onkeypress="handleKeyPress(event)">
</div>
<div class="password-toggle" onclick="togglePasswordVisibility()">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1701915177/icon_ocultar_senha2-removebg-preview_tkvpv0.png" alt="Toggle Password Visibility">
</div>
</div>
<!-- Botão de login -->
<button onclick="checkPassword()">Login</button>
<!-- Mensagens de erro e carregamento -->
<p class="error-message"></p>
<p class="loading-message">Bem-vindo...</p>
</div>
</div>
<!-- Ícones no canto inferior direito -->
<div class="icons-container">
<!-- Ícone de língua -->
<a href="url-da-sua-preferencia" target="_blank"><img src="https://cdn-icons-png.flaticon.com/512/484/484531.png" alt="Language"></a>
<!-- Ícone de acessibilidade -->
<a href="url-da-sua-preferencia" target="_blank"><img src="https://res.cloudinary.com/dudanet/image/upload/v1701893736/ICON_ACESSIBILIDADE-removebg-preview_1_c9ewbw.png" alt="Accessibility"></a>
</div>
<!-- Ícone de alternar modo escuro -->
<div class="dark-mode-toggle" onclick="toggleDarkMode()">
<img src="https://cdn-icons-png.flaticon.com/512/5262/5262027.png" alt="Dark Mode Toggle" class="dark-mode-icon">
<p class="mode-label">Light Mode</p>
</div>
<!-- Ícones no canto inferior esquerdo -->
<div class="left-icons-container">
<!-- Ícone do LinkedIn -->
<a href="https://br.linkedin.com/in/eduardo-jos%C3%A9-ferreira-da-silva-695198236" target="_blank"><img src="https://res.cloudinary.com/dudanet/image/upload/v1701971517/icon_linkdin-removebg-preview_tmx40a.png" alt="LinkedIn"></a>
<!-- Ícone do WhatsApp -->
<a href="https://api.whatsapp.com/send?phone=5511968489654&text=Ol%C3%A1%20Eduardo,%20tudo%20bem?%20Acabei%20de%20acessar%20seu%20portif%C3%B3lio." target="_blank"><img src="https://res.cloudinary.com/dudanet/image/upload/v1701971518/icon_zap-removebg-preview_etaepy.png" alt="WhatsApp"></a>
<!-- Ícone do GitHub -->
<a href="https://github.com/DudaDevBlack" target="_blank"><img src="https://res.cloudinary.com/dudanet/image/upload/v1701971517/icon_github-removebg-preview_1_xh142o.png" alt="GitHub"></a>
]
</div>
<!-- Tela de portfólio -->
<div class="portfolio-screen" style="display: none;">
<!-- Nova seção após o login -->
<div class="profile-section">
<div class="profile-picture-small" style="background-image: url('https://res.cloudinary.com/dudanet/image/upload/v1701976173/favicon2_ryd0qw.jpg');"></div>
<div class="profile-description">
<h2>Quem sou eu<embed src="" type=""></h2>
<p>Uma pessoa que nunca para de pensar em uma forma de resolver problemas de formas simples e criativas fazendo com que o problemas sejam passados despercebidos.</p>
</div>
</div>
<!-- Ícones representando tecnologias -->
<div class="technologies-icons">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1702096548/icon_html5-removebg-preview_1_bwtmop.png" alt="Tecnologia 1">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1702096548/icon_css-removebg-preview_itx8bo.png" alt="Tecnologia 2">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1702096547/icon_js-removebg-preview_d87awx.png" alt="Tecnologia 3">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1702096548/icon_python-removebg-preview_blly4g.png" alt="Tecnologia 4">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1702096548/icon_c_-removebg-preview_1_cqw8z1.png" alt="Tecnologia 5">
<img src="https://res.cloudinary.com/dudanet/image/upload/v1701971517/icon_github-removebg-preview_1_xh142o.png" alt="Tecnologia 6">
</div>
<!-- Script JavaScript -->
<script src="script.js"></script>
</div>
</body>
</html>
