Skip to content

feat: Portfolio v3 #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
ajstrongdev wants to merge 6 commits into
base: main
Choose a base branch
from
Draft

feat: Portfolio v3 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
c149475
feat: begin redesign, a lot more work left to do
ajstrongdev Aug 25, 2025
ea72b82
feat: add theming :D
ajstrongdev Aug 30, 2025
a1f75e6
feat: finalise theming
ajstrongdev Aug 30, 2025
d3943f5
feat: images & icons
ajstrongdev Aug 30, 2025
8a262aa
feat: footer & tweaks
ajstrongdev Aug 30, 2025
f189722
chore: remove unused imports
ajstrongdev Aug 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions .eslintrc.json
View file
Open in desktop

This file was deleted.

152 changes: 31 additions & 121 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,131 +1,41 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov
# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# nyc test coverage
.nyc_output
# testing
/coverage

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# next.js
/.next/
/out/

# Bower dependency directory (https://bower.io/)
bower_components
# production
/build

# node-waf configuration
.lock-wscript
# misc
.DS_Store
*.pem

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# Dependency directories
node_modules/
jspm_packages/
# env files (can opt-in for committing if needed)
.env*

# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# vercel
.vercel

# TypeScript cache
# typescript
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional stylelint cache
.stylelintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local

# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache

# Next.js build output
.next
out

# Nuxt.js build / generate output
.nuxt
dist

# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# vuepress v2.x temp and cache directory
.temp
.cache

# Docusaurus cache and generated files
.docusaurus

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port

# Stores VSCode versions used for testing VSCode extensions
.vscode-test

# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
pnpm-lock.yaml
next-env.d.ts
14 changes: 5 additions & 9 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

Expand All @@ -16,13 +16,9 @@ bun dev

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

Expand All @@ -31,10 +27,10 @@ To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

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/deployment) for more details.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
Binary file added app/favicon.ico
View file
Open in desktop
Binary file not shown.
181 changes: 181 additions & 0 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
@import "tailwindcss";
@import "tw-animate-css";

:root {
--background: oklch(0.9699 0.0113 71.8999);
--foreground: oklch(0.3463 0.0502 289.8342);
--card: oklch(0.987 0.0107 76.6004);
--card-foreground: oklch(0.3463 0.0502 289.8342);
--popover: oklch(0.9389 0.0145 64.3381);
--popover-foreground: oklch(0.3463 0.0502 289.8342);
--primary: oklch(0.6957 0.1058 23.0328);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.9389 0.0145 64.3381);
--secondary-foreground: oklch(0.3463 0.0502 289.8342);
--muted: oklch(0.9702 0 0);
--muted-foreground: oklch(0.4386 0 0);
--accent: oklch(0.9502 0.0101 58.2141);
--accent-foreground: oklch(0.3463 0.0502 289.8342);
--destructive: oklch(0.629 0.1902 23.0704);
--destructive-foreground: oklch(1 0 0);
--border: oklch(0.93 0.0094 286.2156);
--input: oklch(0.9401 0 0);
--ring: oklch(0 0 0);
--chart-1: oklch(0.5989 0.1071 2.6555);
--chart-2: oklch(0.7555 0.1459 69.7433);
--chart-3: oklch(0.6957 0.1058 23.0328);
--chart-4: oklch(0.4909 0.077 227.9983);
--chart-5: oklch(0.6171 0.0738 305.698);
--sidebar: oklch(0.9777 0.0051 247.8763);
--sidebar-foreground: oklch(0 0 0);
--sidebar-primary: oklch(0 0 0);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.9401 0 0);
--sidebar-accent-foreground: oklch(0 0 0);
--sidebar-border: oklch(0.9401 0 0);
--sidebar-ring: oklch(0 0 0);
--font-sans: Plus Jakarta Sans, sans-serif;
--font-serif: Lora, serif;
--font-mono: IBM Plex Mono, monospace;
--radius: 1.4rem;
--shadow-2xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
--shadow-xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
--shadow-sm: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 1px 2px -1px hsl(0 0% 0% / 0.16);
--shadow: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 1px 2px -1px hsl(0 0% 0% / 0.16);
--shadow-md: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 2px 4px -1px hsl(0 0% 0% / 0.16);
--shadow-lg: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 4px 6px -1px hsl(0 0% 0% / 0.16);
--shadow-xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 8px 10px -1px hsl(0 0% 0% / 0.16);
--shadow-2xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.4);
--tracking-normal: -0.025em;
--spacing: 0.27rem;
}

