Windows Past Tense, Update Images, Update Software

- Update email, github, linkedin, and color palette images
- Add YouTube, color palette, and spotify images
- Add link to YouTube channel in about page
- Update references to Windows 10 to past tense
- Update coolors color scheme to use new link color
- Add notion-enhancer to software section
- Add more info to pocket casts section
- Add spotify and spicetify to software section
- Add speaker issues to HP Spectre x360 section

src/about.html

@@ -107,7 +107,9 @@
 								GitHub repository</a
 							>. If you would like to connect with me on LinkedIn,
 							use the link below. I will do my best to respond to
-							any communication in a timely manner.
+							any communication in a timely manner. Finally, check
+							out my YouTube channel if you are interested in some
+							of the projects I have worked on.
 						</p>
 					</div>
 				</div>
@@ -118,7 +120,7 @@
             ----------------------------------->
 			<div id="contact_me">
 				<div class="row align-items-center">
-					<div class="col-md-4 text-center">
+					<div class="col-md-3 text-center">
 						<a href="mailto:balajsra@umich.edu" target="_blank">
 							<img
 								class="img-fluid mx-auto d-block"
@@ -128,7 +130,7 @@
 						</a>
 						<p><b>Email:</b> balajsra@umich.edu</p>
 					</div>
-					<div class="col-md-4 text-center">
+					<div class="col-md-3 text-center">
 						<a
 							href="https://www.linkedin.com/in/sravan-balaji/"
 							target="_blank"
@@ -141,7 +143,7 @@
 						</a>
 						<p><b>LinkedIn:</b> sravan-balaji</p>
 					</div>
-					<div class="col-md-4 text-center">
+					<div class="col-md-3 text-center">
 						<a href="https://github.com/balajsra" target="_blank">
 							<img
 								class="img-fluid mx-auto d-block"
@@ -151,6 +153,19 @@
 						</a>
 						<p><b>GitHub:</b> balajsra</p>
 					</div>
+					<div class="col-md-3 text-center">
+						<a
+							href="https://www.youtube.com/channel/UC-xFJ4IKdogbpoQdQf2mgaA"
+							target="_blank"
+						>
+							<img
+								class="img-fluid mx-auto d-block"
+								alt="YouTube"
+								src="./assets/about/youtube.png"
+							/>
+						</a>
+						<p><b>YouTube:</b> Sravan Balaji</p>
+					</div>
 				</div>
 			</div>
 		</div>

src/blog_docker.html

@@ -44,9 +44,9 @@
 					<p>
 						Throughout my college career in computer science, I have
 						found the need to develop applications that will be
-						deployed in a Linux environment. As a windows user, I
+						deployed in a Linux environment. When I previously used
-						have usually turned to a couple of different options:
+						Windows 10 as my daily driver, I have usually turned to
-						virtual machines,
+						a couple of different options: virtual machines,
 						<a
 							href="https://docs.microsoft.com/en-us/windows/wsl/about"
 							target="_blank"
@@ -84,11 +84,11 @@
 						Docker Desktop. Check if you meet the system
 						requirements. If you do not, Docker Toolbox is the
 						legacy option that uses Oracle VirtualBox rather than
-						Hyper-V or HyperKit for virtualization. I am using a
+						Hyper-V or HyperKit for virtualization. For a computer
-						computer with Windows 10 Home, so I use Docker Toolbox
+						with Windows 10 Home, you would use Docker Toolbox for
-						for Windows. This blog post will discuss some solutions
+						Windows. This blog post will discuss some solutions to
-						to edge-case issues with Docker Toolbox that Docker
+						edge-case issues with Docker Toolbox that Docker Desktop
-						Desktop users will hopefully not have to deal with.
+						users will hopefully not have to deal with.
 					</p>
 					<ul>
 						<li>macOS</li>

src/documentation.html

@@ -318,7 +318,7 @@
 							>
 							and some generated colors from
 							<a
-								href="https://coolors.co/00274c-ffcb05-30c5ff-e8eef2-343434"
+								href="https://coolors.co/00274c-ffcb05-007bff-e8eef2-343434"
 								target="_blank"
 								>coolors</a
 							>

src/personal.html

@@ -349,6 +349,23 @@
 							to get some free credit on your account to use if
 							you decide to use any of the paid tiers.
 						</p>
+						<p>
+							Additionally, if you are looking for some cool tools
+							to modify your desktop client experience, check out
+							<a
+								href="https://github.com/dragonwocky/notion-enhancer"
+								target="_blank"
+								>notion-enhancer</a
+							>
+							by
+							<a
+								href="https://github.com/dragonwocky"
+								target="_blank"
+								>dragonwocky</a
+							>. Release v0.10.0 added a tabs feature so you can
+							get a browser-like experience in the desktop client
+							and (my personal favorite) dracula theme.
+						</p>
 					</div>
 				</div>
 				<div class="row align-items-center">
