2024-03-07 21:20:36 +05:00
<!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" >
2024-10-04 20:07:16 +05:00
< div class = "centered-container grid" style = "padding: 5%" >
2024-03-07 21:20:36 +05:00
< span class = "mb-4 font-bold text-2xl" > I do something about something< / span >
2024-12-04 13:32:23 +05:00
< 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 >
2024-03-23 11:21:52 +05:00
< div class = "mb-4" > < / div >
2024-03-07 21:20:36 +05:00
< 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 >
2024-12-04 13:32:23 +05:00
< 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 >
2024-03-07 21:20:36 +05:00
< 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-01-14 18:47:08 +05:00
©️ 2025, < a href = "https://github.com/JonnyBro" > Jonny_Bro< / a >
2024-03-07 21:20:36 +05:00
< / div >
< div class = "footer-base right-0" >
2025-01-14 18:47:08 +05:00
< a href = "https://github.com/relaxtakenotes" > template by rlx < 3 < / a >
2024-03-07 21:20:36 +05:00
< / 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 >
