diff --git a/web/src/pages/about.astro b/web/src/pages/about.astro
index d1528e5..282befe 100644
--- a/web/src/pages/about.astro
+++ b/web/src/pages/about.astro
@@ -2,10 +2,110 @@
 
 import Layout from '@layouts/Layout.astro';
 import Main from '@components/scafold/MainCard.astro';
+import Icon from '@components/form/Icon.astro';
+
+const contributorsResource = async () => {
+    const url = 'https://api.github.com/repos/lissy93/personal-security-checklist/contributors?per_page=100';
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error('Failed to fetch contributors');
+    }
+    return await response.json();
+  };
+
+  const sponsorsResource = async () => {
+    const url = 'https://github-sponsors.as93.workers.dev/lissy93';
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error('Failed to fetch sponsors');
+    }
+    return await response.json();
+  };
+
+export const projects = [
+  {
+    title: 'Email Comparison',
+    description: 'Objective comparison of private/secure mail providers',
+    icon: 'https://email-comparison.as93.net/favicon.png',
+    link: 'https://github.com/lissy93/email-comparison',
+  },
+  {
+    title: 'Personal Security Checklist',
+    description: 'Checklist of security tips, for protecting your privacy',
+    icon: 'https://i.ibb.co/Rb6P6h6/shield.png',
+    link: 'https://github.com/Lissy93/personal-security-checklist',
+  },
+	{
+    title: 'Web-Check',
+    description: 'OSINT tool for analysing any website',
+    icon: 'https://icon.horse/icon/web-check.xyz',
+    link: 'https://github.com/lissy93/web-check',
+  },
+	{
+    title: 'Dashy',
+    description: 'Dashboard app, for organising your self-hosted services',
+    icon: 'https://dashy.to/img/dashy.png',
+    link: 'https://github.com/lissy93/dashy',
+  },
+  {
+    title: 'Portainer-Templates',
+    description: 'Compiled repository of 1-click Docker apps for self-hosting',
+    icon: 'https://portainer-templates.as93.net/favicon.png',
+    link: 'https://github.com/lissy93/portainer-templates',
+  },
+  {
+    title: 'AdGuardian',
+    description: 'CLI tool for monitoring your networks traffic and AdGuard DNS stats',
+    icon: 'https://adguardian.as93.net/favicon.png',
+    link: 'https://github.com/lissy93/adguardian-term',
+  },
+  {
+    title: 'Bug-Bounties',
+    description: 'Database of websites which accept responsible vulnerability discolsure',
+    icon: 'https://bug-bounties.as93.net/favicon.png',
+    link: 'https://github.com/lissy93/bug-bounties',
+  },
+  {
+    title: 'Git-In',
+    description: 'Tools and resources to help beginners get into open source',
+    icon: 'https://www.git-in.to/favicon.png',
+    link: 'https://github.com/lissy93/git-in',
+  },
+];
+
+export const socials = [
+  {
+    title: 'GitHub',
+    icon: 'hub',
+    link: 'https://github.com/lissy93',
+  },
+  {
+    title: 'Twitter',
+    icon: 'twitter',
+    link: 'https://x.com/lissy_sykes',
+  },
+  {
+    title: 'Mastodon',
+    icon: 'mastodon',
+    link: 'https://mastodon.social/@lissy93',
+  },
+  {
+    title: 'Dev',
+    icon: 'dev',
+    link: 'https://dev.to/lissy93',
+  },
+  {
+    title: 'LinkedIn',
+    icon: 'linkedin',
+    link: 'https://linkedin.com/in/aliciasykes',
+  },
+];
+
 
 ---
 
 <Layout title="Awesome Privacy">
+	<div class="about-page">
 	<Main>
 		<h2>Objective</h2>
 		<p>
@@ -28,39 +128,106 @@ import Main from '@components/scafold/MainCard.astro';
 			Awesome Privacy (including all data and code) is fully open source,
 			maintained by a core group of volenteers, with a lot of help from the community.
 			<br /><br />
-			We welcome suggestions, additions, edits and removals to the list.
+			We welcome suggestions, additions, edits and removals to the list.<br />
 			It's thanks to contributors like you that this project is possible 💜
 			<br /><br />
-			To get started, head over to our GitHub repository.
+			To get started, head over to our <a href="https://github.com/lissy93/awesome-privacy">GitHub repository</a>.
 			From here, you'll be able to edit <a href="#"><code>awesome-privacy.yml</code></a>
-			where all data is stored, and then submit your changes as a pull request.
+			where all data is stored, and then submit your changes as a pull request.<br />
 			<br /><br />
-			You can find further details on the repo.
-			Be sure to check the contributing guidelines before submitting a PR or issue,
-			and ensure you're following our Code of Conduct.
+			If you're new to open source, you can find some resources to get you started
+			at <a href="https://git-in.to">git-in.to</a>, but feel free to reach out if you need any help 😊
 		</p>
 		<hr />
 
 		<h2>Credits</h2>