@@ -405,17 +422,74 @@
 						<h3>Platform: Web App, iOS, Android</h3>
 						<p>
 							This is my preferred Podcast app. I have it on my
-							Android phone and I use the Windows app on my
+							Android phone and on my Arch Linux desktop and
-							desktop and laptop. I purchased the web app and
+							laptop. I purchased the web app and android app
-							android app prior to the new<i>subscription</i>
+							prior to the new
-							model that Pocket Casts has implemented. While I
+							<a
-							don't agree with this new pay structure, I
+								href="https://www.pocketcasts.com/plus/"
+								target="_blank"
+								>subscription</a
+							>
+							model that Pocket Casts has implemented. Luckily,
+							they listened to customer feedback and gave
+							<a
+								href="https://blog.pocketcasts.com/news/we-heard-you/"
+								target="_blank"
+								>lifetime access to Pocket Casts Plus</a
+							>
+							for those who previously purchased the web version.
+							While I'm not a big fan of subscription models
+							(especially when they previously didn't exist), I
 							appreciate that they have implemented a free tier
 							that has the majority of features that most people
 							will need.
 						</p>
 					</div>
 				</div>
+				<div class="row align-items-center">
+					<div class="col-md-2">
+						<a href="https://www.spotify.com/" target="_blank">
+							<img
+								class="img-fluid mx-auto d-block"
+								src="./assets/software/logo-spotify.png"
+							/>
+						</a>
+					</div>
+					<div class="col-md-10">
+						<h2>
+							<a
+								name="Spotify"
+								href="https://www.spotify.com/"
+								target="_blank"
+								>Spotify</a
+							>
+						</h2>
+						<h3>Platform: Windows, macOS, Linux, iOS, Android</h3>
+						<p>
+							This is my preferred music app. I love having access
+							to streaming music on all devices I use and
+							integration with many smart home devices. Overall an
+							excellent product and very reasonable prices,
+							especially with the
+							<a
+								href="https://www.spotify.com/us/student/"
+								target="_blank"
+								>student pricing plan</a
+							>. Check out some of my favorite songs in the
+							<a href="#music">music</a> section.
+						</p>
+						<p>
+							If you are interested in adding some cool themes and
+							improving performance to the spotify desktop app,
+							check out
+							<a
+								href="https://github.com/khanhas/spicetify-cli"
+								target="_blank"
+								>spicetify</a
+							>.
+						</p>
+					</div>
+				</div>
 				<div class="row align-items-center">
 					<div class="col-md-2">
 						<a href="https://vanced.app/" target="_blank">
@@ -569,15 +643,16 @@
 							for school and for gaming, but it isn't great for
 							taking handwritten digital notes. The latter is
 							similar to the Spectre in regards to specs, but has
-							a favorable display ratio. The main reason I chose
+							a favorable display ratio for productivity. The main
-							against it in the end was the high price relative to
+							reason I chose against the Surface Book in the end
-							the Spectre. I was able to get very comparable specs
+							was the high price relative to the Spectre. I was
-							for a much lower price with the Spectre. My laptop
+							able to get very comparable specs for a much lower
-							is the 2016 model with Intel i7-7500U CPU, NVIDIA
+							price with the Spectre. My laptop is the 2016 model
-							GeForce 940MX GPU, and 16 GB RAM. The newer models
+							with Intel i7-7500U CPU, NVIDIA GeForce 940MX GPU,
-							have thinner bezels, diamond-cut corners, updated
+							and 16 GB RAM. The newer models have thinner bezels,
-							specs, and better trackpad drivers. I got around
+							diamond-cut corners, updated specs, and better
-							this issue by
+							trackpad drivers. If you are running Windows 10 and
+							want better touch pad drivers, check out
 							<a
 								href="https://www.windowscentral.com/how-enable-precision-touchpad-drivers"
 								target="_blank"
@@ -585,8 +660,11 @@
 								installing Microsoft's Precision Trackpad
 								drivers</a
 							>
-							myself as the pre-installed Synaptics drivers are
+							. Finally, I have had many issues with the speakers
-							not great.
+							on my model. This has been reported by many other
+							users as well. I'm not sure if this issue has been
+							resolved on newer models, but it's something to look
+							out for.
 						</p>
 					</div>
 				</div>

src/style/styles.css

@@ -5,7 +5,7 @@
 :root[color-mode="light"] {
 	--primary-color: #ffcb05;
 	--secondary-color: #00274c;
-	--tertiary-color: #2f65a7;
+	--tertiary-color: #007bff;
 	--quaternary-color: #ffffff;
 	--quinary-color: #e83e8c;
 	--background-color: #e8eef2;