styling (#71)

src/content/pages/colophon.md

@@ -8,9 +8,9 @@ This colophon page outlines the technology and tools used to build this site.
 
 ## Technology 
 
-This site is built with [Astro](https://astro.build), a web framework.
+This site is built with [Astro](https://astro.build).
 
-[Tailwind CSS](https://tailwindcss.com/) is used for base CSS styles.
+[Tailwind CSS](https://tailwindcss.com/) is used for base styles.
 
 [Netlify](https://www.netlify.com/) handles hosting, deployment, and edge functions used to generate Open Graph images.
 
@@ -21,13 +21,13 @@ Unit tests are run with [Vitest](https://vitest.dev/). End-to-end tests are run
 Analytics are powered by [Clarity](https://clarity.microsoft.com/). Privacy info is [available here](https://learn.microsoft.com/en-us/clarity/faq#privacy).
 
 ### Design and Visual Elements
-[DM Sans](https://fonts.google.com/specimen/DM+Sans) is a sans serif font under the Open Font License.
+[DM Sans](https://fonts.google.com/specimen/DM+Sans) is a sans serif font under the [Open Font License](https://openfontlicense.org/).
 
-Icons used are from [Lucide](https://lucide.dev/).
+Icons are from [Lucide](https://lucide.dev/).
 
 Any third-party logos are from official sources like press kits or brand pages.
 
 Any other images have been sourced from my projects, or created by myself.
 
 ### Code
-The source code is available on [GitHub](https://github.com/alexnguyennz/alexnguyen.co.nz/) under the MIT License. Feel free to create an [issue](https://github.com/alexnguyennz/alexnguyen.co.nz/issues) if you notice any mistakes or errors.
+The source code is available on [GitHub](https://github.com/alexnguyennz/alexnguyen.co.nz/) under the MIT License. Feel free to create an [issue](https://github.com/alexnguyennz/alexnguyen.co.nz/issues) for any mistakes or errors.

src/pages/about.astro

@@ -7,7 +7,11 @@ import Layout from "@/layouts/Layout.astro";
 
 import aboutImage from "@/assets/img/about.jpg";
 
-const image = await getImage({ src: aboutImage });
+const image = await getImage({
+  src: aboutImage,
+  width: aboutImage.width / 2,
+  height: aboutImage.height / 2,
+});
 
 /*import { rawContent } from "@/content/pages/about.md";
 

src/pages/index.astro

@@ -55,8 +55,7 @@ const ogImageUrl = new URL(
   <div class="prose dark:prose-invert">
     <h1>Hi, I'm Alex.</h1>
     <p class="text-center">
-      I'm a web developer based in New Zealand. Currently I work as a
-      freelancer.
+      I'm a web developer. Currently I work as a freelancer.
     </p>
   </div>
 

src/styles/globals.css

@@ -34,8 +34,8 @@ html {
   background: white
     linear-gradient(
       0deg,
-      rgba(240, 249, 255, 1) 0%,
-      rgba(240, 249, 255, 1) 100%
+      rgba(248, 250, 252, 1) 0%,
+      rgba(248, 250, 252, 1) 100%
     );
 }