diff --git a/_components/footer.tsx b/_components/footer.tsx
index 9a8341c..3329f73 100644
--- a/_components/footer.tsx
+++ b/_components/footer.tsx
@@ -1,6 +1,23 @@
export default function({ comp }) {
+ const {
+ Forgejo: ForgejoIcon,
+ Mastodon: MastodonIcon,
+ Mail: MailIcon,
+ } = comp.icons;
+
return (
diff --git a/_components/icons/Forgejo.tsx b/_components/icons/Forgejo.tsx
new file mode 100644
index 0000000..c780932
--- /dev/null
+++ b/_components/icons/Forgejo.tsx
@@ -0,0 +1,10 @@
+// Icon from Simple Icons
+
+export default function() {
+ return (
+
+ );
+}
diff --git a/_components/icons/Mastodon.tsx b/_components/icons/Mastodon.tsx
new file mode 100644
index 0000000..e6684cd
--- /dev/null
+++ b/_components/icons/Mastodon.tsx
@@ -0,0 +1,10 @@
+// Icon from Simple Icons
+
+export default function() {
+ return (
+
+ );
+}
diff --git a/_components/icons/README.org b/_components/icons/README.org
index de59497..95c543b 100644
--- a/_components/icons/README.org
+++ b/_components/icons/README.org
@@ -1,5 +1,3 @@
#+title: Icons
-Icons as TSX components.
-
-All icons are from Tabler Icons.
+Icons as TSX components. Icons are obtained from Tabler Icons and Simple Icons.
diff --git a/_includes/styles/components/footer.scss b/_includes/styles/components/footer.scss
index 8b37c93..21d8c19 100644
--- a/_includes/styles/components/footer.scss
+++ b/_includes/styles/components/footer.scss
@@ -4,6 +4,24 @@ .page-footer {
margin: 0 auto;
padding: 1rem;
+ .social-links {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+ font-size: 1.5rem;
+
+ a {
+ padding: 0.5rem 0.5rem 0.25rem 0.5rem;
+ color: var(--color-fg);
+ border-radius: 5px;
+ &:hover {
+ background-color: var(--color-bg--layer-01);
+ }
+ }
+ }
+
.heart {
color: var(--color-red);
}
diff --git a/index.tsx b/index.tsx
index 3505b53..38a680b 100644
--- a/index.tsx
+++ b/index.tsx
@@ -27,18 +27,6 @@ export default function({ comp }) {
The primary method of reaching me is through my email: foster@hangdaan.email.
If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the GPG Key section of this page.
-
- {comp.icons.GPS()} Places
- Other places where you can find me:
-
-
{comp.icons.Key()} GPG Key