Updated packaged, audited and fixes, began to remove NextJS Image tags.
This commit is contained in:
Alexis Werefox
parent
677e247290
commit
031581ceec
|
|
@ -1,90 +1,40 @@
|
||||||
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,
|
return (
|
||||||
page_title,
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
||||||
card_title,
|
<Head>
|
||||||
children,
|
<title>{page_title}</title>
|
||||||
}) {
|
<link rel="icon" href="/favicon.ico" />
|
||||||
if (is_home) {
|
</Head>
|
||||||
return (
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
||||||
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
<TCard card_title={card_title} />
|
||||||
<Head>
|
<nav>
|
||||||
<title>{page_title}</title>
|
<PButton
|
||||||
<link rel="icon" href="/favicon.ico" />
|
title="Take me back home!"
|
||||||
</Head>
|
images={[
|
||||||
<div className="container space-y-4 mx-auto px-4 py-4">
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
<WCard isTitle="true">
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
<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">
|
url="/"
|
||||||
{" "}
|
/>
|
||||||
<Image
|
</nav>
|
||||||
src="/emoji/pixel_alexis.png"
|
{children}
|
||||||
layout="fill"
|
<nav>
|
||||||
objectFit="contain"
|
<PButton
|
||||||
alt="Pixel Alexis!"
|
title="Take me back home!"
|
||||||
/>{" "}
|
images={[
|
||||||
</span>
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
{"- "}
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
{card_title}
|
]}
|
||||||
</p>
|
url="/"
|
||||||
</WCard>
|
/>
|
||||||
{children}
|
</nav>
|
||||||
<FCard />
|
<FCard />
|
||||||
</div>
|
|
||||||
</div>
|
</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>
|
|
||||||
<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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -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
|
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
3533
src/info/yarn.lock
3533
src/info/yarn.lock
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue