added new pages and css
This commit is contained in:
parent
c1e27d3f31
commit
b84b9a3960
166
index.html
166
index.html
@ -3,115 +3,93 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<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
|
||||
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>
|
||||
<div class="container my-4">
|
||||
<h1>Aarya Bhatia</h1>
|
||||
<hr />
|
||||
<h1>Aarya Bhatia</h1>
|
||||
|
||||
<main>
|
||||
<div>
|
||||
<h2>Introduction</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Introduction</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2>Skills</h2>
|
||||
<p>
|
||||
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
|
||||
<a href="https://github.com/aarya-bhatia/scripts">scripts</a> or
|
||||
<a href="https://github.com/aarya-bhatia/dotfiles">dotfiles</a> on
|
||||
Github.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Work Experience</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
Previously, I was the lead course assistant at my university for 2
|
||||
years, where we taught about computer systems and C programming.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Hobbies</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
Reach out to me for any opportunities on my email:
|
||||
<a href="mailto:aarya.bhatia1678@gmail.com"
|
||||
>aarya.bhatia1678@gmail.com</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
<div>
|
||||
<h2>Skills</h2>
|
||||
<p>
|
||||
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
|
||||
<a href="https://github.com/aarya-bhatia">Github</a>. Read
|
||||
<a href="./pages/environment.html">here</a> about my current setup.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Work Experience</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Hobbies</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
Reach out to me for any opportunities on my email:
|
||||
<a href="mailto:aarya.bhatia1678@gmail.com"
|
||||
>aarya.bhatia1678@gmail.com</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div>
|
||||
<a href="mailto:aarya.bhatia1678@gmail.com"
|
||||
><i class="bi-envelope"></i
|
||||
></a>
|
||||
</div>
|
||||
<div class="social">
|
||||
<div>
|
||||
<a href="mailto:aarya.bhatia1678@gmail.com"
|
||||
><i class="bi-envelope"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://www.github.com/aarya-bhatia/"
|
||||
><i class="bi-github"></i
|
||||
></a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://www.github.com/aarya-bhatia/"
|
||||
><i class="bi-github"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://www.linkedin.com/in/aarya-bhatia/"
|
||||
><i class="bi-linkedin"></i
|
||||
></a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://www.linkedin.com/in/aarya-bhatia/"
|
||||
><i class="bi-linkedin"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="https://www.instagram.com/aarya.bhatia/"
|
||||
><i class="bi-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</footer>
|
||||
<div>
|
||||
<a href="https://www.instagram.com/aarya.bhatia/"
|
||||
><i class="bi-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
35
pages/environment.html
Normal file
35
pages/environment.html
Normal 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
BIN
static/assets/fastfetch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
@ -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 */
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user