Add new documents and images to the public directory

- Added essays: qui-sumus-existential-dread.pdf and licencjat.pdf
- Added scripts: loop.pdf
- Added images: DSC_1283.avif, GAK00015.avif, GAK00017.avif, GAK00041.avif, GAK00042.avif, painter.avif, parasitic-god-1.avif, parasitic-god-2.avif, parasitic-god-3.avif, parasitic-god-4.avif, parasitic-god-5.avif, spanish-inq-1.avif, spanish-inq-2.avif, spanish-inq-3.avif, spanish-inq-4.avif, typing-game-1.avif, typing-game-2.avif

app/about/page.tsx

@@ -1,5 +1,8 @@
 import Image from "next/image";
+import Link from "next/link";
 import Chip from "@/components/chip";
+import WritingsList from "@/components/writings-list";
+import { writings } from "@/lib/data";
 import { Metadata } from "next";
 import { Check } from "lucide-react";
 
@@ -7,9 +10,24 @@ export const metadata: Metadata = {
   title: "About Me | Gabriel Kaszewski",
   description:
     "Learn more about Gabriel Kaszewski, his skills, and his journey as a developer.",
+  alternates: {
+    canonical: "https://gabrielkaszewski.dev/about",
+  },
+  openGraph: {
+    title: "About Me | Gabriel Kaszewski",
+    description:
+      "Learn more about Gabriel Kaszewski, his skills, and his journey as a developer.",
+    url: "https://gabrielkaszewski.dev/about",
+  },
+  twitter: {
+    card: "summary",
+    title: "About Me | Gabriel Kaszewski",
+    description:
+      "Learn more about Gabriel Kaszewski, his skills, and his journey as a developer.",
+  },
 };
 
-const hobbies = ["Programming", "Filmmaking", "Gaming", "Playing guitar"];
+const hobbies = ["Programming", "Filmmaking", "Photography", "Gaming", "Playing guitar"];
 const interests = [
   "Computer Science",
   "Sci-Fi Books",
@@ -82,7 +100,7 @@ const AboutPage = () => {
 
       <div className="prose prose-invert lg:prose-lg xl:prose-xl max-w-3xl mx-auto w-full">
         <section id="more-info">
-          <h1 className="text-center">More info about me!</h1>
+          <h2 className="text-center">More info about me!</h2>
           <p>
             Hi! I am Gabriel and I am {age} years old. I graduated in
             Bioinformatics from the University of Gdańsk. I&apos;m fluent in
@@ -105,7 +123,7 @@ const AboutPage = () => {
             processes using cellular automata&quot; is available{" "}
             <a
               target="_blank"
-              href="/licencjat.pdf"
+              href="/documents/other/licencjat.pdf"
               className="text-yellow-400 underline"
             >
               here
@@ -136,8 +154,18 @@ const AboutPage = () => {
           </div>
         </section>
 
+        <section id="photography" className="mt-12">
+          <p>
+            I also enjoy photography. You can see some of my shots{" "}
+            <Link href="/photos" className="text-yellow-400 underline">
+              here
+            </Link>
+            .
+          </p>
+        </section>
+
         <section id="philosophy" className="mt-12">
-          <h1>My Philosophy</h1>
+          <h2>My Philosophy</h2>
           <p>
             I believe much of today&apos;s software is bloated, inefficient, and
             disrespectful of the user&apos;s resources. My passion, which
@@ -150,35 +178,8 @@ const AboutPage = () => {
           </p>
         </section>
 
-        <section id="toolkit">
-          <h1>My Toolkit</h1>
-          <div className="not-prose bg-black/20 backdrop-blur-sm glass-effect rounded-2xl p-4 text-white text-shadow-sm">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <h3 className="text-xl font-bold">OS & Hardware</h3>
-                <p>
-                  Arch Linux, Custom-built PC (Ryzen 7 5800X3D, RTX 4070 Ti,
-                  48GB RAM)
-                </p>
-              </div>
-              <div>
-                <h3 className="text-xl font-bold">Editor</h3>
-                <p>Jetbrains IDEs (Pycharm, Rider) & VS Code</p>
-              </div>
-              <div>
-                <h3 className="text-xl font-bold">Primary Languages</h3>
-                <p>Rust, Python, C#, TypeScript</p>
-              </div>
-              <div>
-                <h3 className="text-xl font-bold">Favorite Tech</h3>
-                <p>Axum, Godot, React, TailwindCSS</p>
-              </div>
-            </div>
-          </div>
-        </section>
-
         <section id="future-goals" className="mt-12">
-          <h1>Future Goals</h1>
+          <h2>Future Goals</h2>
           <p>
             I&apos;m always eager to learn and grow. My goal is to continue
             honing my skills in backend development and system architecture.
@@ -194,8 +195,16 @@ const AboutPage = () => {
           </ul>
         </section>
 
+        <section id="writings" className="mt-12">
+          <h2>Writings</h2>
+          <p>Sometimes I dabble in writing, here are some of my works</p>
+          <div className="not-prose flex justify-center mt-4">
+            <WritingsList writings={writings} />
+          </div>
+        </section>
+
         <section id="faq" className="mt-12">
-          <h1>FAQ</h1>
+          <h2>FAQ</h2>
           <div className="not-prose flex flex-col gap-4">
             {faqItems.map((item) => (
               <div key={item.q}>