index.html

<!--
   ____         _ __                 _     __ 
  / __/__ ___  (_) /__ ___ ___ _  __(_)___/ / 
 / _// -_) _ \/ /  '_/(_-</ _ \ |/ / / __/ _ \
/_/  \__/_//_/_/_/\_\/___/\___/___/_/\__/_//_/
This code is copyrighted by Maxim Fenixov (a.k.a Feniksovich)
COPYING AND USE OF THIS CODE OR PARTS OF IT IS NOT PERMITTED WITHOUT PRIOR CONSENT.
-->

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        
		<title>Feniksovich</title>
        <!-- OpenGraph -->
        <meta name="theme-color" content="#432ee4">
        <meta property="og:title" content="Feniksovich — Welcome">
        <meta property="og:url" content="http://feniksovich.github.io">
        <meta property="og:seucre_url" content="https://feniksovich.github.io">
        <meta property="og:site_name" content="Feniksovich Website">
        <meta property="og:image" content="https://feniksovich.github.io/assets/avatar.png">
        <meta property="og:description" content="Backend Java Developer – Minecraft: Java Edition, Spring Framework">
        <meta property="og:type" content="website">
        <meta property="og:locale" content="en-EN">
        <!-- OpenGraph -->

        <link rel="icon" type="image/png" href="./assets/avatar.png">
        <link rel="stylesheet" type="text/css" href="./css/common.css">
        <link rel="stylesheet" type="text/css" href="./css/fonts.css">
        <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
    </head>

<!--
   ____         _ __                 _     __ 
  / __/__ ___  (_) /__ ___ ___ _  __(_)___/ / 
 / _// -_) _ \/ /  '_/(_-</ _ \ |/ / / __/ _ \
/_/  \__/_//_/_/_/\_\/___/\___/___/_/\__/_//_/
This code is copyrighted by Maxim Fenixov (a.k.a Feniksovich)
COPYING AND USE OF THIS CODE OR PARTS OF IT IS NOT PERMITTED WITHOUT PRIOR CONSENT.
-->

<body>
    <div id="main">
        <div id="header" style="background-color: #1a1a21;"></div>
        <div id="content">
            <div id="basic-info">
                <img class="avatar" src="./assets/avatar.png" alt="Profile Picture">
                <br>
                <span class="name">Feniksovich</span>
                <div id="buttons">
                    <span class="social__button">
                        <a href="https://bit.ly/3v29eEF" target="_blank" rel="noopener noreferrer">
                            <img title="VK" src="./assets/vk.svg" alt="VK">
                        </a>
                    </span>
                    <span class="social__button">
                        <a href="https://bit.ly/3X40VCN" target="_blank" rel="noopener noreferrer">
                            <img title="Telegram" src="./assets/telegram.svg" alt=Telegram>
                        </a>
                    </span>
                    <span class="social__button">
                        <a href="https://bit.ly/49PO4Zj" target="_blank" rel="noopener noreferrer">
                            <img title="Spotify" src="./assets/spotify.svg" alt="Spotify">
                        </a>
                    </span>
                    <span class="social__button">
                        <a href="https://bit.ly/48VvYnD" target="_blank" rel="noopener noreferrer">
                            <img title="GitHub" src="./assets/github.svg" alt=GitHub>
                        </a>
                    </span>
                    <span class="social__button">
                        <a href="https://bit.ly/3IEGl4C" target="_blank" rel="noopener noreferrer">
                            <img title="Discord" src="./assets/discord_white.svg" alt=Discord>
                        </a>
                    </span>
                </div>
            </div>

<!--
   ____         _ __                 _     __ 
  / __/__ ___  (_) /__ ___ ___ _  __(_)___/ / 
 / _// -_) _ \/ /  '_/(_-</ _ \ |/ / / __/ _ \
