diff --git a/src/info/components/love-card.js b/src/info/components/love-card.js index f439499..b059228 100644 --- a/src/info/components/love-card.js +++ b/src/info/components/love-card.js @@ -1,8 +1,42 @@ import Link from "next/link"; -export default function TestimonialCard({ src, alt, url, innerText, user }) { - const finalsrc = Boolean(src) ? src : "/images/werefox_logo.png"; - const isMe = (user == "Shadow8t4") ? "text-werefox-blue-dark dark:text-werefox-blue": "text-werefox-pink-dark dark:text-werefox-pink" +export function validURL(str) { + var pattern = new RegExp( + "^(https?:\\/\\/)?" + // protocol + "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // domain name + "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address + "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path + "(\\?[;&a-z\\d%_.~+=-]*)?" + // query string + "(\\#[-a-z\\d_]*)?$", + "i" + ); // fragment locator + return !!pattern.test(str); +} + +export function renderPossibleURLField(field) { + if (validURL(field)) { + return ( + + + {field} + + + ); + } else { + return ( +

+ {field} +

+ ); + } +} + +export default function TestimonialCard({ src, alt, url, fields, bio, user }) { + const finalsrc = Boolean(src) ? src : "/images/logo.png"; + const isMe = + user == "Shadow8t4" + ? "text-werefox-blue-dark dark:text-werefox-blue" + : "text-werefox-pink-dark dark:text-werefox-pink"; return (
@@ -18,15 +52,27 @@ export default function TestimonialCard({ src, alt, url, innerText, user }) {
{" "} -
-

- {innerText} -
- {"- "} - - {`@${user}`} - -

+
+
+
+ {Object.keys(fields).map((field) => ( + <> + {renderPossibleURLField(field)} + {renderPossibleURLField(fields[field])} + + ))} +
+
+

+ {bio} +
+ {"- "} + + {`@${user}`} + +

+
+
); diff --git a/src/info/pages/hrt/index.js b/src/info/pages/hrt/index.js index fc7d19b..46f5fdb 100644 --- a/src/info/pages/hrt/index.js +++ b/src/info/pages/hrt/index.js @@ -1,7 +1,5 @@ -import Head from "next/head"; import BasicPage from "../../components/basic-page-template"; import WCard from "../../components/werefox-card"; -import MS from "../../components/mutant-standard"; export default function HRT() { return ( diff --git a/src/info/pages/identities/partners/index.js b/src/info/pages/identities/partners/index.js index 3a06852..b1419c3 100644 --- a/src/info/pages/identities/partners/index.js +++ b/src/info/pages/identities/partners/index.js @@ -1,12 +1,48 @@ -import BasicPage from "../../../components/basic-page-template" +import BasicPage from "../../../components/basic-page-template"; +import WCard from "../../../components/werefox-card"; +import LCard from "../../../components/love-card"; -export default function HRT() { - return ( - +// Use this to list out partner info on this page. >w> - - ); +const PARTNERS = { + // heatherhorns: { + // url: "", + // avi: "", + // fields: { + // "": "", + // }, + // bio: ``, + // }, +}; + +export default function Partners() { + if (PARTNERS == null) { + return ( + + {Object.keys(PARTNERS).map((partner) => ( + + ))} + + ); + } else { + return ( + + +

+ Oh! It looks like I don't have any partners at the moment. +
+ Oh well! +

+
+
+ ); + } } diff --git a/src/info/pages/index.js b/src/info/pages/index.js index b3c44c5..bd35b9f 100644 --- a/src/info/pages/index.js +++ b/src/info/pages/index.js @@ -1,9 +1,6 @@ -import Head from "next/head"; -import Image from "next/image"; import BasicPage from "../components/basic-page-template"; import IDButton from "../components/identity-button"; import WCard from "../components/werefox-card"; -import MS from "../components/mutant-standard"; export default function Home() { return ( diff --git a/src/info/tailwind.config.js b/src/info/tailwind.config.js index 22852bf..e9bbd90 100644 --- a/src/info/tailwind.config.js +++ b/src/info/tailwind.config.js @@ -8,12 +8,16 @@ module.exports = { }, colors: { "werefox-blue": { - DEFAULT: "#60A4FF", - dark: "#2885ff", + DEFAULT: "#75B1FF", + dark: "#0052B8", + darker: "#0052B8", + darkest: "#0052B8", }, "werefox-pink": { - DEFAULT: "#ff84c5", - dark: "#ff329f", + DEFAULT: "#FF84CA", + dark: "#9E0054", + darker: "#8A0040", + darkest: "#75003F", }, "werefox-grey": { lightest: "#EEE",