periodicbrake/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: periodicbrake:4c8dd84e823cfbad94878af1848d9309be929ef8
Branches Tags
periodicbrake:main
..
compare: periodicbrake:a24d0375308841fafafe8db8ea3b4fba8c0aba30
Branches Tags
periodicbrake:main

No commits in common. "4c8dd84e823cfbad94878af1848d9309be929ef8" and "a24d0375308841fafafe8db8ea3b4fba8c0aba30" have entirely different histories.
4c8dd84e82 ... a24d037530

11 changed files with 54 additions and 49 deletions
Show stats Expand all files Collapse all files

2
.gitignore vendored
View file

@ -39,5 +39,3 @@ yarn-error.log*
# typescript # typescript
*.tsbuildinfo *.tsbuildinfo
next-env.d.ts next-env.d.ts
/base/

2
README.md
View file

@ -31,6 +31,6 @@ You can check out [the Next.js GitHub repository](https://github.com/vercel/next
## Deploy on Vercel ## Deploy on Vercel
Fuck vercel, i ain't using github The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

4
pnpm-workspace.yaml
View file

@ -1,7 +1,3 @@
allowBuilds:
core-js: true
sharp: true
unrs-resolver: true
ignoredBuiltDependencies: ignoredBuiltDependencies:
- sharp - sharp
- unrs-resolver - unrs-resolver

BIN
public/fonts/bitcount-v3-latin-300.ttf
View file

Binary file not shown.

BIN
public/fonts/bitcount-v3-latin-300.woff2
View file

Binary file not shown.

BIN
public/pfp.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 37 KiB

32
src/app/globals.css
View file

@ -1,17 +1,27 @@
@import "tailwindcss"; @import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap');
@font-face { :root {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ --background: #ffffff;
font-family: "Bitcount"; --foreground: #171717;
font-style: normal; }
font-weight: 300;
src: @theme inline {
url("/fonts/bitcount-v3-latin-300.woff2") format("woff2"), --color-background: var(--background);
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ --color-foreground: var(--foreground);
url("/fonts/bitcount-v3-latin-300.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ --font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
} }
body { body {
background: var(--color-gray-950); background: var(--background);
color: var(--color-gray-950); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
} }

25
src/app/layout.tsx
View file

@ -1,16 +1,21 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Bitcount } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css"; import "./globals.css";
import Header from "@/components/header"; import Header from "@/components/header"
const bitCount = Bitcount({ const geistSans = Geist({
variable: "--font-bitcount", variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"], subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "unemployment heaven", title: "Create Next App",
description: "AI sucks. but who cares, i'll never let it take my job", description: "Generated by create next app",
}; };
export default function RootLayout({ export default function RootLayout({
@ -19,11 +24,13 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" className={`${bitCount.variable} h-full antialiased`}> <html
<head></head> lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
>
<body className="min-h-full flex flex-col"> <body className="min-h-full flex flex-col">
<Header /> <Header />
<div className="content-center flex">{children}</div> {children}
</body> </body>
</html> </html>
); );

7
src/app/legal/page.tsx
View file

@ -1,7 +0,0 @@
export default function Legal() {
return (
<div className="flex ">
<div className="w-3/5 h-200 bg-gray-700 border-gray-600 border rounded-xl"></div>
</div>
);
}

10
src/components/header.css
View file

@ -1,5 +1,7 @@
@import url("https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@352&display=swap"); h1 {
font-family: "Noto Sans Mono", monospace;
pagetitle { font-weight: 545;
font-family: "Bitcount Grid Double", system-ui; font-style: normal;
font-variation-settings:
"wdth" 92.5;
} }

17
src/components/header.tsx
View file

@ -1,14 +1,13 @@
import "./header.css"; import "./header.css"
import Image from "next/image"
function Header() { function Header() {
return ( return(
<div className="items-center header flex flex-row w-100% h-20 border-b-solid border-b-gray-700 border-b-2 bg-gray-900 " id="header container"> <>
<Image height={256} width={256} src="/pfp.png" className="ml-3.5 animate-[spin_3s_linear_infinite] rounded-full basis-15 h-15" id="pfp" alt="pfp"/> <div className="header flex w-100% h-17">
<h1 className="ml-3.5 pagetitle text-4xl text-bold text-white font-[Bitcount]" id="page-title">PERIODICBRAKE</h1> <h1 className="h-16 text-2xl font-bold text-white">PERIODICBRAKE</h1>
<div className="basis-auto" id="header-separator"/> </div>
</div> </>
); )
} }
export default Header; export default Header;