88 lines
No EOL
3.9 KiB
HTML
88 lines
No EOL
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<title>Jonny_Bro's epic website</title>
|
|
<meta name="description" content="Jonny's cool personal website">
|
|
<meta property="og:description" content="Jonny's cool personal website">
|
|
<meta property="twitter:description" content="Jonny's cool personal website">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/tailwind.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
</head>
|
|
<body class="body-base">
|
|
<!-- background-->
|
|
<!-- <video autoplay muted loop class="bg-video opacity-20 mix-blend-lighten">
|
|
<source src="media/background.webm" type="video/webm">
|
|
</video> -->
|
|
|
|
<!-- navbar -->
|
|
<div class="navbar-base">
|
|
<div class="navbar-logo">
|
|
Jonny's personal page
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<!-- <a class="mx-2" href="#" onclick="toggle_sidepanel(event, 'sidepanel_main')">Menu</a> -->
|
|
<!-- <a class="mx-2" href="#" onclick="toggle_sidepanel(event, 'sidepanel_rules')">example 2</a> -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- main content -->
|
|
<div id="main" class="flex flex-auto">
|
|
<div class="main-base justify-center content-center">
|
|
<div class="centered-container grid" style="padding: 5%">
|
|
<span class="mb-4 font-bold text-2xl">I do something about something</span>
|
|
<a target="_blank" href="https://s.jonnybro.ru/jaba" class="m-1 button transform hover:scale-105" oncontextmenu="return redirect('https:\/\/discord.com/api/oauth2/authorize?client_id=708637495054565426&scope=bot+applications.commands&permissions=8')">Discord Bot<br>Right Click to Invite</a>
|
|
<a target="_blank" href="https://s.jonnybro.ru/beatrun" class="m-1 button transform hover:scale-105">Beatrun Fork</a>
|
|
<a target="_blank" href="https://s.jonnybro.ru/courses" class="m-1 button transform hover:scale-105" oncontextmenu="return redirect('https:\/\/git.jonnybro.ru/jonny_bro/beatrun-courses-server-docker')">Beatrun Courses Database<br>Right Click to see the source code</a>
|
|
<div class="mb-4"></div>
|
|
<div class="text-center w-full h-full relative">
|
|
<a class="mx-2" target="_blank" href="https://steamcommunity.com/id/jonny_br0/"><i class="fa-brands fa-steam fa-xl"></i></a>
|
|
<a class="mx-2" href="#" onclick="return copy('jonny_bro', 'Copied my username to your clipboard!', true, 5000)"><i class="fa-brands fa-discord fa-xl"></i></i></a>
|
|
<a class="mx-2" target="_blank" href="https://github.com/JonnyBro"><i class="fa-brands fa-github fa-xl"></i></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer -->
|
|
<div class="footer-base">
|
|
©️ 2025, <a href="https://github.com/JonnyBro">Jonny_Bro</a>
|
|
</div>
|
|
|
|
<div class="footer-base right-0">
|
|
<a href="https://github.com/relaxtakenotes">template by rlx <3</a>
|
|
</div>
|
|
|
|
<!-- side panel(s) -->
|
|
<!-- <div id="sidepanel_main" class="sidepanel overflow-x-scroll">
|
|
<div class="font-bold text-2xl">Lorem ipsum dolor sit:</div>
|
|
<div>
|
|
- Lorem ipsum dolor sit amet,<br>
|
|
- consectetur adipiscing elit.<br>
|
|
- Aliquam risus nisl,<br>
|
|
- lacinia in congue in, cursus a diam.<br>
|
|
</div>
|
|
<br>
|
|
<div class="font-bold text-2xl">Lorem ipsum dolor sit 2:</div>
|
|
<div>
|
|
- Lorem ipsum dolor sit amet,<br>
|
|
- consectetur adipiscing elit.<br>
|
|
- Aliquam risus nisl,<br>
|
|
- lacinia in congue in, cursus a diam.<br>
|
|
</div>
|
|
<br>
|
|
<hr>
|
|
<br>
|
|
<div class="font-bold">©️ 2023, Jonny_Bro</div>
|
|
</div> -->
|
|
</body>
|
|
</html> |