942 lines
29 KiB
HTML
942 lines
29 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>DarkCat09's Web Site</title>
|
|
<link rel="stylesheet/less" type="text/css" href="styles.less" />
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/shakrmedia/tuesday@v1.1.0/build/tuesday.min.css" />
|
|
<link rel="stylesheet" href="fontawesome/css/fontawesome.min.css" />
|
|
<link rel="stylesheet" href="fontawesome/css/solid.min.css" />
|
|
<link rel="stylesheet" href="fontawesome/css/brands.min.css" />
|
|
<script src="https://cdn.jsdelivr.net/npm/less"></script>
|
|
</head>
|
|
<body onload="init()">
|
|
<!-- The Universe -->
|
|
<div class="space-wrapper">
|
|
<div class="space">
|
|
<canvas id="stars"></canvas>
|
|
<img id="space-obj" src="img/earth.gif" alt="Unable to load image" />
|
|
</div>
|
|
</div>
|
|
<!-- About Menu -->
|
|
<div class="menu about-menu">
|
|
<div class="top-menu">
|
|
<ul class="section">
|
|
<li>
|
|
<input type="radio" name="section-input" id="about-section">
|
|
<label for="about-section">
|
|
<a href="#about">
|
|
<i class="fa-solid fa-user"></i>
|
|
</a>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="section-input" id="code-section">
|
|
<label for="code-section">
|
|
<a href="#code">
|
|
<i class="fa-solid fa-code"></i>
|
|
</a>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="section-input" id="selfhosted-section">
|
|
<label for="selfhosted-section">
|
|
<a href="#selfhosted">
|
|
<i class="fa-solid fa-cube"></i>
|
|
</a>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<input type="radio" name="section-input" id="help-section">
|
|
<label for="help-section">
|
|
<a href="#help">
|
|
<i class="fa-solid fa-question"></i>
|
|
</a>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
<div class="row-fill"></div>
|
|
<ul class="section">
|
|
<li id="move">
|
|
<label>
|
|
<a href="javascript:void(0)">
|
|
<i class="fa-solid fa-arrows-up-down-left-right"></i>
|
|
</a>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="hidden" id="about">
|
|
<div class="card about-card">
|
|
<div class="title">
|
|
Hi! I'm Andrew.
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-calendar-days"></i>
|
|
</div>
|
|
<div class="content">
|
|
Birthday: July, 2009 (<span id="age-js"></span>)
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-location-dot"></i>
|
|
</div>
|
|
<div class="content">
|
|
Russia, Ulyanovsk
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-headphones"></i>
|
|
</div>
|
|
<div class="content">
|
|
One Direction,<br>
|
|
Linkin Park,<br>
|
|
Imagine Dragons
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-desktop"></i>
|
|
</div>
|
|
<div class="content">
|
|
Manjaro KDE
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-1">
|
|
<label class="expand link" for="expand-1">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="details-1">
|
|
<pre id="inxi"></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card profiles">
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-github"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="https://github.com/DarkCat09">
|
|
GitHub: DarkCat09
|
|
</a>
|
|
<div class="copylink">
|
|
<span class="link profile-link" data-link="https://github.com/DarkCat09">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-git-alt"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="https://codeberg.org/DarkCat09">
|
|
Codeberg: DarkCat09
|
|
</a>
|
|
<div class="copylink">
|
|
<div class="link profile-link" data-link="https://codeberg.org/DarkCat09">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-envelope"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="mailto:a.chehckenev@yandex.ru">
|
|
E-mail: a.chechkenev
|
|
</a>
|
|
<div class="copylink">
|
|
<a class="link profile-link" data-link="a.chechkenev@yandex.ru">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-telegram"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="https://t.me/darkcat09">
|
|
Telegram: @darkcat09
|
|
</a>
|
|
<div class="copylink">
|
|
<div class="link profile-link" data-link="https://t.me/darkcat09">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-4"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="https://4pda.to/forum/index.php?showuser=8898436">
|
|
4PDA: DarkCat09 (8898436)
|
|
</a>
|
|
<div class="copylink">
|
|
<div class="link profile-link" data-link="https://4pda.to/forum/index.php?showuser=8898436">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-discord"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a class="name" target="_blank" href="https://discord.com/app">
|
|
Discord: DarkCat09#5587
|
|
</a>
|
|
<div class="copylink">
|
|
<div class="link profile-link" data-link="DarkCat09#5587">
|
|
<i class="fa-solid fa-copy"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copied inline-popup right">
|
|
Copied
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden" id="code">
|
|
<div class="card">
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-python"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">Python</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-py">
|
|
<label class="expand link" for="expand-py">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="python">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Basics</li>
|
|
<li>OOP</li>
|
|
<li>PEP8, MyPy</li>
|
|
<li>Unpacking, filter/map</li>
|
|
<li>List/dict comprehension</li>
|
|
<li>Flask</li>
|
|
<li>PyPI packaging</li>
|
|
<li>Unittests</li>
|
|
<li>MkDocs</li>
|
|
<li>Lots of modules</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/python-aternos">
|
|
python-aternos
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">41</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/python-scripts">
|
|
python-scripts
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">5</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/showdialog">
|
|
showdialog
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/randomus">
|
|
randomus
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/knigavuhe">
|
|
knigavuhe
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/1e2d1c79d038392adab5280d79626eab">
|
|
discord bots
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">1</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/b53a72d94786aed696372e889a3b7885">
|
|
bb pixel art
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">1</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-html5"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">HTML & CSS</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-css">
|
|
<label class="expand link" for="expand-css">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="css">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li class="less-logo">
|
|
<img src="https://lesscss.org/public/img/less_logo.png" alt="{less}">
|
|
</li>
|
|
<li>HTML, CSS basics</li>
|
|
<li>Forms, inputs</li>
|
|
<li>Animations</li>
|
|
<li>Flexboxes</li>
|
|
<li>Grid (learning)</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://codeberg.org/DarkCat09/pages">
|
|
this page
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/cmdsminew">
|
|
cmdsmine
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/monolight">
|
|
monolight
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-square-js"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">JavaScript</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-js">
|
|
<label class="link expand" for="expand-js">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="js">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Basics</li>
|
|
<li>Loops, conditions</li>
|
|
<li>Sort, filter, etc.</li>
|
|
<li>Classes</li>
|
|
<li>Arrow expresions</li>
|
|
<li>Destructuring</li>
|
|
<li>Promises, async/await</li>
|
|
<li>How to optimize code</li>
|
|
<li>DOM, Event Handlers</li>
|
|
<li>2D Canvas</li>
|
|
<li>SweetAlert2</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://codeberg.org/DarkCat09/pages">
|
|
this page
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/monolight">
|
|
monolight
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i>
|
|
<span><img src="svg/kotlin.svg" alt="K"></span>
|
|
</i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">Kotlin</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-kotlin">
|
|
<label class="link expand" for="expand-kotlin">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="kotlin">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Basics</li>
|
|
<li>If, when</li>
|
|
<li>Loops, ranges</li>
|
|
<li>Lists, Maps</li>
|
|
<li>OOP, data classes</li>
|
|
<li>Lambdas</li>
|
|
<li>Vararg</li>
|
|
<li>Null safety operators</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/helloapp">
|
|
helloapp
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/replace-input">
|
|
replace-input
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-hashtag"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">CSharp</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-csharp">
|
|
<label class="link expand" for="expand-csharp">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="csharp">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Syntax</li>
|
|
<li>Loops, conditions</li>
|
|
<li>WinForms</li>
|
|
<li>MySql.Data</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/AchSmartHome">
|
|
AchSmartHome
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/RecurseWinFormsTest">
|
|
RecursionTest
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/Tariffs">
|
|
Tariffs
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-windows"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">VBScript</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-vbs">
|
|
<label class="link expand" for="expand-vbs">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="vbs">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Syntax</li>
|
|
<li>Arrays</li>
|
|
<li>Loops, conditions</li>
|
|
<li>Message boxes</li>
|
|
<li>WScript.Shell</li>
|
|
<li>FileSystemObject</li>
|
|
<li>Registry Editing</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/vbscripting">
|
|
vbscripting
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/vbs-season-wallpaper">
|
|
season-wallpaper
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/6b7226dc5afea2f4b5c8f6407e323a65">
|
|
add-to-startup
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/5f12095cbef4d299f2b8124410ca3e48">
|
|
winrestart
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-solid fa-terminal"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">Bash</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-bash">
|
|
<label class="link expand" for="expand-bash">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="bash">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Basics</li>
|
|
<li>Loops and conditions</li>
|
|
<li>Functions</li>
|
|
<li>Crontab</li>
|
|
<li>Some escape codes</li>
|
|
<li>Arrays (learning)</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/saveyoureyes">
|
|
save-your-eyes
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/cba140c921a5bed7f042e157b2319808">
|
|
1compiler
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/29e4628664dc53666f0b6242395aeab8">
|
|
bashrc
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/eb40c544a4a722bb3a62d23e8ad418cb">
|
|
floating window
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-java"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">Java</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-java">
|
|
<label class="link expand" for="expand-java">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="java">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Syntax</li>
|
|
<li>Loops, conditions</li>
|
|
<li>Lists, HashMap</li>
|
|
<li>JavaFX + SceneBuilder</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/blockapp">
|
|
blockapp
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://gist.github.com/DarkCat09/ce7286f7acca79177b440bae9251e819">
|
|
magic substring
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/mtkfwtools">
|
|
mtkfwtools
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/virustotal-gui-fx">
|
|
virustotal-gui-fx
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-php"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">PHP</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-php">
|
|
<label class="link expand" for="expand-php">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="php">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Variables</li>
|
|
<li>Arrays</li>
|
|
<li>Conditions, loops</li>
|
|
<li>Headers</li>
|
|
<li>Drawing images</li>
|
|
<li>MySQLi</li>
|
|
<li>Bcrypt</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects">
|
|
<div class="repo">
|
|
<a target="_blank" href="https://github.com/DarkCat09/englearn">
|
|
englearn
|
|
</a>
|
|
<div class="stars-icon">
|
|
<i class="fa-regular fa-star"></i>
|
|
</div>
|
|
<div class="stars-num">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="icon">
|
|
<i class="fa-brands fa-android"></i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="lang-name">Smali</div>
|
|
<div class="details">
|
|
<div class="expand-wrapper">
|
|
<input type="checkbox" id="expand-smali-1">
|
|
<label class="link expand" for="expand-smali-1">
|
|
<i class="fa-solid fa-angle-down"></i>
|
|
Details
|
|
</label>
|
|
<div class="hidden" id="smali">
|
|
<div class="lang-wrapper">
|
|
<div class="lang-skills">
|
|
<div class="caption">
|
|
I know:
|
|
</div>
|
|
<ol>
|
|
<li>Syntax</li>
|
|
</ol>
|
|
<div class="caption">
|
|
I can:
|
|
</div>
|
|
<ol>
|
|
<li>Read non-obfuscated code</li>
|
|
<li>Change simple code</li>
|
|
</ol>
|
|
</div>
|
|
<div class="projects"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Context Menu -->
|
|
<div class="menu context-menu">
|
|
<ul>
|
|
<li class="change-img">
|
|
<a href="javascript:void(0)" data-img="img/earth.gif">
|
|
<span class="icon">
|
|
<i class="fas fa-globe-americas"></i>
|
|
</span>
|
|
Earth
|
|
</a>
|
|
</li>
|
|
<li class="change-img">
|
|
<a href="javascript:void(0)" data-img="img/moon.gif">
|
|
<span class="icon">
|
|
<i class="fas fa-moon"></i>
|
|
</span>
|
|
Moon
|
|
</a>
|
|
</li>
|
|
<li class="change-img">
|
|
<a href="javascript:void(0)" data-img="img/sun.gif">
|
|
<span class="icon">
|
|
<i class="fas fa-sun"></i>
|
|
</span>
|
|
Sun
|
|
</a>
|
|
</li>
|
|
<li class="change-img">
|
|
<a href="javascript:void(0)" data-img="img/mars.gif">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-earth-europe"></i>
|
|
</span>
|
|
Mars
|
|
</a>
|
|
</li>
|
|
<li class="change-speed">
|
|
<a href="javascript:void(0)">
|
|
<span class="icon">
|
|
<i class="fas fa-wrench"></i>
|
|
</span>
|
|
Speed:
|
|
<input type="range" min="0" max="1170" step="30" value="720" />
|
|
</a>
|
|
</li>
|
|
<li class="land-to">
|
|
<a href="javascript:void(0)">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-rocket"></i>
|
|
</span>
|
|
Land to Earth
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- JavaScript -->
|
|
<script src="js/anim.js"></script>
|
|
<script src="js/script.js"></script>
|
|
<script src="js/init.js"></script>
|
|
<script src="js/menu.js"></script>
|
|
<script src="js/control.js"></script>
|
|
<script src="js/handlers.js"></script>
|
|
</body>
|
|
</html>
|