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,90 +1,40 @@
import Head from "next/head";
import Image from "next/image";
import WCard from "../components/werefox-card";
import TCard from "../components/title-card";
import FCard from "./footer-card";
import PButton from "../components/page-button";
export default function BasicPage({
is_home,
page_title,
card_title,
children,
}) {
if (is_home) {
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>
{children}
<FCard />
</div>
export default function BasicPage({ 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">
<TCard card_title={card_title} />
<nav>
<PButton
title="Take me back home!"
images={[
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
]}
url="/"
/>
</nav>
{children}
<nav>
<PButton
title="Take me back home!"
images={[
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
]}
url="/"
/>
</nav>
<FCard />
</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>
<PButton
title="Take me back home!"
images={[
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
]}
url="/"
/>
</nav>
{children}
<nav>
<PButton
title="Take me back home!"
images={[
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
]}
url="/"
/>
</nav>
<FCard />
</div>
</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) {
return (
<header 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>
<div className="rounded-lg ring-4 ring-werefox-blue bg-werefox-grey-light dark:bg-werefox-grey">
{children}
</header>
</div>
);
} else {
return (
@ -20,7 +18,7 @@ export default function WerefoxCard({
{innerText}
</p>
</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}
</div>
</div>

File diff suppressed because it is too large Load Diff

View File

@ -8,16 +8,17 @@
"start": "next start -p 3444"
},
"dependencies": {
"autoprefixer": "^10.2.5",
"autoprefixer": "^10.2.6",
"axios": "^0.21.1",
"foo": "^1.0.0",
"glob-parent": "^6.0.0",
"js-yaml": "^4.1.0",
"next": "^10.2.3",
"npm": "^7.17.0",
"postcss": "^8.2.13",
"postcss": "^8.3.2",
"react": "17.0.2",
"react-dom": "17.0.2",
"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 WCard from "../components/werefox-card";
import PBlock from "../components/page-block";
@ -28,11 +28,7 @@ export async function getStaticProps() {
export default function Home({ IDENTITIES, PAGES }) {
return (
<BasicPage
is_home="true"
page_title="About A Werefox"
card_title="Hi! I'm Alexis Werefox!"
>
<HomePage page_title="About A Werefox" card_title="Hi! I'm Alexis Werefox!">
<WCard innerText="Basic Info">
<IDBlock identities={IDENTITIES} />
</WCard>
@ -56,6 +52,6 @@ export default function Home({ IDENTITIES, PAGES }) {
<WCard innerText="Neat Pages!">
<PBlock pages={PAGES} />
</WCard>
</BasicPage>
</HomePage>
);
}

File diff suppressed because it is too large Load Diff