tools/portfolio/index.html
2025-03-01 00:10:49 +01:00

71 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.jsdelivr.net/gh/0x5841524f4e/js-lanyard/lanyard.js"></script>
<title>zyq's Portfolio</title>
<link href="style.css" rel="stylesheet" />
<link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
</head>
<body>
<div class="info">
<img
src="https://cdn.discordapp.com/avatars/1201415921802170388/3ccc13a2825eb8c98b5371fa0706e450.webp?size=1024&amp;width=640&amp;height=640"
alt="Profile Picture"
id="profile-picture"
/>
<h1 class="name tooltip" data-tooltip="zyqunix / Fabio / Laetitia / fentboiswag / монгол / 192.168.2.217">zyqunix / Fabio</h1>
<div class="time tooltip" id="time"> </div>
<div class="age tooltip" id="age" data-tooltip="December 13th, 2008"></div>
<div class="hobbies">
Coding, Listening to Music, Reverse Engineering, Playing Counter-Strike
</div>
</div>
<div class="discord cards">
<h2>Discord</h2>
<div id="status">Status</div>
<div class="activity">
<img alt="Activity Image" id="activity-image" />
<div id="activity-name"></div>
</div>
</div>
<div class="languages cards">
<h2 class="card-header">Languages</h2>
</div>
<div class="skills cards" id="skills-div">
<h2 class="card-header">Skills</h2>
</div>
<div class="contact cards">
<h2 class="card-header">Contact</h2>
<a class="contact-item github-contact" href="https://github.com/zyqunix" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/devicon/404c165ff8d0b7eda226ec5eb66fdfc64f5f381f/icons/github/github-original.svg">
<span class="contact-name">GitHub</span>
</a>
<a class="contact-item instagram-contact" href="https://instagram.com/192.168.2.217" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/simple-icons/725d82d3e0d7feb029b84fb3ccaec2f5ec1e5fb5/icons/instagram.svg">
<span class="contact-name">Instagram</span>
</a>
<a class="contact-item twitter-contact" href="https://x.com/real_zyqunix" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/devicon/45338f81bcadf23bb3160d0ea4e15d5fcd706d15/icons/twitter/twitter-original.svg">
<span class="contact-name">Twitter</span>
</a>
<a class="contact-item youtube-contact" href="https://youtube.com/@zyqunix" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/zyqunix/simple-icons/7caa6bae5f54b0cfd0d82da3fa293674d408ab44/icons/youtube.svg">
<span class="contact-name">YouTube</span>
</a>
</div>
<script src="index.js"></script>
<footer class="cards">
<p>© 2025 zyqunix. All rights reserved.</p>
<p>❤️ This website is open-source on <a href="https://github.com/zyqunix/tools" target="_blank">GitHub</a>.</p>
<p>✨ Inspired by <a href="https://vmohammad.dev" target="_blank">vMohammad's Portfolio</a>.</p>
<p>❤️ Made with love by zyqunix in Germany.</p>
</footer>
</body>
</html>