148 lines
7.1 KiB
HTML
148 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="ivanch's personal portfolio showcasing projects and homelab setup.">
|
|
<meta name="author" content="ivanch">
|
|
|
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
|
|
|
|
<title>ivanch</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
<link rel="stylesheet" href="css/sections/profile.css">
|
|
<link rel="stylesheet" href="css/sections/homelab.css">
|
|
<link rel="stylesheet" href="css/sections/projects.css">
|
|
<link rel="stylesheet" href="css/sections/hero.css">
|
|
|
|
<link rel="stylesheet" href="css/matrix.css">
|
|
<link rel="stylesheet" href="css/button.css">
|
|
|
|
<!-- Remix Icon CDN for social icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- Matrix-like background animation -->
|
|
<canvas class="matrix-canvas" id="matrixCanvas"></canvas>
|
|
|
|
<!-- Main hero section -->
|
|
<main class="main-container">
|
|
<div class="glass hero-card">
|
|
<div class="profile-container">
|
|
<div class="avatar">
|
|
<img src="/assets/lain.png" alt="Avatar" />
|
|
</div>
|
|
<div class="profile-info">
|
|
<div class="profile-info-item">
|
|
<i class="ri-graduation-cap-fill"></i>
|
|
<span class="profile-info-value">
|
|
<span>UTFPR</span>
|
|
<span>Information Systems</span>
|
|
</span>
|
|
</div>
|
|
<div class="profile-info-item">
|
|
<i class="ri-building-2-fill"></i>
|
|
<span class="profile-info-value">
|
|
<span>EposNow</span>
|
|
<span>Software Engineer</span>
|
|
</span>
|
|
</div>
|
|
<div class="profile-info-item">
|
|
<i class="ri-briefcase-line"></i>
|
|
<span class="profile-info-value">5+ years</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-details">
|
|
<div class="hero-main-column">
|
|
<div class="content">
|
|
<h2 class="name">ivanch</h2>
|
|
<p class="description">
|
|
Developer and Self Hoster
|
|
<br/>
|
|
<em>Organic code enthusiast</em>
|
|
</p>
|
|
<div class="social-links">
|
|
<a href="https://www.linkedin.com/in/joseivanch/" class="btn social-link" target="_blank">
|
|
<i class="ri-linkedin-fill"></i> <span>LinkedIn</span>
|
|
</a>
|
|
<a href="#" class="btn social-link" id="email-link">
|
|
<i class="ri-mail-fill"></i> <span>Email</span>
|
|
</a>
|
|
<span class="email-tooltip" id="email-tooltip">Copied!</span>
|
|
<a href="https://github.com/ivanch" class="btn social-link" target="_blank">
|
|
<i class="ri-github-fill"></i> <span>GitHub</span>
|
|
</a>
|
|
<a href="https://git.ivanch.me/ivanch" class="btn social-link" target="_blank">
|
|
<i class="ri-git-repository-fill"></i> <span>Gitea</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="homelab-section">
|
|
<div class="homelab-background"></div>
|
|
<h3 class="homelab-title">Homelab</h3>
|
|
<div class="homelab-buttons">
|
|
<a href="https://blog.ivanch.me/posts/selfhost/" class="btn homelab-btn" target="_blank">Applications</a>
|
|
<a href="" class="btn homelab-btn" target="_blank">Scripts</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="projects-section">
|
|
<h3 class="projects-title">Projects</h3>
|
|
<div class="project">
|
|
<div class="project-title">
|
|
<span>OpenCand</span>
|
|
<span class="project-icons">
|
|
<a href="https://opencand.com" class="project-icon-link" target="_blank" title="Website">
|
|
<i class="ri-global-line"></i>
|
|
</a>
|
|
<a href="https://github.com/ivanch/opencand" class="project-icon-link" target="_blank" title="GitHub">
|
|
<i class="ri-github-fill"></i>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="project-desc">Brazilian Candidate Viewer</div>
|
|
</div>
|
|
<div class="project">
|
|
<div class="project-title">
|
|
<span>Vision Start</span>
|
|
<span class="project-icons">
|
|
<a href="https://github.com/ivanch/opencand" class="project-icon-link" target="_blank" title="GitHub">
|
|
<i class="ri-github-fill"></i>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="project-desc">Chrome Startpage</div>
|
|
</div>
|
|
<div class="project">
|
|
<div class="project-title">
|
|
<span>Kasbot</span>
|
|
<span class="project-icons">
|
|
<a href="https://github.com/ivanch/opencand" class="project-icon-link" target="_blank" title="GitHub">
|
|
<i class="ri-github-fill"></i>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="project-desc">Discord DJ bot</div>
|
|
</div>
|
|
<div class="project">
|
|
<div class="project-title">
|
|
<span>Candlebright</span>
|
|
<span class="project-icons">
|
|
<a href="https://github.com/ivanch/opencand" class="project-icon-link" target="_blank" title="GitHub">
|
|
<i class="ri-github-fill"></i>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="project-desc">C++ project game</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="js/matrix.js"></script>
|
|
<script src="js/social.js"></script>
|
|
</body>
|
|
</html> |