├── robots.txt
├── public
├── favicon.ico
└── images
│ ├── cat.jpg
│ └── camelshump.JPG
├── postcss.config.js
├── prisma
├── migrations
│ └── migration_lock.toml
└── schema.prisma
├── pages
├── api
│ ├── hello.ts
│ └── guestbook
│ │ ├── index.ts
│ │ └── new.ts
├── _app.tsx
├── book.tsx
└── index.tsx
├── next-env.d.ts
├── lib
├── date.ts
└── prisma.ts
├── README.md
├── components
├── guestbook
│ ├── Entry.tsx
│ └── Form.tsx
├── footer.tsx
├── nav.tsx
├── theme.tsx
├── layout.tsx
└── Meta.tsx
├── .gitignore
├── .github
└── dependabot.yml
├── tsconfig.json
├── .eslintrc.js
├── next.config.js
├── styles
└── globals.css
├── package.json
├── tailwind.config.js
├── LICENSE
└── yarn.lock
/robots.txt:
--------------------------------------------------------------------------------
1 | Hello there, Robot.
2 |
3 | - A human
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exu3/site/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/public/images/cat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exu3/site/HEAD/public/images/cat.jpg
--------------------------------------------------------------------------------
/public/images/camelshump.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/exu3/site/HEAD/public/images/camelshump.JPG
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"
--------------------------------------------------------------------------------
/pages/api/hello.ts:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 |
3 | export default (req, res) => {
4 | res.status(200).json({ name: 'John Doe' })
5 | }
6 |
--------------------------------------------------------------------------------
/next-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
8 |
10 | );
11 | }
12 |
13 | export default MyApp;
14 |
--------------------------------------------------------------------------------
/components/guestbook/Entry.tsx:
--------------------------------------------------------------------------------
1 | import { formatDate } from "../../lib/date";
2 |
3 | export default function Entry({ name, message, createdAt }): JSX.Element {
4 | return (
5 |
6 |
7 | {name} on {formatDate(createdAt)}
8 |
9 |
{message}
10 |
11 | {links.map(({ name, destination }) => (
12 |
13 |
14 | {name}
15 |
16 |
17 | ))}
18 |
9 |
10 | {
12 | setTheme(theme === "dark" ? "light" : "dark");
13 | }}
14 | className="p-2 rounded-full hover:bg-black dark:hover:bg-white hover:bg-opacity-10 dark:hover:bg-opacity-10"
15 | >
16 | {theme === "dark" ? (
17 |
22 |
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/components/layout.tsx:
--------------------------------------------------------------------------------
1 | import Footer from "./footer";
2 | import Meta from "./meta";
3 | import Nav from "./nav";
4 | import ThemeToggle from "./theme";
5 |
6 | interface LayoutProps {
7 | children: React.ReactNode;
8 | heading: string;
9 | }
10 |
11 | export default function Layout({
12 | heading,
13 | children,
14 | }: LayoutProps): JSX.Element {
15 | return (
16 |
17 |
18 |
19 |
20 |
22 | {heading}
23 |
24 | {children}
25 |
26 |
27 |
28 |
29 |
{title}
16 |
9 |
10 |
14 |
15 |
16 | {records
17 | .filter((r) => r.message)
18 | .map((r) => (
19 |
27 |
28 |
29 | );
30 | };
31 |
32 | export default GuestBook;
33 |
34 | export async function getServerSideProps() {
35 | const data = await prisma.guestbook.findMany({
36 | orderBy: {
37 | createdAt: "desc",
38 | },
39 | });
40 |
41 | const records = data.map((record) => ({
42 | id: record.id,
43 | name: record.name,
44 | message: record.message,
45 | createdAt: record.createdAt.toISOString(),
46 | }));
47 |
48 | return { props: { records } };
49 | }
50 |
--------------------------------------------------------------------------------
/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import Layout from "../components/layout";
2 | import Link from "next/link";
3 | import Image from "next/image";
4 | import { useState } from "react";
5 |
6 | const HomePage = () => {
7 | const time = new Date();
8 | const greeting = time.getHours() < 12 ? "Good morning ☀️" : "Good day 👋";
9 |
10 | const [hello, setHello] = useState("Hello.");
11 | const hellos = ["Hello.", "Bonjour.", "Hola.", "Hallo.", "你好。"];
12 | return (
13 | <>
14 |
15 |
16 |
17 |
19 | setHello(hellos[Math.floor(Math.random() * hellos.length)])
20 | }
21 | className="cursor-pointer"
22 | >
23 | {hello}
24 | {" "}
25 | My name is Ella. Welcome to my humble internet home. There
26 | isn't much to do here.
27 |
28 | {/*
29 | Perhaps you may want to{" "}
30 | read the guestbook
32 |
33 | ?
34 |
*/}
35 |
36 |
45 |
46 | Vermont, yeah.
47 |
48 |
49 |
50 | );
51 | };
52 |
53 | export default HomePage;
54 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: [
3 | "./pages/**/*.{js,ts,jsx,tsx}",
4 | "./components/**/*.{js,ts,jsx,tsx}",
5 | ],
6 | darkMode: "class",
7 | theme: {
8 | extend: {
9 | fontFamily: {
10 | playfair: "Playfair Display, serif",
11 | mono: "IBM Plex Mono, monospace",
12 | sans: "IBM Plex Sans, sans-serif",
13 | },
14 | colors: {
15 | white: "#FFFEFD",
16 | black: "#181818",
17 | },
18 | keyframes: {
19 | "cursor-party": {
20 | "0%": {
21 | cursor: "grabbing",
22 | },
23 | "5%": {
24 | cursor: "grab",
25 | },
26 | "10%": {
27 | cursor: "zoom-out",
28 | },
29 | "15%": {
30 | cursor: "zoom-in",
31 | },
32 | "20%": {
33 | cursor: "all-scroll",
34 | },
35 | "25%": {
36 | cursor: "row-resize",
37 | },
38 | "30%": {
39 | cursor: "zoom-in",
40 | },
41 | "35%": {
42 | cursor: "text",
43 | },
44 | "40%": {
45 | cursor: "crosshair",
46 | },
47 | "45%": {
48 | cursor: "progress",
49 | },
50 | "50%": {
51 | cursor: "pointer",
52 | },
53 | "55%": {
54 | cursor: "context-menu",
55 | },
56 | "60%": {
57 | cursor: "none",
58 | },
59 | "65%": {
60 | cursor: "help",
61 | },
62 | "70%": {
63 | cursor: "vertical-text",
64 | },
65 | "75%": {
66 | cursor: "alias",
67 | },
68 | "80%": {
69 | cursor: "copy",
70 | },
71 | "85%": {
72 | cursor: "move",
73 | },
74 | "90%": {
75 | cursor: "no-drop",
76 | },
77 | "95%": {
78 | cursor: "pointer",
79 | },
80 | "100%": {
81 | cursor: "ew-resize",
82 | },
83 | },
84 | },
85 | animation: {
86 | "cursor-party": "cursor-party 3s infinite ease-in-out",
87 | },
88 | },
89 | },
90 | variants: {
91 | extend: {},
92 | },
93 | plugins: [],
94 | };
95 |
--------------------------------------------------------------------------------
/components/guestbook/Form.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 |
3 | export const GuestbookNew = () => {
4 | const [name, setName] = useState("");
5 | const [message, setMessage] = useState("");
6 | const [email, setEmail] = useState("");
7 | const [error, setError] = useState("");
8 | const [success, setSuccess] = useState("");
9 | const [isLoading, setIsLoading] = useState(false);
10 |
11 | const addRecord = async () => {
12 | setIsLoading(true);
13 | setError("");
14 | setSuccess("");
15 | };
16 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
17 | const handleSubmit = async (e: any) => {
18 | e.preventDefault();
19 | setIsLoading(true);
20 | setError("");
21 | setSuccess("");
22 | const res = await fetch("/api/guestbook/new", {
23 | body: JSON.stringify({
24 | name,
25 | message,
26 | email,
27 | }),
28 | headers: {
29 | "Content-Type": "application/json",
30 | },
31 | method: "POST",
32 | });
33 | const data = await res.json();
34 | if (data.error) {
35 | setError(data.error);
36 | setIsLoading(false);
37 | } else {
38 | setSuccess("Entry added successfully");
39 | setIsLoading(false);
40 | setName("");
41 | setMessage("");
42 | setEmail("");
43 | }
44 | // refresh page so the entry shows up
45 | window.location.reload();
46 | };
47 | return (
48 | <>
49 |
50 |