136 lines
No EOL
4.8 KiB
HTML
136 lines
No EOL
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>DarkCat09's Site</title>
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
<!-- Cool Animations! -->
|
|
<link rel="stylesheet" href="css/tuesday.min.css" />
|
|
<!-- Font Awesome -->
|
|
<script src="https://kit.fontawesome.com/a966b160a8.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body onload="setupUi();initStars();">
|
|
<!-- Top Menu -->
|
|
<nav class="menu">
|
|
<ul class="top-menu">
|
|
<!-- My Logo, drawn in Inkscape -->
|
|
<li id="item-logo" title="DarkCat09">
|
|
<img src="logo/dc09logo.svg" alt="DC09" class="logo" />
|
|
</li>
|
|
<!-- About Me Pop-up Card -->
|
|
<li id="item-about" class="withhint">
|
|
<a href="javascript:void(0);" onclick="showAboutCard(event);">
|
|
<i class="fas fa-user"></i>
|
|
</a>
|
|
</li>
|
|
<!-- My Profile on GitHub -->
|
|
<li id="item-github" class="withhint">
|
|
<a href="https://github.com/DarkCat09">
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
</li>
|
|
<!-- My Discord Nick#Tag and My Bots -->
|
|
<li id="item-discord" class="withhint">
|
|
<a href="javascript:void(0);" onclick="showDiscordSubmenu(event);">
|
|
<i class="fab fa-discord"></i>
|
|
</a>
|
|
<nav class="submenu context-menu-like popup">
|
|
<li id="item-dscopy" class="withhint">
|
|
<a href="javascript:void(0);" onclick="copyDiscordTag(event);">DarkCat09#5587</a>
|
|
</li>
|
|
<li id="item-dscm" class="withhint">
|
|
<a href="https://github.com/DarkCat09/catmusic-discord-bot">CatMusic Bot</a>
|
|
</li>
|
|
<li id="item-dspt" class="withhint">
|
|
<a href="https://github.com/DarkCat09/pictools-discord-bot">PicTools Bot</a>
|
|
</li>
|
|
<li id="item-dsgp" class="withhint">
|
|
<a href="https://github.com/DarkCat09/getp2p-discord-bot">GetP2P Bot</a>
|
|
</li>
|
|
<li id="item-dsvt" class="withhint">
|
|
<a href="https://github.com/DarkCat09/vtdiscord-bot">VtDiscord Bot</a>
|
|
</li>
|
|
</nav>
|
|
</li>
|
|
<!-- E-mail -->
|
|
<li id="item-email" class="withhint">
|
|
<a href="mailto:aacd0709@mail.ru?subject=Hello from GitHub!">
|
|
<i class="fas fa-envelope"></i>
|
|
</a>
|
|
</li>
|
|
<li id="item-youtube" class="withhint">
|
|
<a href="https://youtube.com/">
|
|
<i class="fab fa-youtube"></i>
|
|
</a>
|
|
</li>
|
|
<li id="item-minecraft" class="withhint">
|
|
<a href="#">
|
|
<span class="minecraft-text">MC</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- The Universe -->
|
|
<div class="space-wrapper">
|
|
<!-- The Space -->
|
|
<div class="space-obj">
|
|
<!-- Stars -->
|
|
<canvas id="stars"></canvas>
|
|
<!-- Space Object -->
|
|
<img src="img/earth.gif" alt="Can't load image" />
|
|
</div>
|
|
</div>
|
|
<!-- Hints -->
|
|
<div class="hint" id="hint-about"><span>About me</span></div>
|
|
<div class="hint" id="hint-github"><span>GitHub</span></div>
|
|
<div class="hint" id="hint-discord"><span>Discord</span></div>
|
|
<div class="hint" id="hint-dscopy"><span>Copy my nickname and tag</span></div>
|
|
<div class="hint" id="hint-dscm"><span>Plays music in the voice channel</span></div>
|
|
<div class="hint" id="hint-dspt"><span>Processes an attached image</span></div>
|
|
<div class="hint" id="hint-dsgp"><span>Downloads torrent-files from Rutor without VPN</span></div>
|
|
<div class="hint" id="hint-dsvt"><span>Scans a file or a URL on VirusTotal</span></div>
|
|
<div class="hint" id="hint-email"><span>Send an email</span></div>
|
|
<div class="hint" id="hint-youtube"><span>My Youtube channel (coming soon)</span></div>
|
|
<div class="hint" id="hint-minecraft"><span>Minecraft</span></div>
|
|
<!-- "Copied!" Message -->
|
|
<div class="msg-wrapper card-wrapper context-menu-like popup">
|
|
<div class="msg-card card">
|
|
<h1>Copied!</h1>
|
|
</div>
|
|
</div>
|
|
<!-- About Me -->
|
|
<div class="about-card-wrapper card-wrapper context-menu-like popup">
|
|
<div class="about-card card">
|
|
<h1>Hi! I'm Andrew</h1>
|
|
<h2>@DarkCat09</h2>
|
|
</div>
|
|
</div>
|
|
<!-- Context Menu -->
|
|
<div class="context-menu-like context-menu popup">
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:void(0);" onclick="changePicture(event, 0);">
|
|
<i class="fas fa-globe-americas"></i> Earth
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);" onclick="changePicture(event, 1);">
|
|
<i class="fas fa-moon"></i> Moon
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);" onclick="changePicture(event, 2);">
|
|
<i class="fas fa-sun"></i> Sun
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<i class="fas fa-wrench"></i> Speed:
|
|
<input type="range" min="30" max="1200" step="30" value="480"
|
|
oninput="spaceObjSpeed(this.value);" onclick="event.stopPropagation();" />
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- JavaScript -->
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |