Add index.html

This commit is contained in:
LinearArray 2024-02-27 03:07:43 +05:30
parent 5fd8d88438
commit 6ddf5a1945

106
index.html Normal file
View File

@ -0,0 +1,106 @@
<!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">
</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">
<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-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="" class="text-blue-500 hover:underline">check out the code.</a>
</section>
</main>
</body>
</html>