From 9a582cfc8bb10b9e6689536531f8d8d26cc2a963 Mon Sep 17 00:00:00 2001 From: Alexis Werefox Date: Sun, 25 Apr 2021 06:57:01 +0000 Subject: [PATCH] Adding base pages for other links, added a basic page component. --- src/info/components/basic-page-template.js | 85 ++++++ src/info/components/identity-button.js | 2 +- src/info/components/love-card.js | 33 +++ src/info/components/testimonial-card.js | 4 +- src/info/pages/faq/index.js | 106 +++++++ src/info/pages/hrt/index.js | 48 +--- src/info/pages/identities/fursona/index.js | 0 src/info/pages/identities/gender/index.js | 0 src/info/pages/identities/neuro/index.js | 0 src/info/pages/identities/partners/index.js | 12 + src/info/pages/identities/pronouns/index.js | 0 src/info/pages/identities/sexuality/index.js | 0 src/info/pages/index.js | 284 +++++++++---------- src/info/pages/testimonials/index.js | 99 +++---- 14 files changed, 434 insertions(+), 239 deletions(-) create mode 100644 src/info/components/basic-page-template.js create mode 100644 src/info/components/love-card.js create mode 100644 src/info/pages/faq/index.js create mode 100644 src/info/pages/identities/fursona/index.js create mode 100644 src/info/pages/identities/gender/index.js create mode 100644 src/info/pages/identities/neuro/index.js create mode 100644 src/info/pages/identities/partners/index.js create mode 100644 src/info/pages/identities/pronouns/index.js create mode 100644 src/info/pages/identities/sexuality/index.js diff --git a/src/info/components/basic-page-template.js b/src/info/components/basic-page-template.js new file mode 100644 index 0000000..47577bb --- /dev/null +++ b/src/info/components/basic-page-template.js @@ -0,0 +1,85 @@ +import Head from "next/head"; +import Image from "next/image"; +import WCard from "../components/werefox-card"; +import MS from "../components/mutant-standard"; + +export default function HRT({ is_home, page_title, card_title, children }) { + + if(is_home) { + return ( +
+ + {page_title} + + +
+ +

+ + {" "} + Pixel Alexis!{" "} + + {"- "} + {card_title} +

+ + {children} + +
+
+ ); + } else { + return ( +
+ + {page_title} + + +
+ + +

+ + {" "} + Pixel Alexis!{" "} + + {"- "} + {card_title} +

+ + {children} + + +
+
+ ); + } +} diff --git a/src/info/components/identity-button.js b/src/info/components/identity-button.js index 7c7865d..38962ee 100644 --- a/src/info/components/identity-button.js +++ b/src/info/components/identity-button.js @@ -13,7 +13,7 @@ export default function IdentityButton({
{images.map((source) => ( diff --git a/src/info/components/love-card.js b/src/info/components/love-card.js new file mode 100644 index 0000000..f439499 --- /dev/null +++ b/src/info/components/love-card.js @@ -0,0 +1,33 @@ +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" + + return ( +
+ + +
+ {" "} + {alt}{" "} +
+ + {" "} +
+

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

+
+
+ ); +} diff --git a/src/info/components/testimonial-card.js b/src/info/components/testimonial-card.js index 297d53c..f439499 100644 --- a/src/info/components/testimonial-card.js +++ b/src/info/components/testimonial-card.js @@ -1,8 +1,8 @@ -import Image from "next/image"; 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" return (
@@ -18,7 +18,7 @@ export default function TestimonialCard({ src, alt, url, innerText, user }) {
{" "} -
+

{innerText}
diff --git a/src/info/pages/faq/index.js b/src/info/pages/faq/index.js new file mode 100644 index 0000000..d4f19a9 --- /dev/null +++ b/src/info/pages/faq/index.js @@ -0,0 +1,106 @@ +import Head from "next/head"; +import Image from "next/image"; +import WCard from "../../components/werefox-card"; +import TCard from "../../components/testimonial-card"; +import MS from "../../components/mutant-standard"; + +export default function HRT() { + return ( +

+ + Alexis Werefox HRT Tracker + + +
+ + +

+ + {" "} + Pixel Alexis!{" "} + + {"- "} + Frequently Asked Questions! +

+ + +

+ "So is Werefox like a speicies or...?" +

+ + + +

+ "How can you be Pansexual and a Lesbian?" +

+ + + +

+ "How do I get more Xenia stickers?" +

+ + + +

+ "What do you do?" +

+ + + + +
+
+ ); +} diff --git a/src/info/pages/hrt/index.js b/src/info/pages/hrt/index.js index 7c6ddc4..fc7d19b 100644 --- a/src/info/pages/hrt/index.js +++ b/src/info/pages/hrt/index.js @@ -1,43 +1,21 @@ 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 ( -
- - Alexis Werefox HRT Tracker - - -
- - -

- Oh no I haven't actually finished this page but I started on
- December 11th, 2020 -

- - - -
-
+ + +

+ Oh no I haven't actually finished this page but I started on +
+ December 11th, 2020 +

+ + ); } diff --git a/src/info/pages/identities/fursona/index.js b/src/info/pages/identities/fursona/index.js new file mode 100644 index 0000000..e69de29 diff --git a/src/info/pages/identities/gender/index.js b/src/info/pages/identities/gender/index.js new file mode 100644 index 0000000..e69de29 diff --git a/src/info/pages/identities/neuro/index.js b/src/info/pages/identities/neuro/index.js new file mode 100644 index 0000000..e69de29 diff --git a/src/info/pages/identities/partners/index.js b/src/info/pages/identities/partners/index.js new file mode 100644 index 0000000..3a06852 --- /dev/null +++ b/src/info/pages/identities/partners/index.js @@ -0,0 +1,12 @@ +import BasicPage from "../../../components/basic-page-template" + +export default function HRT() { + return ( + + + + ); +} diff --git a/src/info/pages/identities/pronouns/index.js b/src/info/pages/identities/pronouns/index.js new file mode 100644 index 0000000..e69de29 diff --git a/src/info/pages/identities/sexuality/index.js b/src/info/pages/identities/sexuality/index.js new file mode 100644 index 0000000..e69de29 diff --git a/src/info/pages/index.js b/src/info/pages/index.js index 7abf5db..b3c44c5 100644 --- a/src/info/pages/index.js +++ b/src/info/pages/index.js @@ -1,156 +1,148 @@ import Head from "next/head"; -import Link from "next/link"; 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 ( -
- - About A Werefox - - -
- -

- - {" "} - Pixel Alexis!{" "} - - {"- "} - Hi! I'm Alexis Werefox! -

- - -
- - - - - - - - - -
- - - -

- Somewhere between a hot date and a hot mess. -
- Just a witchy foxxo programmer trying to make it in the world tbh. -

- - - -
-
+ + +
+ + + + + + + + + +
+ + + +

+ Somewhere between a hot date and a hot mess. +
+ Just a witchy foxxo programmer trying to make it in the world tbh. +

+ + + + ); } diff --git a/src/info/pages/testimonials/index.js b/src/info/pages/testimonials/index.js index 4df83d0..8ba6fa4 100644 --- a/src/info/pages/testimonials/index.js +++ b/src/info/pages/testimonials/index.js @@ -1,7 +1,6 @@ -import Head from "next/head"; +import BasicPage from "../../components/basic-page-template"; import WCard from "../../components/werefox-card"; import TCard from "../../components/testimonial-card"; -import MS from "../../components/mutant-standard"; import axios from "axios"; // Async functions to grab user avatars server-side @@ -10,7 +9,7 @@ export const getIcon = async ({ json, name }) => await axios.get(json).then( ({ data }) => [name, data["icon"]["url"]], (error) => { - console.log(error) + console.log(error); return [name, null]; } ); @@ -46,93 +45,83 @@ const USERS = { Decimal: { url: "https://plush.city/@Decimal", json: "https://plush.city/@Decimal.json", - content: `"I will appreciate the heck out of you any day"` + content: `"I will appreciate the heck out of you any day"`, }, skelly: { url: "https://redroo.ml/@skelly", json: "https://redroo.ml/@skelly.json", - content: `"this an an official invitation for any one of you to put 'fuck you i dont give testimonials' as a testimonial by me on your profile"` + content: `"this an an official invitation for any one of you to put 'fuck you i dont give testimonials' as a testimonial by me on your profile"`, }, Drako_Fenris: { url: "https://yiff.life/@Drako_Fenris", json: "https://yiff.life/@Drako_Fenris.json", - content: `"[Alexis' future wife] lives in the ether yet to be revealed. she awaits the day her big tiddie goth gf rides in on her unicorn and rescues her."` + content: `"[Alexis' future wife] lives in the ether yet to be revealed. she awaits the day her big tiddie goth gf rides in on her unicorn and rescues her."`, }, "00dani": { url: "https://vulpine.club/@00dani", json: "https://vulpine.club/@00dani.json", - content: `"*falls in love with you* haha whoopsies 😳"` + content: `"*falls in love with you* haha whoopsies 😳"`, }, Gumby: { url: "https://puppy.cafe/@Gumby", json: "https://puppy.cafe/@Gumby.json", - content: `"im love alexis a lot 💚 🐀"` + content: `"im love alexis a lot 💚 🐀"`, }, AshBunny: { url: "https://vulpine.club/@AshBunny", json: "https://vulpine.club/@AshBunny.json", - content: `"heck. I don't think I can take all of this support."` + content: `"heck. I don't think I can take all of this support."`, }, heatherhorns: { url: "https://plush.city/@heatherhorns", json: "https://plush.city/@heatherhorns.json", content: `";~; - gpsd gosh"` + gpsd gosh"`, + }, + MutoShack: { + url: "https://functional.cafe/@MutoShack", + json: "https://functional.cafe/@MutoShack.json", + content: `"yess w'all say nice things! usually "alexis is the good" and "alexis is the gay" + + because it is the truth"`, + }, + immychan: { + url: "https://antabaka.me/@immychan", + json: "https://antabaka.me/@immychan.json", + content: `"Oh damn you're cute 😳"`, + }, + nautilee: { + url: "https://dragon.style/@nautilee", + json: "https://dragon.style/@nautilee.json", + content: `"...how are you so goshdarn cute"`, }, lindsays: { url: "https://hackers.town/@lindsays", json: "https://hackers.town/@lindsays.json", - content: `Regarding @shadow8t4 : She's an amazing, sweet, beautiful dork, and a spectacular best friend. also, a butt.` + content: `"Regarding @shadow8t4 : She's an amazing, sweet, beautiful dork, and a spectacular best friend. also, a butt."`, }, }; export default function Testimonials({ iconUrls }) { return ( -
- - Werefox Testimonials - - -
- + +

+ Sometimes, people say some nice things about me. Here are some + examples! +

+ + {Object.keys(USERS).map((user) => ( + - -

- Sometimes, people say some nice things about me. Here are some - examples! -

- - {Object.keys(USERS).map((user) => ( - - ))} - - -
-
+ ))} + ); }