aarya.bhatia/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added new pages and css

Browse Source
This commit is contained in:
Aarya Bhatia 2024-06-02 09:51:41 -05:00
parent c1e27d3f31
commit b84b9a3960
4 changed files with 140 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
index.html
View File

@ -3,115 +3,93 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- normalize css -->
<!-- <link rel="stylesheet" href="static/normalize.css" /> -->
<!-- <!-1- bootstrap css -1-> -->
<!-- <link -->
<!-- href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" -->
<!-- rel="stylesheet" -->
<!-- integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" -->
<!-- crossorigin="anonymous" -->
<!-- /> -->
<!-- bootstrap icons -->
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
/> />
<link rel="stylesheet" href="static/index.css" /> <link rel="stylesheet" href="static/index.css" />
<title>Aarya Bhatia</title> <title>Aarya Bhatia</title>
</head> </head>
<body> <body>
<div class="container my-4"> <h1>Aarya Bhatia</h1>
<h1>Aarya Bhatia</h1>
<hr />
<main> <div>
<div> <h2>Introduction</h2>
<h2>Introduction</h2> <p>
<p> Hello! I am a 22-year-old software engineer currently working at Amazon.
Hello, I am a 22 year old software engineer working at Amazon. I I recently earned my Bachelor’s degree in Applied Mathematics and
recently completed my Bachelor’s degree in Applied Mathematics and Computer Science from the University of Illinois Urbana-Champaign.
Computer Science at the University of Illinois Urbana-Champaign. </p>
</p> </div>
</div>
<div> <div>
<h2>Skills</h2> <h2>Skills</h2>
<p> <p>
I am experienced in full-stack web development and systems I have extensive experience in full-stack web development and systems
programming. I am proficient in Linux and C/C++, Python, Go, programming. I am proficient in Linux, C/C++, Python, Bash, Go,
JavaScript and SQL. I have worked with several frameworks including JavaScript, and SQL. Additionally, I have worked with several frameworks
Express and Flask. I love problem-solving and being the most including Express and Flask. I thrive on problem-solving and always
efficient version of myself. I also enjoy exploring new tools and strive to be my most efficient self. I enjoy exploring new tools and
hacking on tools like bspwm, neovim or tmux. Check out my collection often hack on tools like dwm, bspwm, Neovim, or tmux. Feel free to check
of out my collection of scripts and dotfiles on
<a href="https://github.com/aarya-bhatia/scripts">scripts</a> or <a href="https://github.com/aarya-bhatia">Github</a>. Read
<a href="https://github.com/aarya-bhatia/dotfiles">dotfiles</a> on <a href="./pages/environment.html">here</a> about my current setup.
Github. </p>
</p> </div>
</div> <div>
<div> <h2>Work Experience</h2>
<h2>Work Experience</h2> <p>
<p> I am excited to begin my role at Amazon as a Software Development
This year, I will begin working at Amazon as an SDE. I had my first Engineer this year. In 2023, I completed an internship at Amazon, where
internship with Amazon in 2023, where I worked on a React project I worked on a React project and implemented several website
and shipped several website improvements. improvements. Previously, I served as the lead course assistant at my
</p> university for two years, teaching computer systems and C programming.
<p> </p>
Previously, I was the lead course assistant at my university for 2 </div>
years, where we taught about computer systems and C programming. <div>
</p> <h2>Hobbies</h2>
</div> <p>
<div> I am a trained musician with 12 years of experience playing the electric
<h2>Hobbies</h2> guitar. I have a deep appreciation for a wide range of musical genres,
<p> especially old rock hits and progressive metal artists like Opeth and
I am a trained musician and primarily play the electric guitar, Porcupine Tree.
since the last 12 years. I appreciate a wide range of musical </p>
genres, especially old rock hits and progressive metal artists such </div>
as Opeth and Porcupine Tree. <div>
</p> <h2>Contact</h2>
</div> <p>
<div> Reach out to me for any opportunities on my email:
<h2>Contact</h2> <a href="mailto:aarya.bhatia1678@gmail.com"
<p> >aarya.bhatia1678@gmail.com</a
Reach out to me for any opportunities on my email: >.
<a href="mailto:aarya.bhatia1678@gmail.com" </p>
>aarya.bhatia1678@gmail.com</a </div>
>.
</p>
</div>
</main>
<footer> <div class="social">
<div> <div>
<a href="mailto:aarya.bhatia1678@gmail.com" <a href="mailto:aarya.bhatia1678@gmail.com"
><i class="bi-envelope"></i ><i class="bi-envelope"></i
></a> ></a>
</div> </div>
<div> <div>
<a href="https://www.github.com/aarya-bhatia/" <a href="https://www.github.com/aarya-bhatia/"
><i class="bi-github"></i ><i class="bi-github"></i
></a> ></a>
</div> </div>
<div> <div>
<a href="https://www.linkedin.com/in/aarya-bhatia/" <a href="https://www.linkedin.com/in/aarya-bhatia/"
><i class="bi-linkedin"></i ><i class="bi-linkedin"></i
></a> ></a>
</div> </div>
<div> <div>
<a href="https://www.instagram.com/aarya.bhatia/" <a href="https://www.instagram.com/aarya.bhatia/"
><i class="bi-instagram"></i ><i class="bi-instagram"></i
></a> ></a>
</div> </div>
</footer>
</div> </div>
</body> </body>
</html> </html>