+		<h3>Sponsors</h3>
+		<p>Huge thanks to the following sponsors, for their ongoing support 💖</p>
+		<div class="user-list">
+			{sponsorsResource().then((sponsors) => {
+				return sponsors.map((sponsor: any) => (
+					<a class="user" href={`https://github.com/${sponsor.login}`} target="_blank" rel="noreferrer">
+						<img src={sponsor.avatarUrl} alt={sponsor.login} />
+						<p>{sponsor.name || sponsor.login}</p>
+					</a>
+				));
+			})}
+		</div>
+
+		<h3>Contributors</h3>
 		<p>
-			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-			Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
-			eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-			sunt in culpa qui officia deserunt mollit anim id est laborum.
+			This project exists thanks to all the people who've helped build and maintain it.<br />
+			Special thanks to the below, top-100 contributors 🌟
 		</p>
+		<div class="user-list">
+			{contributorsResource().then((sponsors) => {
+				return sponsors.map((sponsor: any) => (
+					<a class="user" href={sponsor.html_url} target="_blank" rel="noreferrer">
+						<img src={sponsor.avatar_url} alt={sponsor.login} />
+						<p>{sponsor.login}</p>
+					</a>
+				));
+			})}
+		</div>
+
 		<hr />
 
 		<h2>Author</h2>
-		<p>
-			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-			Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
-			eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-			sunt in culpa qui officia deserunt mollit anim id est laborum.
-		</p>
+		<article class="author">
+				<p>
+					This project was originally started by
+					me, <a href="https://aliciasykes.com">Alicia Sykes</a>
+					(with a lot of help from the community)
+				</p>
+				<br />
+				<p class="about">
+					I build apps which aim to help people escape big tech, secure their data,
+					and protect their privacy.
+				</p>
+				<br />
+				<div class="pic-and-socials">
+					<a href="https://aliciasykes.com">
+						<img class="pic" width="180" height="240" alt="Alicia Sykes" src="https://i.ibb.co/fq10qhL/DSC-0597.jpg" />
+					</a>
+					<div class="socials">
+						{
+							socials.map((social) => (
+								<a href={social.link}>
+									<Icon icon={social.icon} width={24} height={24} />
+								</a>
+							))
+						}
+					</div>
+				</div>
+				<p class="more-about">
+					I have a particular interest in self-hosting, Linux, security and OSINT.<br />
+					So if this type of stuff interests you, check out these other projects:
+				</p>
+				<ul>
+					{
+						projects.map((project) => (
+							<li>
+								<img width="20" height="20" alt={project.title} src={project.icon} />
+								<a href={project.link} target="_blank" rel="noreferrer">
+									{project.title}
+								</a> - {project.description}
+							</li>
+						))
+					}
+					<li>
+						...and loads more, over at <a href="https://apps.aliciasykes.com/">apps.aliciasykes.com</a>
+						and on <a href="https://github.com/lissy93">github.com/lissy93</a>
+					</li>
+				</ul>
+				<br />
+				<p>
+					If you'd like to support the ongoing work on Awesome Privacy,
+					and other similar projects,
+					consider <a href="https://github.com/sponsors/lissy93">sponsoring me</a> on GitHub 💖
+				</p>
+
+		</article>
+		
 		<hr />
 
 		<h2>License</h2>
@@ -74,6 +241,7 @@ import Main from '@components/scafold/MainCard.astro';
 		</p>
 
 	</Main>
+	</div>
 </Layout>
 
 <style lang="scss">
@@ -95,4 +263,78 @@ hr {
 		border-color: var(--accent-2);
 	}
 }
+
+h3 {
+	font-size: 1.6rem;
+}
+
+.user-list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+	margin: 2rem 0;
+	.user {
+		width: 6rem;
+		overflow: hidden;
+		text-align: center;
+		img {
+			width: 5rem;
+			height: 5rem;
+			border-radius: var(--curve-md);
+		}
+		p {
+			font-size: 1rem;
+			display: -webkit-box;
+			-webkit-line-clamp: 1;
+			-webkit-box-orient: vertical;  
+			overflow: hidden;
+		}
+	}
+}
+
+.author {
+	p {
+		margin: 1rem 0 0 0;
+	}
+	ul {
+		padding-left: 1.5rem;
+		list-style: circle;
+		margin-bottom: 0;
+	}
+	.about {
+		font-size: 1.4rem;
+		font-style: italic;
+		font-weight: 300;
+		color: var(--accent-3);
+		text-align: center;
+		max-width: 500px;
+		margin: 0 auto;
+	}
+	small {
+		font-size: 1rem;
+		margin: 1rem 0;
+	}
+	.pic-and-socials {
+		float:right;
+		img {
+			margin: 0.5rem 1rem;
+			border-radius: var(--curve-md);
+			border: 2px solid var(--foreground);
+			box-shadow: 4px 4px 0 var(--foreground);
+		}
+		.socials {
+			display: flex;
+			margin: 0.5rem 1rem;
+			justify-content: space-between;
+			:global(a svg) {
+				color: var(--foreground);
+				transition: color 0.2s ease-in-out;
+				&:hover {
+					color: var(--accent);
+				}
+			}
+		}
+	}
+}
+
 </style>