├── .eslintrc.json ├── .gitignore ├── README.md ├── app ├── favicon.ico ├── globals.css ├── layout.tsx └── page.tsx ├── components └── ui │ ├── footer │ └── footer.tsx │ ├── header │ └── header.tsx │ ├── index.ts │ └── subscribe-orc │ └── subscribe-orc.tsx ├── next.config.mjs ├── package-lock.json ├── package.json ├── pnpm-lock.yaml ├── postcss.config.mjs ├── public ├── axe-and-shield.webp ├── grass.jpeg ├── next.svg ├── pixel-orc.webp └── vercel.svg ├── tailwind.config.ts └── tsconfig.json /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | pixel-orc 3 |
4 | 5 | ## Overview 6 | Welcome to the 8-bit Pixely Portfolio Orcish Template! This unique developer portfolio is crafted in Next.js and styled using the nes.css library to bring a nostalgic, old-school NES look. Perfect for developers who want to showcase their projects with a retro gaming aesthetic, this template combines modern web development with a delightful 8-bit design. 7 | 8 | ## 8-bit Pixely Portfolio Orcish Template 9 | 10 | First, run the development server: 11 | 12 | ```bash 13 | npm run dev 14 | # or 15 | yarn dev 16 | # or 17 | pnpm dev 18 | # or 19 | bun dev 20 | ``` 21 | 22 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. 23 | -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheOrcDev/8bit-portfolio/0f48241f6efbe505ada58fb78942cc51f09451c1/app/favicon.ico -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: url("/grass.jpeg") repeat, 22 | linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) 23 | rgb(var(--background-start-rgb)); 24 | } 25 | 26 | @layer utilities { 27 | .text-balance { 28 | text-wrap: balance; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { Press_Start_2P } from "next/font/google"; 3 | import "./globals.css"; 4 | import "nes.css/css/nes.min.css"; 5 | import { Footer, Header, SubscribeOrc } from "@/components/ui"; 6 | 7 | const pressStart2P = Press_Start_2P({ weight: "400", subsets: ["latin"] }); 8 | 9 | export const metadata: Metadata = { 10 | title: "Create Next App", 11 | description: "Generated by create next app", 12 | }; 13 | 14 | export default function RootLayout({ 15 | children, 16 | }: Readonly<{ 17 | children: React.ReactNode; 18 | }>) { 19 | return ( 20 | 21 | 22 |
23 | {children} 24 | 25 |