Updated packaged, audited and fixes, began to remove NextJS Image tags.

This commit is contained in:
Alexis Werefox 2021-06-15 01:41:10 +00:00
parent 677e247290
commit 031581ceec
8 changed files with 438 additions and 9569 deletions

View File

@ -1,16 +1,9 @@
import Head from "next/head"; import Head from "next/head";
import Image from "next/image"; import TCard from "../components/title-card";
import WCard from "../components/werefox-card";
import FCard from "./footer-card"; import FCard from "./footer-card";
import PButton from "../components/page-button"; import PButton from "../components/page-button";
export default function BasicPage({ export default function BasicPage({ page_title, card_title, children }) {
is_home,
page_title,
card_title,
children,
}) {
if (is_home) {
return ( return (
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd"> <div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
<Head> <Head>
@ -18,49 +11,7 @@ export default function BasicPage({
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<div className="container space-y-4 mx-auto px-4 py-4"> <div className="container space-y-4 mx-auto px-4 py-4">
<WCard isTitle="true"> <TCard card_title={card_title} />
<p className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
{" "}
<Image
src="/emoji/pixel_alexis.png"
layout="fill"
objectFit="contain"
alt="Pixel Alexis!"
/>{" "}
</span>
{"- "}
{card_title}
</p>
</WCard>
{children}
<FCard />
</div>
</div>
);
} else {
return (
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
<Head>
<title>{page_title}</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<div className="container space-y-4 mx-auto px-4 py-4">
<WCard isTitle="true">
<p className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
{" "}
<Image
src="/emoji/pixel_alexis.png"
layout="fill"
objectFit="contain"
alt="Pixel Alexis!"
/>{" "}
</span>
{"- "}
{card_title}
</p>
</WCard>
<nav> <nav>
<PButton <PButton
title="Take me back home!" title="Take me back home!"
@ -87,4 +38,3 @@ export default function BasicPage({
</div> </div>
); );
} }
}

View File

@ -0,0 +1,25 @@
import Head from "next/head";
import TCard from "../components/title-card";
import FCard from "../components/footer-card";
export default function HomePage({ page_title, card_title, children }) {
return (
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
<Head>
<title>{page_title}</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<div className="container space-y-4 mx-auto px-4 py-4">
<a rel="me" href="https://vulpine.club/@Shadow8t4" hidden>
Mastodon
</a>
<a rel="me" href="https://masto.werefox.dev/@alexis" hidden>
Mastodon
</a>
<TCard card_title={card_title} />
{children}
<FCard />
</div>
</div>
);
}

View File

@ -0,0 +1,15 @@
export default function TitleCard({ card_title }) {
return (
<div className="rounded-lg ring-4 ring-werefox-blue bg-werefox-grey-light dark:bg-werefox-grey">
<p className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
<img
className="object-contain animate-bounce relative inline-block w-6 h-6 align-middle"
src="/emoji/pixel_alexis.png"
alt="Pixel Alexis!"
/>
{"- "}
{card_title}
</p>
</div>
);
}

View File

@ -5,11 +5,9 @@ export default function WerefoxCard({
}) { }) {
if (isTitle) { if (isTitle) {
return ( return (
<header className="rounded-lg ring-4 ring-werefox-blue bg-werefox-grey-light dark:bg-werefox-grey"> <div className="rounded-lg ring-4 ring-werefox-blue bg-werefox-grey-light dark:bg-werefox-grey">
<a rel="me" href="https://vulpine.club/@Shadow8t4" hidden>Mastodon</a>
<a rel="me" href="https://masto.werefox.dev/@shadow8t4" hidden>Mastodon</a>
{children} {children}
</header> </div>
); );
} else { } else {
return ( return (
@ -20,7 +18,7 @@ export default function WerefoxCard({
{innerText} {innerText}
</p> </p>
</div> </div>
<div className="p-2 flow space-y-2 rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark"> <div className="p-2 space-y-2 rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
{children} {children}
</div> </div>
</div> </div>

File diff suppressed because it is too large Load Diff

View File

@ -8,16 +8,17 @@
"start": "next start -p 3444" "start": "next start -p 3444"
}, },
"dependencies": { "dependencies": {
"autoprefixer": "^10.2.5", "autoprefixer": "^10.2.6",
"axios": "^0.21.1", "axios": "^0.21.1",
"foo": "^1.0.0", "foo": "^1.0.0",
"glob-parent": "^6.0.0",
"js-yaml": "^4.1.0", "js-yaml": "^4.1.0",
"next": "^10.2.3", "next": "^10.2.3",
"npm": "^7.17.0", "npm": "^7.17.0",
"postcss": "^8.2.13", "postcss": "^8.3.2",
"react": "17.0.2", "react": "17.0.2",
"react-dom": "17.0.2", "react-dom": "17.0.2",
"react-iframe": "^1.8.0", "react-iframe": "^1.8.0",
"tailwindcss": "^2.0.4" "tailwindcss": "^2.1.4"
} }
} }

View File

@ -1,4 +1,4 @@
import BasicPage from "../components/basic-page"; import HomePage from "../components/home-page";
import IDBlock from "../components/identity-block"; import IDBlock from "../components/identity-block";
import WCard from "../components/werefox-card"; import WCard from "../components/werefox-card";
import PBlock from "../components/page-block"; import PBlock from "../components/page-block";
@ -28,11 +28,7 @@ export async function getStaticProps() {
export default function Home({ IDENTITIES, PAGES }) { export default function Home({ IDENTITIES, PAGES }) {
return ( return (
<BasicPage <HomePage page_title="About A Werefox" card_title="Hi! I'm Alexis Werefox!">
is_home="true"
page_title="About A Werefox"
card_title="Hi! I'm Alexis Werefox!"
>
<WCard innerText="Basic Info"> <WCard innerText="Basic Info">
<IDBlock identities={IDENTITIES} /> <IDBlock identities={IDENTITIES} />
</WCard> </WCard>
@ -56,6 +52,6 @@ export default function Home({ IDENTITIES, PAGES }) {
<WCard innerText="Neat Pages!"> <WCard innerText="Neat Pages!">
<PBlock pages={PAGES} /> <PBlock pages={PAGES} />
</WCard> </WCard>
</BasicPage> </HomePage>
); );
} }

File diff suppressed because it is too large Load Diff