pages/index.html
2025-06-22 20:27:09 +02:00

138 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/gh/0x5841524f4e/js-lanyard/lanyard.js"></script>
<title>zyq's Portfolio</title>
<link href="assets/css/style.css" rel="stylesheet" />
<link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://app.rybbit.io/api/script.js" data-site-id="1005" defer ></script>
</head>
<body>
<div class="info" id="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 / fentboiswag / монгол">zyqunix</h1>
<span><div class="time tooltip" id="time"></div><div class="weather" id="weather"></div></span></span>
<div class="age tooltip" id="age"></div>
<span class="hobbies" id="hobbies">
Coding, Listening to Music, Reverse Engineering, Playing Counter-Strike
</span>
</div>
<div class="discord cards" id="Discord">
<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" id="Languages">
<h2 class="card-header" id="languages">Languages</h2>
</div>
<div class="skills cards" id="skills-div">
<h2 class="card-header" id="skills">Skills</h2>
</div>
<div class="stats cards" id="Stats">
<h2 id="coding_stats">Coding Stats</h2>
<p id="stats_since">Since January 5th, 2025</p>
<div id="wakapi"></div>
</div>
<div class="contact cards" id="Contact">
<h2 class="card-header" id="contact">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/byte_ptr" 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/cb63e26fb66c9e419ebea16040c9f3fd8700d3b9/icons/twitter/twitter-real.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>
<div class="software cards" id="Software">
<h2 class="card-header" id="software_header">Software I Use</h2>
<a class="software-item neovim" href="https://neovim.io/" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/0/07/Neovim-mark-flat.svg">
<span class="software-name">Neovim</span>
</a>
<a id="software_equicord_tooltip" class="software-item tooltip" data-tooltip="I have contributed in making 2 plugins" href="https://equicord.org" target="_blank">
<img class="image" src="data:image/svg+xml,%3csvg%20width='443'%20height='443'%20viewBox='0%200%20443%20443'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_44_30)'%3e%3cpath%20d='M443%20221.5C443%20343.831%20343.831%20443%20221.5%20443C99.1691%20443%200%20343.831%200%20221.5C0%2099.1691%2099.1691%200%20221.5%200C343.831%200%20443%2099.1691%20443%20221.5ZM88.0751%20221.5C88.0751%20295.188%20147.811%20354.925%20221.5%20354.925C295.189%20354.925%20354.925%20295.188%20354.925%20221.5C354.925%20147.811%20295.189%2088.075%20221.5%2088.075C147.811%2088.075%2088.0751%20147.811%2088.0751%20221.5Z'%20fill='%23828282'/%3e%3cpath%20d='M292.475%20221.738C292.475%20260.805%20260.805%20292.475%20221.738%20292.475C206.464%20292.475%20192.321%20287.634%20180.759%20279.403L99.204%20328.406C213.071%20259.189%20140.312%20237.528%2065.4865%20281.979L151.513%20230.289C151.175%20227.486%20151.001%20224.632%20151.001%20221.738C151.001%20182.671%20182.671%20151.001%20221.738%20151.001C236.81%20151.001%20250.781%20155.714%20262.257%20163.748L318.541%20129.929C308.425%20119.209%20296.562%20110.196%20283.404%20103.305C262.883%2092.5569%20239.917%2087.3371%20216.767%2088.1588C193.616%2088.981%20171.078%2095.816%20151.371%20107.992C131.664%20120.168%20115.466%20137.264%20104.372%20157.6C100.352%20164.97%2097.0514%20172.673%2094.4977%20180.602C87.043%20203.753%2068.385%20224.336%2044.0682%20224.786C19.7508%20225.237%20-0.771072%20205.707%203.59034%20181.78C7.80789%20158.642%2015.7009%20136.23%2027.0546%20115.419C45.4719%2081.6595%2072.362%2053.2771%20105.078%2033.0639C137.794%2012.8507%20175.21%201.5037%20213.642%200.139448C252.074%20-1.2248%20290.2%207.44037%20324.267%2025.2823C358.334%2043.1247%20387.169%2069.5294%20407.934%20101.898C428.699%20134.267%20440.679%20171.484%20442.696%20209.888C444.712%20248.291%20436.694%20286.558%20419.433%20320.923C408.791%20342.107%20394.864%20361.358%20378.246%20378.002C361.062%20395.213%20333.322%20389.466%20319.844%20369.221C306.366%20348.976%20312.66%20321.917%20327.444%20302.605C332.508%20295.991%20336.96%20288.891%20340.729%20281.389C351.127%20260.689%20355.956%20237.638%20354.742%20214.505C354.103%20202.346%20351.807%20190.385%20347.956%20178.941L291.894%20212.626C292.278%20215.609%20292.475%20218.65%20292.475%20221.738ZM99.204%20328.406C97.8064%20329.256%2096.3807%20330.113%2094.9269%20330.976L99.204%20328.406Z'%20fill='url(%23paint0_linear_44_30)'/%3e%3cpath%20d='M224.615%20186.365C238.145%20178.236%20255.704%20182.613%20263.834%20196.143C271.963%20209.673%20267.586%20227.232%20254.055%20235.362L94.9268%20330.976L65.4863%20281.98L224.615%20186.365Z'%20fill='%23828282'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_44_30'%20x1='223.001'%20y1='0'%20x2='223.001'%20y2='388.178'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%235C5C5C'/%3e%3cstop%20offset='1'%20stop-color='%23333333'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_44_30'%3e%3crect%20width='443'%20height='443'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e">
<span class="software-name">Equicord</span>
</a>
<a class="software-item" href="https://archlinux.org" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/1/13/Arch_Linux_%22Crystal%22_icon.svg">
<span class="software-name">Arch Linux</span>
</a>
<a class="software-item" href="https://wikiless.funami.tech/wiki/Windows_10" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/5/5f/Windows_logo_-_2012.svg">
<span class="software-name">Windows 10</span>
</a>
<a class="software-item" href="https://github.com/Floorp-Projects/Floorp" target="_blank">
<img class="image" src="https://raw.githubusercontent.com/Floorp-Projects/Floorp/refs/heads/ESR128/browser/branding/official/content/about-logo.svg">
<span class="software-name">Floorp</span>
</a>
<a id="software_intellij_tooltip" class="software-item tooltip" data-tooltip="Used to make my Minecraft Mod" href="https://www.jetbrains.com/idea" target="_blank">
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/9/9c/IntelliJ_IDEA_Icon.svg">
<span class="software-name">IntelliJ IDEA</span>
</a>
<a id="software_android_tooltip" class="software-item tooltip" data-tooltip="Used to make/customize open-source apps" href="https://developer.android.com/studio" target="_blank">
<img class="image" src="https://wikiless.funami.tech/media/wikipedia/commons/5/51/Android_Studio_Logo_2024.svg">
<span class="software-name">Android Studio</span>
</a>
<a id="software_kitty_tooltip" class="software-item tooltip" data-tooltip="Main Terminal on Linux" href="https://sw.kovidgoyal.net/kitty" target="_blank">
<img class="image" src="https://sw.kovidgoyal.net/kitty/_static/kitty.svg">
<span class="software-name">Kitty</span>
</a>
</div>
<div class="cards sitemap shadow" id="Sitemap">
<h2 class="card-header" id="sitemap">Sitemap</h2>
<h3 id="more">More can be found on the <a href="sitemap" id="more_sm">sitemap/sites page</a></h3>
<h4 id="note">Note: I do forget to add new sites there sometimes. So check the <a href="https://github.com/zyqunix/tools">GitHub</a> if you think there are some missing</h4>
</div>
<div class="music">
<img src="assets/img/dancing-banan.gif" class="banan" id="banan">
<div class="popup shadow" id="music-pop">
<div class="top"><h3 id="listening_to">Listening To <a id="artist" target="_blank">No one</a></h3>
<button id="close"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Menu / Close_MD"> <path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: var(--darkreader-text-ffffff, #e8e6e3);" data-darkreader-inline-stroke=""></path> </g> </g></svg></button></div>
<div class="song">
<div>
<img src="https://lastfm.freetls.fastly.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.jpg" id="song-cover">
<span id="song-name">Untitled</span>
</div>
<div>
<a id="song-url" class="tooltip" data-tooltip="Open in new tab" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-external-link "><path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path><path d="M11 13l9 -9"></path><path d="M15 4h5v5"></path></svg></a>
<button id="refresh" class="msb tooltip" data-tooltip="Refresh in 30s"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4.06189 13C4.02104 12.6724 4 12.3387 4 12C4 7.58172 7.58172 4 12 4C14.5006 4 16.7332 5.14727 18.2002 6.94416M19.9381 11C19.979 11.3276 20 11.6613 20 12C20 16.4183 16.4183 20 12 20C9.61061 20 7.46589 18.9525 6 17.2916M9 17H6V17.2916M18.2002 4V6.94416M18.2002 6.94416V6.99993L15.2002 7M6 20V17.2916" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: var(--darkreader-text-ffffff, #e8e6e3);" data-darkreader-inline-stroke=""></path> </g></svg></button>
</div>
</div>
</div>
</div>
<div id="overlay" tabindex="0"></div>
<footer class="cards">
<p id="copyright">© 2025 zyqunix - all rights reserved</p>
<p id="foss">❤️ This website is open-source on <a href="https://github.com/zyqunix/tools" target="_blank">GitHub</a></p>
<p id="inspired">✨ Inspired by <a href="https://vmohammad.dev" target="_blank" id="vm">vMohammad's Portfolio</a></p>
<p id="bw">❤️ Made with love by zyqunix in Germany</p>
</footer>
<script src="assets/js/index.js" type="module"></script>
<script src="assets/js/lang.js"></script>
</body>
</html>