fix: Fix typos and increase content box alpha.

This commit is contained in:
Xander Bazzi 2024-07-19 21:06:32 -06:00
parent 23b1dd0b12
commit 7bc3c5d887
2 changed files with 4 additions and 3 deletions

View File

@ -5,7 +5,7 @@
} }
:root { :root {
--background: rgba(150, 150, 150, 0.95); --background: rgba(150, 150, 150, 0.8);
--main-color:#bf00ff; --main-color:#bf00ff;
--main-color-dk:#441261; --main-color-dk:#441261;
--accent-1: #8d0081; --accent-1: #8d0081;
@ -66,6 +66,7 @@ ul {
height:150px; height:150px;
padding-bottom:var(--content-spacing); padding-bottom:var(--content-spacing);
margin-bottom:var(--content-spacing); margin-bottom:var(--content-spacing);
margin-top:var(--content-spacing);
/* border:var(--border); */ /* border:var(--border); */
} }
@ -103,6 +104,7 @@ p.blog {
/* Revised Pseudo-element Styles */ /* Revised Pseudo-element Styles */
body::before { body::before {
background-color: rgba(0, 0, 0, 0.25);
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -110,7 +112,6 @@ body::before {
bottom: 0; bottom: 0;
content: ''; content: '';
background-image: var(--background-img); background-image: var(--background-img);
background-color: black;
background-size: 100% 100%; /* Ensure the image covers the entire element */ background-size: 100% 100%; /* Ensure the image covers the entire element */
background-repeat: no-repeat; /* Prevent the image from repeating */ background-repeat: no-repeat; /* Prevent the image from repeating */
opacity: 0.9; /* Adjust the transparency */ opacity: 0.9; /* Adjust the transparency */

View File

@ -20,7 +20,7 @@
<div class="title"><span class="fa-solid fa-user"></span> whoami</div> <div class="title"><span class="fa-solid fa-user"></span> whoami</div>
<div class="content"> <div class="content">
<p> <p>
Software engineer, especializing in algorithms and physics-based models. Passionate about theoretical computer science and low-level programming. Software engineer, specializing in algorithms and physics-based models. Passionate about theoretical computer science and low-level programming.
As you can see, I am not a web developer. As you can see, I am not a web developer.
</p> </p>
</div> </div>