35
pages/environment.html Normal file
View File

@ -0,0 +1,35 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="../static/index.css" />
<title>Aarya Bhatia</title>
</head>
<body>
<h1>Environment</h1>
<ul>
<li>Terminal: st, alacritty + tmux</li>
<li>Window Manager: dwm, dwmblocks</li>
<li>Distro: archlinux</li>
<li>Editor: neovim</li>
<li>Music Player: mpd + mpc, GUI: ario</li>
<li>File Manager: lf</li>
<li>Hotkeys: sxhkd</li>
<li>Utilities: dmenu, fzf</li>
</ul>
<p>
<a href="https://github.com/aarya-bhatia/dotfiles.git">view dotfiles</a>
</p>
<h2>System Info</h2>
<div class="image-container">
<img src="../static/assets/fastfetch.png" alt="screenshot" />
</div>
</body>
</html>

BIN
static/assets/fastfetch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

48
static/index.css
View File

@ -1,8 +1,9 @@
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
body { body {
background: black; background-color: #121212; /* Very dark gray */
color: white; color: #E0E0E0; /* Light gray */
max-width: 800px; max-width: 800px;
margin: auto; margin: auto;
padding: 20px; padding: 20px;
@ -12,37 +13,54 @@ body {
font-weight: 350; font-weight: 350;
} }
/* Headings */
h1 { h1 {
color: red; color: #BB86FC; /* Soft purple */
} }
h2, h2, h3, h4, h5, h6 {
h3, color: #E0E0E0; /* Light gray */
h2,
h5,
h6 {
color: green;
} }
footer { /* Paragraph */
p, footer a {
color: #E0E0E0; /* Light gray */
}
.social {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.social a {
footer a {
color: white;
text-decoration: none; text-decoration: none;
font-size: 1.2rem; font-size: 1.2rem;
padding: 10px; padding: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Shadow for the nav */
} }
/* Links */
a { a {
color: red; color: #03DAC6; /* Cyan */
text-decoration: none; /* Remove underline for a cleaner look */
} }
a:hover { a:hover {
color: brown; color: #BB86FC; /* Soft purple */
} }
.image-container {
width: 100%;
max-width: 400px; /* Example max width */
border: 1px solid #ccc;
overflow: hidden; /* Ensures no overflow */
}
.image-container img {
width: 100%;
height: auto;
display: block; /* Removes bottom space caused by inline-block images */
}