diff --git a/index.html b/index.html index f25d679..57b7876 100644 --- a/index.html +++ b/index.html @@ -3,115 +3,93 @@ - - - - - - - - - - - - - - Aarya Bhatia -
-

Aarya Bhatia

-
+

Aarya Bhatia

-
-
-

Introduction

-

- Hello, I am a 22 year old software engineer working at Amazon. I - recently completed my Bachelor’s degree in Applied Mathematics and - Computer Science at the University of Illinois Urbana-Champaign. -

-
+
+

Introduction

+

+ Hello! I am a 22-year-old software engineer currently working at Amazon. + I recently earned my Bachelor’s degree in Applied Mathematics and + Computer Science from the University of Illinois Urbana-Champaign. +

+
-
-

Skills

-

- I am experienced in full-stack web development and systems - programming. I am proficient in Linux and C/C++, Python, Go, - JavaScript and SQL. I have worked with several frameworks including - Express and Flask. I love problem-solving and being the most - efficient version of myself. I also enjoy exploring new tools and - hacking on tools like bspwm, neovim or tmux. Check out my collection - of - scripts or - dotfiles on - Github. -

-
-
-

Work Experience

-

- This year, I will begin working at Amazon as an SDE. I had my first - internship with Amazon in 2023, where I worked on a React project - and shipped several website improvements. -

-

- Previously, I was the lead course assistant at my university for 2 - years, where we taught about computer systems and C programming. -

-
-
-

Hobbies

-

- I am a trained musician and primarily play the electric guitar, - since the last 12 years. I appreciate a wide range of musical - genres, especially old rock hits and progressive metal artists such - as Opeth and Porcupine Tree. -

-
-
-

Contact

-

- Reach out to me for any opportunities on my email: - aarya.bhatia1678@gmail.com. -

-
-
+
+

Skills

+

+ I have extensive experience in full-stack web development and systems + programming. I am proficient in Linux, C/C++, Python, Bash, Go, + JavaScript, and SQL. Additionally, I have worked with several frameworks + including Express and Flask. I thrive on problem-solving and always + strive to be my most efficient self. I enjoy exploring new tools and + often hack on tools like dwm, bspwm, Neovim, or tmux. Feel free to check + out my collection of scripts and dotfiles on + Github. Read + here about my current setup. +

+
+
+

Work Experience

+

+ I am excited to begin my role at Amazon as a Software Development + Engineer this year. In 2023, I completed an internship at Amazon, where + I worked on a React project and implemented several website + improvements. Previously, I served as the lead course assistant at my + university for two years, teaching computer systems and C programming. +

+
+
+

Hobbies

+

+ I am a trained musician with 12 years of experience playing the electric + guitar. I have a deep appreciation for a wide range of musical genres, + especially old rock hits and progressive metal artists like Opeth and + Porcupine Tree. +

+
+
+

Contact

+

+ Reach out to me for any opportunities on my email: + aarya.bhatia1678@gmail.com. +

+
- +
+ +
diff --git a/pages/environment.html b/pages/environment.html new file mode 100644 index 0000000..422f8be --- /dev/null +++ b/pages/environment.html @@ -0,0 +1,35 @@ + + + + + + + + Aarya Bhatia + + + +

Environment

+ +

+ view dotfiles +

+ +

System Info

+
+ screenshot +
+ + diff --git a/static/assets/fastfetch.png b/static/assets/fastfetch.png new file mode 100644 index 0000000..8707604 Binary files /dev/null and b/static/assets/fastfetch.png differ diff --git a/static/index.css b/static/index.css index 90bc952..c9f0d7c 100644 --- a/static/index.css +++ b/static/index.css @@ -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'); body { - background: black; - color: white; + background-color: #121212; /* Very dark gray */ + color: #E0E0E0; /* Light gray */ + max-width: 800px; margin: auto; padding: 20px; @@ -12,37 +13,54 @@ body { font-weight: 350; } +/* Headings */ h1 { - color: red; + color: #BB86FC; /* Soft purple */ } -h2, -h3, -h2, -h5, -h6 { - color: green; +h2, h3, h4, h5, h6 { + color: #E0E0E0; /* Light gray */ } -footer { +/* Paragraph */ +p, footer a { + color: #E0E0E0; /* Light gray */ +} + +.social { display: flex; justify-content: center; margin-top: 10px; margin-bottom: 10px; } - -footer a { - color: white; +.social a { text-decoration: none; font-size: 1.2rem; padding: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Shadow for the nav */ } +/* Links */ a { - color: red; + color: #03DAC6; /* Cyan */ + text-decoration: none; /* Remove underline for a cleaner look */ } 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 */ +} +