Skip to content

Commit 4053fd1

Browse files
asmdrkasmdrk
authored
Update index.html
1 parent ce5552c commit 4053fd1

File tree

1 file changed

+88
-50
lines changed

1 file changed

+88
-50
lines changed

‎index.html

Lines changed: 88 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -4,73 +4,111 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Diwakar's Portfolio!</title>
8-
<link rel="stylesheet" href="style.css">
7+
<title>Diwakar's Portfolio</title>
8+
<!-- Tailwind CSS CDN -->
9+
<script src="https://cdn.tailwindcss.com"></script>
10+
<!-- DaisyUI Plugin -->
11+
<script>
12+
tailwind.config = {
13+
plugins: [require('daisyui')],
14+
daisyui: {
15+
themes: [
16+
'light',
17+
],
18+
},
19+
}
20+
</script>
921
</head>
1022

11-
<body>
12-
<header>
13-
<h1 class="title">🌟Diwakar's Portfolio 🌟</h1>
14-
<h2 class = "subtitle"> Now in Barbie Pink! (Oppenheimer version coming soon)</h2>
15-
<nav>
16-
<ul>
23+
<body class="bg-base-100 text-base-content">
24+
<!-- Navbar -->
25+
<header class="navbar bg-primary text-primary-content shadow-lg">
26+
<div class="flex-1 px-4">
27+
<a href="#" class="btn btn-ghost normal-case text-xl">Diwakar's Portfolio</a>
28+
</div>
29+
<nav class="flex-none">
30+
<ul class="menu menu-horizontal px-1">
1731
<li><a href="#about">🙋 About Me</a></li>
1832
<li><a href="#projects">💻 Projects</a></li>
1933
<li><a href="#contact">📞 Contact</a></li>
2034
</ul>
2135
</nav>
2236
</header>
2337

24-
<main>
25-
<section id="about">
26-
<h2 class="heading">About Me 😄</h2>
27-
<p>
28-
Hey there! I'm Diwakar. I like building things. I like analysing and visualising data. Recently I have started to like frontend and web development. <br>
29-
I like lots of things, sometimes too many. But it is fun that way. <br>
30-
When I'm not coding, I am playing basketball, working out so I can be better at basketball, watching basketball...or playing videogames and watching anime. <br>
31-
</p>
38+
<!-- Main Content -->
39+
<main class="space-y-16 p-8">
40+
<!-- About Me -->
41+
<section id="about" class="container mx-auto">
42+
<div class="card bg-base-200 shadow-xl p-6">
43+
<h2 class="card-title text-primary">About Me</h2>
44+
<p class="mt-4 leading-relaxed">
45+
Hey there! I'm Diwakar. I love building things and diving into data analysis and visualization. Recently, I've also been exploring frontend and web development.
46+
When I'm not coding, you'll find me playing basketball, working out, watching basketball, gaming, or catching up on anime.
47+
</p>
48+
</div>
3249
</section>
3350

51+
<!-- Projects -->
52+
<section id="projects" class="container mx-auto">
53+
<h2 class="text-3xl font-bold text-center text-primary mb-8">Projects</h2>
54+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
55+
<!-- Project Card -->
56+
<div class="card bg-base-200 shadow-lg">
57+
<div class="card-body">
58+
<h3 class="card-title">Discord Bot: DeKay</h3>
59+
<p>
60+
A personal Discord bot built with Discord.js for music playback from YouTube, including queue management, play/pause controls, and fun GIF commands to entertain friends. My first Node.js project, helping me master asynchronous programming and promises.
61+
</p>
62+
<div class="card-actions justify-end mt-4">
63+
<a href="https://github.com/asmdrk/dekay_bot" class="btn btn-primary btn-sm" target="_blank">GitHub Repo</a>
64+
</div>
65+
</div>
66+
</div>
3467