.dark {
--background: oklch(0.2134 0.0255 291.131);
--foreground: oklch(0.9551 0 0);
--card: oklch(0.2413 0.0322 289.1359);
--card-foreground: oklch(0.9088 0.0299 289.969);
--popover: oklch(0.2708 0.0423 289.2331);
--popover-foreground: oklch(0.9551 0 0);
--primary: oklch(0.8363 0.0544 21.1411);
--primary-foreground: oklch(0.2708 0.0423 289.2331);
--secondary: oklch(0.2708 0.0423 289.2331);
--secondary-foreground: oklch(0.9551 0 0);
--muted: oklch(0.294 0.013 272.9312);
--muted-foreground: oklch(0.7058 0 0);
--accent: oklch(0.3717 0.0358 291.0973);
--accent-foreground: oklch(0.9551 0 0);
--destructive: oklch(0.6977 0.1565 4.2242);
--destructive-foreground: oklch(1 0 0);
--border: oklch(0.3289 0.0092 268.3843);
--input: oklch(0.3289 0.0092 268.3843);
--ring: oklch(0.6132 0.2294 291.7437);
--chart-1: oklch(0.6977 0.1565 4.2242);
--chart-2: oklch(0.8429 0.11 74.6019);
--chart-3: oklch(0.8363 0.0544 21.1411);
--chart-4: oklch(0.5277 0.0793 227.7159);
--chart-5: oklch(0.776 0.0945 304.9945);
--sidebar: oklch(0.2011 0.0039 286.0396);
--sidebar-foreground: oklch(0.9551 0 0);
--sidebar-primary: oklch(0.6132 0.2294 291.7437);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.294 0.013 272.9312);
--sidebar-accent-foreground: oklch(0.6132 0.2294 291.7437);
--sidebar-border: oklch(0.3289 0.0092 268.3843);
--sidebar-ring: oklch(0.6132 0.2294 291.7437);
--font-sans: Plus Jakarta Sans, sans-serif;
--font-serif: Lora, serif;
--font-mono: IBM Plex Mono, monospace;
--radius: 1.4rem;
--shadow-2xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
--shadow-xs: 0px 2px 3px 0px hsl(0 0% 0% / 0.08);
--shadow-sm: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 1px 2px -1px hsl(0 0% 0% / 0.16);
--shadow: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 1px 2px -1px hsl(0 0% 0% / 0.16);
--shadow-md: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 2px 4px -1px hsl(0 0% 0% / 0.16);
--shadow-lg: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 4px 6px -1px hsl(0 0% 0% / 0.16);
--shadow-xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.16),
0px 8px 10px -1px hsl(0 0% 0% / 0.16);
--shadow-2xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.4);
}

@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
--color-card-foreground: var(--card-foreground);
--color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground);
--color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground);
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-destructive-foreground: var(--destructive-foreground);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
--color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
--color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);

--font-sans: var(--font-sans);
--font-mono: var(--font-mono);
--font-serif: var(--font-serif);

--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);

--shadow-2xs: var(--shadow-2xs);
--shadow-xs: var(--shadow-xs);
--shadow-sm: var(--shadow-sm);
--shadow: var(--shadow);
--shadow-md: var(--shadow-md);
--shadow-lg: var(--shadow-lg);
--shadow-xl: var(--shadow-xl);
--shadow-2xl: var(--shadow-2xl);

--tracking-tighter: calc(var(--tracking-normal) - 0.05em);
--tracking-tight: calc(var(--tracking-normal) - 0.025em);
--tracking-normal: var(--tracking-normal);
--tracking-wide: calc(var(--tracking-normal) + 0.025em);
--tracking-wider: calc(var(--tracking-normal) + 0.05em);
--tracking-widest: calc(var(--tracking-normal) + 0.1em);
}

body {
letter-spacing: var(--tracking-normal);
}

@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
}
}
Loading