changed background of blocks

osharper · Mar 4, 2024 · 86667b4 · 86667b4
1 parent 6d86fcc
commit 86667b4
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -31,7 +31,7 @@ const App = () => {
     // if current month is less than August, then subtract 1 from current year
     if (new Date().getMonth() < 8) currentYear--;
 
-    var age = currentYear - 123;
+    var age = currentYear - 1986;
     var firstEmploymentDate = new Date(2009, 8, 1);
     var yearsOfExperience = currentDate.getFullYear() - firstEmploymentDate.getFullYear();
 
@@ -45,15 +45,15 @@ const App = () => {
             )}
 
             <div class={`${styles.content} container mx-auto px-4 flex flex-col items-center max-w-7xl`}>
-                <header class="font-extrabold py-4 text-xs bg-orange-500 w-full text-center border border-slate-200">
-                    <code>{``}</code>Hi
+                <header class="font-bold py-4 text-xs bg-white w-full text-center border border-slate-200">
+                    <code>{`> Hello world! _`}</code>
                 </header>
-                <figure class="flex my-8 bg-amber-600 w-full px-4 py-2 border border-slate-200">
-                    <img class="w-32 h-32 rounded-3xl ml-auto mr-4 border-4 border-slate-300" src={photoUrl} alt="Oleg Dolotov" />
+                <figure class="flex my-8 bg-white-600 w-full px-4 py-2 border border-slate-200 backdrop-blur-sm">
+                    <img class="w-32 h-32 rounded-full ml-auto mr-4 border-4 border-slate-300" src={photoUrl} alt="Oleg Dolotov" />
                     <figcaption class="text-lg mr-auto ml-4 py-4">
-                        <h1 class="text-3xl">Bob</h1>
+                        <h1 class="text-3xl">Oleg Dolotov</h1>
                         <h2 class="mt-4 text-2xl">Fullstack web developer with {yearsOfExperience} years of experience</h2>
-                        <p class="text-sm">{age} 123456789 years old, digital nomad, currently living in Thailand</p>
+                        <p class="text-sm">{age}  years old, digital nomad, currently living in Thailand</p>
                     </figcaption>
                 </figure>
             </div>