diff --git a/src/info/components/contacts-block.js b/src/info/components/contacts-block.js
new file mode 100644
index 0000000..f7772ee
--- /dev/null
+++ b/src/info/components/contacts-block.js
@@ -0,0 +1,19 @@
+import CLink from "./contacts-link";
+import { CONTACTS } from "../js/variables";
+
+export default function ContactsBlock({}) {
+ return (
+
+ {Object.keys(CONTACTS).map((contact) => (
+
+ ))}
+
+ );
+}
diff --git a/src/info/components/contacts-link.js b/src/info/components/contacts-link.js
new file mode 100644
index 0000000..718a842
--- /dev/null
+++ b/src/info/components/contacts-link.js
@@ -0,0 +1,21 @@
+import Image from "next/image";
+
+export default function ContactsLink({ src, alt, url, description, url_text }) {
+ return (
+
+
+
+
+
+ {" "}
+ {description}{" "}
+
+ {url_text}
+
+
+ );
+}
diff --git a/src/info/js/variables.js b/src/info/js/variables.js
index 567213f..80337f0 100644
--- a/src/info/js/variables.js
+++ b/src/info/js/variables.js
@@ -146,6 +146,35 @@ export const PAGES = {
},
};
+// An object listing pages folks can visit
+
+export const CONTACTS = {
+ "My public Mastodon": {
+ url: "https://vulpine.club/@shadow8t4",
+ src: "/emoji/mastodon-logo.png",
+ alt: "The Mastodon logo",
+ url_text: "@shadow8t4@vulpine.club",
+ },
+ "My Twitter": {
+ url: "https://twitter.com/alexis_werefox",
+ src: "/emoji/twitter-logo.png",
+ alt: "The Twitter logo",
+ url_text: "@alexis_werefox",
+ },
+ "My Twitch": {
+ url: "https://twitch.tv/alexis_werefox",
+ src: "/emoji/twitch-logo.png",
+ alt: "The Twitch logo",
+ url_text: "@Alexis_Werefox",
+ },
+ "My e-mail": {
+ url: "mailto:adh9694@gmail.com",
+ src: "/emoji/inbox.svg",
+ alt: "An inbox emoji",
+ url_text: "adh9694@gmail.com",
+ },
+};
+
// Use this to list out partners on the partners page. >w>
export const PARTNERS = {
@@ -462,5 +491,5 @@ export const OTHER = {
alt: "Microphone emoji",
description: `*Nervous sweating* Heh! sometimes I write some music!? You're free to take a
listen if you want! Let me know what you think! It's usually based on my poetry.`,
- }
+ },
};
diff --git a/src/info/pages/contacts/index.js b/src/info/pages/contacts/index.js
index 5b57a4a..da21d55 100644
--- a/src/info/pages/contacts/index.js
+++ b/src/info/pages/contacts/index.js
@@ -1,6 +1,6 @@
import BasicPage from "../../components/basic-page";
import WCard from "../../components/werefox-card";
-import Image from "next/image";
+import CBlock from "../../components/contacts-block";
export default function Contacts() {
return (
@@ -9,88 +9,7 @@ export default function Contacts() {
card_title={`"Do you have a [Social Media]?"`}
>
-
+
);