added text and styles for about section

lindakatcodes · Apr 5, 2024 · 88720a8 · 88720a8
1 parent 0218e7b
commit 88720a8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
@@ -19,14 +19,21 @@ import { DEFAULT_METADATA } from "@util/constants";
     box-shadow: -7px 7px 16px 0px var(--bg-shadow);
   }
 
-  .about-wrapper p {
+  .about-wrapper .intro p {
     font-family: var(--heading-font);
     font-size: clamp(var(--h6), 8dvw, var(--h4));
     text-align: center;
   }
 
-  .about-wrapper .gradient-text span {
+  .about-wrapper .intro .gradient-text span {
     font-family: var(--accent-font);
     font-size: clamp(var(--h5), 9dvw, var(--h3));
   }
+
+  .about-wrapper .about p {
+    margin: 0.5rem auto;
+    padding: 0.25rem;
+    text-wrap: pretty;
+    max-inline-size: min(650px, 80dvw);
+  }
 </style>
diff --git a/src/pages/about.mdx b/src/pages/about.mdx
@@ -14,7 +14,14 @@ import { Image } from "astro:assets";
     loading="eager"
   />
 
-<p class="gradient-text">Hey! I'm Linda,</p>
-<p class="gradient-text">& I compose</p>
-<p class="gradient-text"><span>delightful</span> websites.</p>
+  <p class="gradient-text">Hey! I'm Linda,</p>
+  <p class="gradient-text">& I compose</p>
+  <p class="gradient-text"><span>delightful</span> websites.</p>
 </section>
+
+<section class="about">
+  I don't just write code, I craft user experiences. I have a keen eye for creating visually appealing and user-friendly interfaces, honed through years of photography. But my skills go beyond the aesthetic – my musical background translates to an intuitive understanding of flow, ensuring the sites I build feel smooth and effortless to navigate. It's this blend of creativity and logic that allows me to build websites that are not just functional, but truly delightful.
+
+  My path to software engineer wasn't exactly linear. Before diving into the world of web development, I spent years in a variety of roles – print shops, piano stores, even photo labs. These experiences turned me into a communication pro. I learned how to explain complex things clearly and listen patiently. Teamwork became second nature, as I juggled projects and collaborated with all sorts of personalities. Plus, those years of juggling tasks in different roles honed my project management skills – I became an organizational whiz, keeping projects on track and ensuring all the pieces clicked into place seamlessly.
+</section>
+