dc09.ru-old/space/index.html

1009 lines
31 KiB
HTML
Raw Normal View History

2020-11-19 16:30:45 +04:00
<!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" />
2022-10-12 17:07:01 +04:00
<link rel="stylesheet" href="fontawesome/css/fontawesome.min.css" />
<link rel="stylesheet" href="fontawesome/css/solid.min.css" />
2022-12-30 16:43:27 +04:00
<link rel="stylesheet" href="fontawesome/css/regular.min.css" />
2022-10-12 17:07:01 +04:00
<link rel="stylesheet" href="fontawesome/css/brands.min.css" />
<script src="https://cdn.jsdelivr.net/npm/less"></script>
2020-11-19 16:30:45 +04:00
</head>
<body onload="init()">
2021-07-23 11:00:33 +04:00
<!-- 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" />
2021-07-23 11:00:33 +04:00
</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>
2022-10-13 13:34:50 +04:00
<!--
<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>
2022-10-13 13:34:50 +04:00
-->
</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>
2021-07-23 11:00:33 +04:00
</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">
2022-10-12 17:07:01 +04:00
<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>
2022-10-11 14:36:41 +04:00
<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>
2021-02-20 10:44:09 +04:00
</div>
2022-10-13 13:34:50 +04:00
<div class="hidden" id="selfhosted">
<div class="card">
<div>Hosted on Raspberry Pi 4B</div>
<div>
<div class="icon">
<i class="fa-solid fa-house"></i>
</div>
<div class="content">
<a href="https://dc09.ru" target="_blank">
dc09.ru
</a>
</div>
</div>
<div>
<div class="icon">
<i class="fa-brands fa-git-alt"></i>
</div>
<div class="content">
<a href="https://git.dc09.ru" target="_blank">
git.dc09.ru
</a>
</div>
</div>
<div>
<div class="icon">
<i class="fa-solid fa-link"></i>
</div>
<div class="content">
<a href="https://url.dc09.ru" target="_blank">
url.dc09.ru
</a>
</div>
</div>
<div>
<div class="icon">
<i class="fa-solid fa-address-book"></i>
</div>
<div class="content">
<a href="https://sync.dc09.ru" target="_blank">
sync.dc09.ru
</a>
</div>
</div>
<div>
<div class="icon">
<i class="fa-brands fa-wikipedia-w"></i>
</div>
<div class="content">
<a href="https://wt.dc09.ru" target="_blank">
wt.dc09.ru
</a>
</div>
</div>
</div>
</div>
2020-11-19 16:30:45 +04:00
</div>
2021-07-23 11:00:33 +04:00
<!-- Context Menu -->
<div class="menu context-menu">
2021-07-23 11:00:33 +04:00
<ul>
<li class="change-img">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper" data-img="img/earth.gif">
<span class="icon">
<i class="fas fa-globe-americas"></i>
</span>
Earth
2022-12-30 16:41:02 +04:00
</span>
2021-07-23 11:00:33 +04:00
</li>
<li class="change-img">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper" data-img="img/moon.gif">
<span class="icon">
<i class="fas fa-moon"></i>
</span>
Moon
2022-12-30 16:41:02 +04:00
</span>
2021-07-23 11:00:33 +04:00
</li>
<li class="change-img">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper" data-img="img/sun.gif">
<span class="icon">
<i class="fas fa-sun"></i>
</span>
Sun
2022-12-30 16:41:02 +04:00
</span>
2021-07-23 11:00:33 +04:00
</li>
<li class="change-img">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper" data-img="img/mars.gif">
<span class="icon">
<i class="fa-solid fa-earth-europe"></i>
</span>
Mars
2022-12-30 16:41:02 +04:00
</span>
</li>
2022-12-29 16:46:35 +04:00
<li class="change-img">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper" data-img="data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
2022-12-29 16:46:35 +04:00
<span class="icon">
<i class="fa-regular fa-circle-xmark"></i>
</span>
Space
2022-12-30 16:41:02 +04:00
</span>
2022-12-29 16:46:35 +04:00
</li>
<li class="change-speed">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper">
<span class="icon">
<i class="fas fa-wrench"></i>
</span>
Speed:
<input type="range" min="0" max="1170" step="30" value="720" />
2022-12-30 16:41:02 +04:00
</span>
</li>
<li class="land-to">
2022-12-30 16:41:02 +04:00
<span class="li-wrapper">
<span class="icon">
<i class="fa-solid fa-rocket"></i>
</span>
Land to Earth
2022-12-30 16:41:02 +04:00
</span>
</li>
2021-07-23 11:00:33 +04:00
</ul>
</div>
<!-- JavaScript -->
<script src="js/anim.js"></script>
2021-02-20 10:44:09 +04:00
<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>
2020-11-19 16:30:45 +04:00
</body>
</html>