123 lines
5.3 KiB
HTML
123 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LinearArray</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" src="https://webring.nekoweb.org/onionring.css">
|
|
|
|
</head>
|
|
|
|
|
|
<body class="bg-gray-800 text-white font-sans">
|
|
|
|
<header class="bg-gray-700 p-4 flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<img src="https://i.redd.it/snoovatar/avatars/647ec180-bff5-4280-8367-840dd1dfb388.png"
|
|
alt="Your Snoo Photo" class="h-20 w-20 rounded-full mr-4 object-cover">
|
|
<div>
|
|
<h1 class="text-4xl font-bold">LinearArray</h1>
|
|
<p class="text-lg">Software Engineer | Reddit/Discord Mod</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="p-4 md:p-8 space-y-6">
|
|
<script src="./oneko.js"></script>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold mb-2">About Me</h2>
|
|
<p class="text-lg leading-relaxed">
|
|
Hello, I'm LinearArray. I am a software engineer and a Reddit & Discord mod who's always learning. I
|
|
currently moderate subreddits like <a href="https://www.reddit.com/r/developersIndia/"
|
|
class="text-blue-500 hover:underline">r/developersIndia</a>,
|
|
<a href="https://www.reddit.com/r/IndiaTech/" class="text-blue-500 hover:underline">r/IndiaTech</a> &
|
|
<a href="https://www.reddit.com/r/EngineeringResumes/"
|
|
class="text-blue-500 hover:underline">r/EngineeringResumes</a> and some others. I'm a huge NixOS and
|
|
Firefox fan. I love to talk to & meet new people, if you wanna talk to me feel free to <a
|
|
href="https://www.reddit.com/message/compose/?to=LinearArray"
|
|
class="text-green-500 hover:underline"> send me a message on Reddit</a>.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold mb-2">Books & Anime</h2>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<div class="bg-gray-900 p-6 rounded-lg">
|
|
<h3 class="text-xl font-bold mb-2">Currently Reading</h3>
|
|
<ul class="list-disc text-gray-400 pl-6">
|
|
<li>Naruto - Masashi Kishimoto</li>
|
|
<li>The Great Gatsby - F. Scott Fitzgerald</li>
|
|
<li>1984 - George Orwell</li>
|
|
<li>The Fault in Our Stars - John Green</li>
|
|
<li>Dune - Frank Herbert</li>
|
|
<li>The Hobbit - J.R.R. Tolkien</li>
|
|
<li>Brave New World - Aldous Huxley</li>
|
|
<li>Harry Potter and the Sorcerer's Stone - J.K. Rowling</li>
|
|
<li>The Catcher in the Rye - J.D. Salinger</li>
|
|
<li>To Kill a Mockingbird - Harper Lee</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bg-gray-900 p-6 rounded-lg">
|
|
<h3 class="text-xl font-bold mb-2">Currently Watching</h3>
|
|
<ul class="list-disc text-gray-400 pl-6">
|
|
<li>Attack on Titan</li>
|
|
<li>Rent A Girlfriend</li>
|
|
<li>Death Note</li>
|
|
<li>My Hero Academia</li>
|
|
<li>Fullmetal Alchemist: Brotherhood</li>
|
|
<li>One Punch Man</li>
|
|
<li>Steins Gate</li>
|
|
<li>Hunter x Hunter</li>
|
|
<li>Tokyo Ghoul</li>
|
|
<li>Sword Art Online</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-2xl font-bold mb-2">Connect with Me</h2>
|
|
<div class="flex flex-col md:flex-row items-start md:items-center space-y-4 md:space-y-0 md:space-x-4">
|
|
<a href="https://matrix.to/#/@lineararray:matrix.org"
|
|
class="text-white hover:text-blue-500 transition duration-300">
|
|
Matrix
|
|
</a>
|
|
<a href="https://discord.com/users/1196740700755218445"
|
|
class="text-white hover:text-purple-500 transition duration-300">
|
|
Discord
|
|
</a>
|
|
<a href="https://www.reddit.com/user/LinearArray/"
|
|
class="text-white hover:text-red-600 transition duration-300">
|
|
Reddit
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mt-auto mb-6">
|
|
<h2 class="text-2xl font-bold mb-2">Source Code</h2>
|
|
This website is open source, <a href="https://git.projectsegfau.lt/LinearArray/Website" class="text-blue-500 hover:underline">check out the code.</a>
|
|
</section>
|
|
|
|
</main>
|
|
<center>
|
|
|
|
<div class="p-4 border border-gray-700 rounded-md">
|
|
<center>
|
|
<div id='nekowebring'>
|
|
<script type="text/javascript" src="https://webring.nekoweb.org/onionring-variables.js"></script>
|
|
<script type="text/javascript" src="https://webring.nekoweb.org/onionring-widget.js"></script>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
|
|
</center>
|
|
|
|
</body>
|
|
|
|
</html>
|