/_/  \__/_//_/_/_/\_\/___/\___/___/_/\__/_//_/
This code is copyrighted by Maxim Fenixov (a.k.a Feniksovich)
COPYING AND USE OF THIS CODE OR PARTS OF IT IS NOT PERMITTED WITHOUT PRIOR CONSENT.
-->

            <div id="desc">
                <div id="flexbox">
                    <div class="flexitem">
                        <div class="title">
                            <i class="material-icons-outlined neon notranslate">all_inclusive</i>
                            <span class="h1">About</span>
                        </div>
                        <p class="context"><span class="white-context">Hi, I'm Maxim Fenixov</span> and I love <span class="white-context">Doge</span>, Linux & Code! <br>See more info below :)</p>
                    </div>
                    <div class="flexitem">
                        <div class="title">
                            <i class="material-icons-outlined neon notranslate">near_me</i>
                            <span class="h1">Location</span>
                        </div>
                        <a href="https://is.gd/jGA77n">
                            <p class="context">Google Maps</p>
                        </a>
                    </div>
                </div>
                <div id="flexbox" style="margin-top: 45px;">
                    <div class="flexitem">
                        <div class="title">
                            <i class="material-icons-outlined neon notranslate">handyman</i>
                            <span class="h1">Experienced In</span>
                        </div>
                        <div class="skillsbox">
                            <div class="item__skill">
                                <i class="material-icons-outlined neon notranslate">dynamic_form</i>
                                <span class="skill__info">Linux & Backend Administration</span>
                            </div>
                            <div class="item__skill">
                                <i class="material-icons-outlined neon notranslate">draw</i>
                                <span class="skill__info">Flat/Material Digital Design</span>
                            </div>
                            <div class="item__skill">
                                <i class="material-icons-outlined neon notranslate">translate</i>
                                <span class="skill__info">Translations (Russian Native)</span>
                            </div>
                            <div class="item__skill">
                                <i class="material-icons-outlined neon notranslate">view_in_ar</i>
                                <span class="skill__info">Minecraft Development (Java Edition)</span>
                            </div>
                            <div class="item__skill">
                                <i class="material-icons-outlined neon notranslate">smart_toy</i>
                                <span class="skill__info">Discord Bots Development (JDA)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<!--
   ____         _ __                 _     __ 
  / __/__ ___  (_) /__ ___ ___ _  __(_)___/ / 
 / _// -_) _ \/ /  '_/(_-</ _ \ |/ / / __/ _ \
