114 lines
4.8 KiB
HTML
114 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link href="style.css" rel="stylesheet">
|
||
<title>OctoBanon's Website</title>
|
||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<meta content="OctoBanon's Website" property="og:title">
|
||
<meta content="Personal website with information about me" property="og:description">
|
||
<meta content="#3A3A3A" data-react-helmet="true" name="theme-color">
|
||
<meta content="https://octobanon.com/fof.gif" property="og:image">
|
||
<script>
|
||
window.addEventListener('load', function() {
|
||
var currentDate = new Date();
|
||
var birthDate = new Date("2006-07-07");
|
||
var age = currentDate.getFullYear() - birthDate.getFullYear();
|
||
var birthDateThisYear = new Date(currentDate.getFullYear(), birthDate.getMonth(), birthDate.getDate());
|
||
if (currentDate < birthDateThisYear) {
|
||
age--;
|
||
}
|
||
|
||
document.getElementById("age").textContent = age;
|
||
});
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<ul class="nav">
|
||
<li><a href="/" class="active"><img src="home.svg" alt="Home"><span>Home</span></a></li>
|
||
<li><a href="https://status.octobanon.com/status/services"><img src="status.svg" alt="Status"> <span>Status</span></a></li>
|
||
<li><a href="https://git.octobanon.com/OctoBanon/MyWebsite"><img src="git.svg" alt="Sources"> <span>Sources</span></a></li>
|
||
</ul>
|
||
|
||
<h4 class="about-title">About me</h4>
|
||
<p class="about-me">
|
||
Hello, I'm Maksim and I'm <span id="age"></span> years old, developer and system administrator from <a href="https://octobanon.com/yaycha">Russia</a>. Now I’m gradually learning three languages: TypeScript, Rust, <a href="https://octobanon.com/teapot">Java</a>.
|
||
</p>
|
||
<br />
|
||
|
||
<h4 class="title">Socials</h4>
|
||
<h5 class="description">Here are all my social networks</h5>
|
||
<div class="box">
|
||
<a class="row" href="https://sk.octobanon.com/@OctoBanon">
|
||
<p>Sharkey</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://mastodon.ml/@octobanon">
|
||
<p>Mastodon (Reserve)</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://steamcommunity.com/id/octobanon">
|
||
<p>Steam</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://git.octobanon.com/OctoBanon">
|
||
<p>Gitfof (Forgejo)</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://github.com/OctoBanon-Main">
|
||
<p>Github</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
</div>
|
||
|
||
<h4 class="title">Contacts</h4>
|
||
<h5 class="description">Here you can choose how to contact with me</h5>
|
||
<div class="box">
|
||
<a class="row" href="mailto:me@octobanon.com">
|
||
<p>Mail - me@octobanon.com</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://t.me/OctoBanon">
|
||
<p>Telegram - @OctoBanon</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://matrix.to/#/@octobanon:matrix.org">
|
||
<p>Matrix - @octobanon:matrix.org</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://discordapp.com/users/839947810735521792">
|
||
<p>Discord - octobanon</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
</div>
|
||
|
||
<h4 class="title">Friends websites :3</h4>
|
||
<h5 class="description"><a href="https://octobanon.com/fof">:3</a></h5>
|
||
<div class="box">
|
||
<a class="row" href="https://kostyazero.com">
|
||
<p>kostya_zero</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://houl.floof.company">
|
||
<p>Houl</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://kiber-ogur4ik.space">
|
||
<p>kiber_ogur4ik</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
<a class="row" href="https://r2squad.ru">
|
||
<p>Honak (r2squad)</p>
|
||
<img src="link.svg" alt="Link">
|
||
</a>
|
||
</div>
|
||
<footer>
|
||
<p class="info">Made by OctoBanon</p>
|
||
<p class="credits">Used fonts: Cantarell</p>
|
||
<p class="credits">Made inspired by GTK and Adwaita style</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|