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 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>
|
||||
);
|
||||
}
|
||||
|
||||
25
src/info/components/home-page.js
Normal file
25
src/info/components/home-page.js
Normal 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>
|
||||
);
|
||||
}
|
||||
15
src/info/components/title-card.js
Normal file
15
src/info/components/title-card.js
Normal 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>
|
||||
);
|
||||
}
|
||||
@ -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>
|
||||
|
||||
6291
src/info/package-lock.json
generated
6291
src/info/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
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
Block a user