/_/  \__/_//_/_/_/\_\/___/\___/___/_/\__/_//_/
This code is copyrighted by Maxim Fenixov (a.k.a Feniksovich)
COPYING AND USE OF THIS CODE OR PARTS OF IT IS NOT PERMITTED WITHOUT PRIOR CONSENT.
-->

            <div id="positions" style="margin-top: 45px;">
                <div class="title" style="margin-bottom: 15px;">
                    <i class="material-icons-outlined neon notranslate">flag</i>
                    <span class="h1">Positions</span>
                </div>

                <div id="flexbox">
                    <div class="item__position">
                        <img class="project__img" title="ColombinoMC" src="./assets/colombinomc.jpg" alt="ColombinoMC Logo" style="border-radius: 12px;">
                            <div class="project__info">
                                <p class="timeline">July 2022 — present</p>
                                <p class="project__name">ColombinoMC — Minecraft</p>
                                <p class="position">DevOps, Java Developer</p>
                            </div>
                    </div>
                    <div class="item__position">
                        <img class="project__img" title="Furnex Network" src="./assets/furnex.svg" alt="Furnex Network Logo">
                            <div class="project__info">
                                <p class="timeline">September 2018 — February 2022</p>
                                <p class="project__name">Furnex Network — MC</p>
                                <p class="position">Co-Founder, DevOps</p>
                            </div>
                    </div>
                    <div class="item__position">
                        <div class="blank__card"></div>
                        <div class="project__info">
                            <div class="bc__timeline"></div>
                            <div class="bc__name"></div>
                            <div class="bc__position"></div>
                        </div>
                    </div>
                </div>

                <div id="flexbox">
                    <div class="item__position">
                        <img class="project__img" title="LuckPerms" src="./assets/luckperms.png" alt="LuckPerms Logo">
                            <div class="project__info">
                                <p class="timeline">November 2020 — present</p>
                                <p class="project__name">LuckPerms — Localization</p>
                                <p class="position">Russian Proofreader</p>
                            </div>
                    </div>
                    <div class="item__position">
                        <img class="project__img" title="Discord" src="./assets/discord.svg" alt="Discord Logo">
                            <div class="project__info">
                                <p class="timeline">November 2016 — July 2018</p>
                                <p class="project__name">Discord — Localization</p>
                                <p class="position">Russian Localizer</p>
                            </div>
                    </div>
                    <div class="item__position">
                        <div class="blank__card"></div>
                        <div class="project__info">
                            <div class="bc__timeline"></div>
                            <div class="bc__name"></div>
                            <div class="bc__position"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="music" style="margin-top: 45px;">
                <div class="title" style="margin-bottom: 15px;">
                    <i class="material-icons-outlined neon notranslate">graphic_eq</i>
                    <span class="h1">Favourite Songs</span>
                </div>

                <div id="flexbox" style="flex-wrap: wrap;">
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00004851f7b69bb1db06fec7f326d6f7">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION</p>
                                <p class="track__name">Like People, Like Plastic</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00004851d2e415713937341096b6f5dc">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION</p>
                                <p class="track__name">The Best</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00001e020ebb4b133ce8e130bc53b2b1">
                            <div class="track__info">
                                <p class="track__author">Tardigrade Inferno</p>
                                <p class="track__name">Execution Is Fun!</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00004851f7b69bb1db06fec7f326d6f7">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION</p>
                                <p class="track__name">Jailbreak</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00004851f7b69bb1db06fec7f326d6f7">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION</p>
                                <p class="track__name">Windows</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00001e02a108e07c661f9fc54de9c43a">
                            <div class="track__info">
                                <p class="track__author">Alan Walker</p>
                                <p class="track__name">Faded</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d00001e02de03bfc2991fd5bcfde65ba3">
                            <div class="track__info">
                                <p class="track__author">Twenty One Pilots</p>
                                <p class="track__name">Ride</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d0000485185e3ceaa88ceb59eb9866b81">
                            <div class="track__info">
                                <p class="track__author">Mr.Kitty</p>
                                <p class="track__name">After Dark</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d000048515a41b6c530b167ffba6a92f5">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION</p>
                                <p class="track__name">Kill Your Heroes</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d000048514063db0acd7b9db802118aeb">
                            <div class="track__info">
                                <p class="track__author">Veorra</p>
                                <p class="track__name">Standby</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/ab67616d000048515b7582ebec08616e9c8578ec">
                            <div class="track__info">
                                <p class="track__author">AWOLNATION, Grouplove</p>
                                <p class="track__name">Radical</p>
                            </div>
                    </div>
                    <div class="item__track">
                        <img src="https://i.scdn.co/image/47a663cdb51106bf7f77810d9b4794319aebe969">
                            <div class="track__info">
                                <p class="track__author">Whitney Houston</p>
                                <p class="track__name">I Will Always Love You</p>
                            </div>
                    </div>
                </div>

            </div>

        </div>
        <div id="footer">
            <div class="footer-text">
                <p>Copyright 2021 <a href="https://bit.ly/3X40VCN" target="_blank" rel="noopener noreferrer">Feniksovich</a>. Design and development by Maxim Fenixov.</p>
                <p>Hosted by <a href="https://pages.github.com/" target="_blank" rel="noopener noreferrer">GitHub Pages <i class="material-icons heart">favorite</i></a></p>
            </div>
        </div>
    </div>
</body>

<!--
   ____         _ __                 _     __ 
  / __/__ ___  (_) /__ ___ ___ _  __(_)___/ / 
 / _// -_) _ \/ /  '_/(_-</ _ \ |/ / / __/ _ \
/_/  \__/_//_/_/_/\_\/___/\___/___/_/\__/_//_/
This code is copyrighted by Maxim Fenixov (a.k.a Feniksovich)
COPYING AND USE OF THIS CODE OR PARTS OF IT IS NOT PERMITTED WITHOUT PRIOR CONSENT.
-->