35-
<section id="projects">
36-
<h2 class="heading">Projects</h2>
37-
<ul>
38-
<h3>There are a lot of things I want to do, but here are some things I have already done</h3>
39-
<li>
40-
<h3>Discord Bot, DeKay</h3>
41-
<p>This is a discord bot I have been working on recently for personal use for my friends and I. I used the discordJS module for development.
42-
Dekay's main purpose is to play music, or specifically audio from youtube videos and the user can queue up multiple songs to play in sequence, additionally the user can pause and stop the music whenever they like through interactable buttons.
43-
It also has some other amusing features like sending insulting GIFs which makes my friends laugh. <br>
44-
It has been awesome to work on this as usually nobody gets to use the stuff I build, so seeing my friends use it motivates me to work on it and improve it. It is my first time developing in NodeJS and I have been enjoying learning more about asynchronous programming and promises. </p>
45-
<a href="https://github.com/asmdrk/dekay_bot">GitHub Repo</a>
46-
</li>
47-
<li>
48-
<h3 >Query Engine</h3>
49-
<p>For a group project I worked on the backend of a query engine in TypeScript. I implemented functionality relating to parsing different files(HTML and JSON) containing data on university courses and buildings and storing relevant information locally so they could be queried.
50-
Testing was done via MochaJS and I was responsible for constructing a comprehensive testing suite covering different use cases. We used Github for version control and collaboration and followed Agile methodologies throughout, having weekly scrum meetings and code reviews to improve our workflow. </p>
51-
<a href="https://github.com/asmdrk/PerformQuery">GitHub Repo</a>
52-
</li>
53-
<li>
54-
<h3 >Calorie Tracker</h3>
55-
<p>A calorie tracker written in Java for tracking your calories and macros throughout the day. It has a functioning GUI, memory persistence to save and load your caloric intake for a certain day, and the ability to set a calorie limit. One of my earliest projects but one I am still proud of, and I made it in order to help myself eat healthier so I can achieve my fitness goals. </p>
56-
<a href="https://github.com/asmdrk/CaloriesMacros.Tracker">GitHub Repo</a>
57-
</li>
58-
</ul>
68+
<div class="card bg-base-200 shadow-lg">
69+
<div class="card-body">
70+
<h3 class="card-title">Query Engine</h3>
71+
<p>
72+
Backend engine in TypeScript for parsing and querying university course and building data (HTML/JSON). Implemented robust test coverage with MochaJS and collaborated via GitHub using Agile practices with weekly scrums and code reviews.
73+
</p>
74+
<div class="card-actions justify-end mt-4">
75+
<a href="https://github.com/asmdrk/PerformQuery" class="btn btn-primary btn-sm" target="_blank">GitHub Repo</a>
76+
</div>
77+
</div>
78+
</div>
79+
80+
<div class="card bg-base-200 shadow-lg">
81+
<div class="card-body">
82+
<h3 class="card-title">Calorie Tracker</h3>
83+
<p>
84+
A Java GUI application for tracking daily calories and macros with memory persistence and configurable calorie limits—an early passion project to support my fitness journey.
85+
</p>
86+
<div class="card-actions justify-end mt-4">
87+
<a href="https://github.com/asmdrk/CaloriesMacros.Tracker" class="btn btn-primary btn-sm" target="_blank">GitHub Repo</a>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
5992
</section>
6093

61-
<section id="contact">
62-
<h2 class="heading">Contact</h2>
63-
For professional inquiries, or if you would like to talk about any of the interests I mentioned here(I am always happy to talk about basketball or anime), please use any of the following contact methods: <br>
64-
<p>
65-
Email: <a href = "mailto:[email protected]">[email protected]</a> <br>
66-
Discord: kongey_dong <br>
67-
Phone: +1 (236)-979-9055
68-
69-
</p>
94+
<!-- Contact -->
95+
<section id="contact" class="container mx-auto">
96+
<div class="card bg-base-200 shadow-xl p-6">
97+
<h2 class="card-title text-primary">Contact</h2>
98+
<p class="mt-4 leading-relaxed">
99+
For professional inquiries or to chat about basketball, anime, or anything in between, feel free to reach out:
100+
</p>
101+
<ul class="mt-4">
102+
<li>Email: <a href="mailto:[email protected]" class="link link-primary">[email protected]</a></li>
103+
<li>Discord: kongey_dong</li>
104+
<li>Phone: +1 (236) 979-9055</li>
105+
</ul>
106+
</div>
70107
</section>
71108
</main>
72109

73-
<footer>
110+
<!-- Footer -->
111+
<footer class="footer footer-center p-4 bg-base-300 text-base-content">
74112
<p>&copy; 2023 Diwakar Gupta. All rights reserved.</p>
75113
</footer>
76114
</body>

0 commit comments

Comments
 (0)