jill/UXHack26
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

switch to parcel building

Browse Source
This commit is contained in:
WillJeynes
2026-06-23 12:25:37 +01:00
parent 77c2c3acdf
commit 5bb94d4714
10 changed files with 2870 additions and 951 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+2
View File
@@ -1,4 +1,6 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
dist/*
.parcel-cache/*
# dependencies # dependencies
/node_modules /node_modules
package-lock.json
Generated
+2792 -908
View File
File diff suppressed because it is too large Load Diff
package.json
+5 -7
View File
@@ -3,10 +3,8 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "cp -r public/* dist && parcel src/index.html",
"build": "next build", "build": "parcel build src/index.html"
"start": "next start",
"lint": "eslint"
}, },
"dependencies": { "dependencies": {
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
@@ -16,10 +14,9 @@
"framer-motion": "^12.34.3", "framer-motion": "^12.34.3",
"i18next": "^25.8.13", "i18next": "^25.8.13",
"lucide-react": "^0.575.0", "lucide-react": "^0.575.0",
"next": "16.1.6",
"radix-ui": "^1.4.3", "radix-ui": "^1.4.3",
"react": "19.2.3", "react": "^19.2.3",
"react-dom": "19.2.3", "react-dom": "^19.2.3",
"react-i18next": "^16.5.4", "react-i18next": "^16.5.4",
"tailwind-merge": "^3.5.0" "tailwind-merge": "^3.5.0"
}, },
@@ -30,6 +27,7 @@
"@types/react-dom": "^19", "@types/react-dom": "^19",
"eslint": "^9", "eslint": "^9",
"eslint-config-next": "16.1.6", "eslint-config-next": "16.1.6",
"parcel": "^2.16.4",
"shadcn": "^3.8.5", "shadcn": "^3.8.5",
"tailwindcss": "^4", "tailwindcss": "^4",
"tw-animate-css": "^1.4.0", "tw-animate-css": "^1.4.0",
src/app/careers/apply/page.tsx → src/app/apply/page.tsx
+2 -3
View File
@@ -7,10 +7,9 @@ import Section from "@/components/ui/section";
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select";
import { Spinner } from "@/components/ui/spinner"; import { Spinner } from "@/components/ui/spinner";
import { getRandomThirdPartyCount, getRandomUsername } from "@/lib/utils"; import { getRandomThirdPartyCount, getRandomUsername } from "@/lib/utils";
import Link from "next/link";
import { useState } from "react"; import { useState } from "react";
export default function Page() { export default function Apply() {
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [email2, setEmail2] = useState(""); const [email2, setEmail2] = useState("");
@@ -217,7 +216,7 @@ export default function Page() {
</Section> </Section>
<Button type="submit" className="self-center text-4xl p-6"> <Button type="submit" className="self-center text-4xl p-6">
<Link href="/careers/apply/submitted/" onClick={() => setSubmitSpinner(true)}>Submit Application</Link> <a href="#submitted" onClick={() => setSubmitSpinner(true)}>Submit Application</a>
{submitSpinner && <Spinner data-icon="inline-start" />} {submitSpinner && <Spinner data-icon="inline-start" />}
</Button> </Button>
src/app/careers/page.tsx
+2 -3
View File
@@ -2,9 +2,8 @@
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import Section from "@/components/ui/section"; import Section from "@/components/ui/section";
import Link from "next/link";
export default function Page() { export default function Careers() {
return ( return (
<div className="flex flex-col items-center min-h-screen gap-6 mt-8 mb-8"> <div className="flex flex-col items-center min-h-screen gap-6 mt-8 mb-8">
<h1 className="text-3xl mb-3">Apply to The Last Tech Job</h1> <h1 className="text-3xl mb-3">Apply to The Last Tech Job</h1>
@@ -55,7 +54,7 @@ export default function Page() {
</ul> </ul>
<Button className="bg-blue-500 text-white px-4 py-2 rounded mt-4" asChild> <Button className="bg-blue-500 text-white px-4 py-2 rounded mt-4" asChild>
<Link href="/careers/apply/">Apply now!</Link> <a href="#apply">Apply now!</a>
</Button> </Button>
</Section> </Section>
src/app/layout.tsx
+11 -28
View File
@@ -1,6 +1,5 @@
"use client"; "use client";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "../i18n"; import "../i18n";
import TitleBar from "@/components/titlebar"; import TitleBar from "@/components/titlebar";
@@ -11,15 +10,6 @@ import CookieConsent from "@/components/cookie-consent";
import Nudge from "@/components/inacessability/nudge"; import Nudge from "@/components/inacessability/nudge";
import { useState } from "react"; import { useState } from "react";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -29,25 +19,18 @@ export default function RootLayout({
const [nudgeOpen, setNudgeOpen] = useState(false); const [nudgeOpen, setNudgeOpen] = useState(false);
return ( return (
<html lang="en"> <>
<head> <CookieConsent />
<title>Evil Inc. | Providing Security Solutions Inaccessibly</title> <Nudge open={nudgeOpen} setOpen={setNudgeOpen} />
</head> <div className="main">
<body <TitleBar />
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<CookieConsent />
<Nudge open={nudgeOpen} setOpen={setNudgeOpen} />
<div className="main">
<TitleBar />
<div className="px-6"> <div className="px-6">
{children} {children}
</div>
<Footer />
</div> </div>
<Footer /> <Glasses setNudgeOpen={setNudgeOpen} size={200} />
</div> </>
<Glasses setNudgeOpen={setNudgeOpen} size={200} />
</body>
</html>
); );
} }
src/app/careers/apply/submitted/page.tsx → src/app/submitted/page.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
"use client" "use client"
export default function Page() { export default function Submitted() {
return ( return (
<div className="flex flex-col items-center min-h-screen gap-6 mt-8 mb-8"> <div className="flex flex-col items-center min-h-screen gap-6 mt-8 mb-8">
<h1 className="text-3xl mb-3">Application Submitted</h1> <h1 className="text-3xl mb-3">Application Submitted</h1>
src/components/titlebar.tsx
+1 -1
View File
@@ -21,7 +21,7 @@ const TitleBar: React.FC = () => {
<a href="/#testimonies" className="hover:text-gray-600 transition-colors"> <a href="/#testimonies" className="hover:text-gray-600 transition-colors">
{t('navigation.testimonies')} {t('navigation.testimonies')}
</a> </a>
<a href="/careers" className="hover:text-gray-600 transition-colors"> <a href="#careers" className="hover:text-gray-600 transition-colors">
{t('navigation.jobs')} {t('navigation.jobs')}
</a> </a>
</nav> </nav>
src/index.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Evil Inc. | Providing Security Solutions Inaccessibly</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="./main.jsx"></script>
</body>
</html>
src/main.jsx
+42
View File
@@ -0,0 +1,42 @@
import React, { useEffect, useState } from "react";
import ReactDOM from "react-dom/client";
import App from "./app/layout";
import Home from "./app/page";
import Careers from "./app/careers/page";
import Apply from "./app/apply/page";
import Submitted from "./app/submitted/page";
function Router() {
const [hash, setHash] = useState(window.location.hash);
useEffect(() => {
const onHashChange = () => setHash(window.location.hash);
window.addEventListener("hashchange", onHashChange);
return () => {
window.removeEventListener("hashchange", onHashChange);
};
}, []);
if (hash === "#careers") {
return <Careers />;
}
if (hash === "#apply") {
return <Apply />;
}
if (hash === "#submitted") {
return <Submitted />;
}
return <Home />
}
ReactDOM.createRoot(
document.getElementById("root")
).render(<App><Router /></App>);