160 lines
8.8 KiB
HTML
160 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
|
|
<meta name="description" content="ivanch's personal portfolio showcasing projects and homelab setup.">
|
|
<meta name="author" content="ivanch">
|
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
|
|
|
|
<title>ivanch</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/variables.css">
|
|
<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>
|
|
<canvas class="matrix-canvas" id="matrixCanvas"></canvas>
|
|
|
|
<main class="main-container">
|
|
<div class="glass hero-card">
|
|
<div class="profile-container">
|
|
<div class="avatar">
|
|
<img src="/assets/lain.png" alt="Avatar" width="160" height="160" decoding="async" />
|
|
</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>
|
|
<div class="tech-tags">
|
|
<span class="tech-tag">.NET Core</span>
|
|
<span class="tech-tag">DevOps</span>
|
|
<span class="tech-tag">Self-hosted</span>
|
|
</div>
|
|
<em class="quote">Life is more than just a read-through 🎵</em>
|
|
<div class="social-links">
|
|
<a href="https://www.linkedin.com/in/joseivanch/" class="btn social-link" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
|
|
<i class="ri-linkedin-fill"></i> <span>LinkedIn</span>
|
|
</a>
|
|
<a href="#" class="btn social-link" id="email-link" aria-label="Copy email address to clipboard">
|
|
<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" rel="noopener noreferrer" aria-label="GitHub">
|
|
<i class="ri-github-fill"></i> <span>GitHub</span>
|
|
</a>
|
|
<a href="https://git.ivanch.me/ivanch" class="btn social-link" target="_blank" rel="noopener noreferrer" aria-label="Gitea">
|
|
<i class="ri-git-repository-fill"></i> <span>Gitea</span>
|
|
</a>
|
|
<a href="https://blog.ivanch.me" class="btn social-link" target="_blank" rel="noopener noreferrer" aria-label="Blog">
|
|
<i class="ri-article-line"></i> <span>Blog</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://github.com/ivanch/haven" class="btn homelab-btn" target="_blank" rel="noopener noreferrer" aria-label="Homelab deployments on GitHub"><i class="ri-github-fill"></i> Deployments</a>
|
|
<a href="https://git.ivanch.me/ivanch/server-scripts" class="btn homelab-btn" target="_blank" rel="noopener noreferrer" aria-label="Homelab server scripts on Gitea"><i class="ri-terminal-box-line"></i> 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.ivanch.me" class="project-icon-link" target="_blank" rel="noopener noreferrer" aria-label="OpenCand website" title="Website">
|
|
<i class="ri-global-line"></i>
|
|
</a>
|
|
<a href="https://github.com/ivanch/opencand" class="project-icon-link" target="_blank" rel="noopener noreferrer" aria-label="OpenCand on GitHub" 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/vision-start" class="project-icon-link" target="_blank" rel="noopener noreferrer" aria-label="Vision Start on GitHub" 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/kasbot" class="project-icon-link" target="_blank" rel="noopener noreferrer" aria-label="Kasbot on GitHub" 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/candlebright" class="project-icon-link" target="_blank" rel="noopener noreferrer" aria-label="Candlebright on GitHub" 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>
|