diff --git a/.gitignore b/.gitignore index c6bba59..a813645 100644 --- a/.gitignore +++ b/.gitignore @@ -1,130 +1,47 @@ -# Logs -logs -*.log +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.* +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/versions + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug 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 +# env files (can opt-in for committing if needed) +.env* -# Runtime data -pids -*.pid -*.seed -*.pid.lock +# vercel +.vercel -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage -*.lcov - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# Snowpack dependency directory (https://snowpack.dev/) -web_modules/ - -# TypeScript cache +# typescript *.tsbuildinfo +next-env.d.ts -# Optional npm cache directory -.npm +# bun +bun.lockb -# 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.* +# misc +package-lock.json \ No newline at end of file diff --git a/README.md b/README.md index 6c9e960..34f3913 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,7 @@ # aidxnCC -My other website, aidxn.cc +aidxnCC is the third version of my personal website. It's still a work in progress and will require more work to be in tip-top shape. + +# Contributing +Any and all contributions are welcome! Simply create a pull request and I should have a response to you within a day. + +Please use common sense when contributing :) \ No newline at end of file diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..9991a93 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,15 @@ +import Header from '../components/Header' +import AboutTmp from '../components/AboutTmp' +import Footer from '../components/Footer' + +export default function About() { + return ( +
+
+
+ +
+
+ ) +} diff --git a/app/components/AboutTmp.tsx b/app/components/AboutTmp.tsx new file mode 100644 index 0000000..bfcf45e --- /dev/null +++ b/app/components/AboutTmp.tsx @@ -0,0 +1,27 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faUser } from '@fortawesome/free-solid-svg-icons' + +export default function About() { + return ( +
+ +

+ About Me +

+
+

+ Hey there! I'm Aidan, a web developer and student, and this is my website. I'm passionate about web development (although I'm not great with design) and I love building things with Node.js and Express. +

+

+ In terms of my academic background, I am currently persuing a degree in computer science at SNHU. I really enjoy learning, though it depends on the subject. I am mostly self-taught when it comes to programming. I prefer this style of learning, especially with programming, as it lets me learn faster and apply creativity much more. +

+

+ When I'm not programming, I can typically be found installing another Linux distro on my laptop or flashing a new ROM to my phone. I am also a passionate writer and I like to write creatively in my free time. +

+

+ I am almost always active on GitHub and make daily contributions to several of my repositories. I am a big fan of open source software and public domain software (which most of my repos are licensed under). In fact, the website you're currently on is free and open source. It's even under the public domain! +

+
+
+ ) +} \ No newline at end of file diff --git a/app/components/Bio.tsx b/app/components/Bio.tsx new file mode 100644 index 0000000..74ba4e4 --- /dev/null +++ b/app/components/Bio.tsx @@ -0,0 +1,36 @@ +import Image from 'next/image' + +export default function Bio() { + return ( +
+
+ My Profile Picture +

Aidan

+

Web Developer & Student

+
+ +
+

Who I am

+

+ Hey there! I'm Aidan, a web developer and student from the US.

+ I am most interested in backend development and have experience with Node.js, Express, and Tailwind CSS.

+ When I'm not programming, I can be found re-flashing my phone with a new custom ROM and telling everyone I use Arch. +

+
+ +
+

Send me a message

+

Feel free to reach out for collaborations or just a hello :)

+ + Contact Me + +
+
+ ) +} diff --git a/app/components/ContactTmp.tsx b/app/components/ContactTmp.tsx new file mode 100644 index 0000000..f9b8601 --- /dev/null +++ b/app/components/ContactTmp.tsx @@ -0,0 +1,42 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faPhone, faEnvelope } from '@fortawesome/free-solid-svg-icons' +import { faGithub, faTelegram } from '@fortawesome/free-brands-svg-icons' + +export default function Contact() { + return ( +
+ +

+ Contact +

+
+ + + +
+
+

I'm a busy person

+

+ I do a lot of things during the day and I'm not always able to respond to messages right away. Please be patient and remember not to demand things from me... Somehow this is an issue for people :( +

+

+ For the best chance of a response, please send me a message on Telegram. If you've made a pull request on one of my repos, I will most likely respond by the next day. If you've sent me an email, I will most likely respond within three days or less. +

+
+
+ ) +} + +function ContactButton({ href, icon, label, className }) { + return ( + + + {label} + + ) +} \ No newline at end of file diff --git a/app/components/DomainTmp.tsx b/app/components/DomainTmp.tsx new file mode 100644 index 0000000..bf60157 --- /dev/null +++ b/app/components/DomainTmp.tsx @@ -0,0 +1,22 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faLink } from '@fortawesome/free-solid-svg-icons' +import domains from '../data/domains.json' + +export default function About() { + return ( +
+ +

+ My Domains +

+
+ {domains.map(domain => ( +
+

{domain.domain}

+

{domain.usage}

+
+ ))} +
+
+ ) +} \ No newline at end of file diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx new file mode 100644 index 0000000..43be013 --- /dev/null +++ b/app/components/Footer.tsx @@ -0,0 +1,14 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faGithub } from '@fortawesome/free-brands-svg-icons' + +export default function Footer() { + return ( + + ) +} diff --git a/app/components/Header.tsx b/app/components/Header.tsx new file mode 100644 index 0000000..76e74e7 --- /dev/null +++ b/app/components/Header.tsx @@ -0,0 +1,18 @@ +import Link from 'next/link' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faLink, faHouse, faUser, faPhone } from '@fortawesome/free-solid-svg-icons' + +export default function Header() { + return ( +
+ +
+ ) +} diff --git a/app/contact/page.tsx b/app/contact/page.tsx new file mode 100644 index 0000000..d423bb3 --- /dev/null +++ b/app/contact/page.tsx @@ -0,0 +1,15 @@ +import Header from '../components/Header' +import ContactTmp from '../components/ContactTmp' +import Footer from '../components/Footer' + +export default function Contact() { + return ( +
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/app/data/domains.json b/app/data/domains.json new file mode 100644 index 0000000..53e9a73 --- /dev/null +++ b/app/data/domains.json @@ -0,0 +1,47 @@ +[ + { + "id": 1, + "domain": "aidxn.cc", + "usage": "The home of my primary homepage and website (v3)" + }, + { + "id": 2, + "domain": "aidxn.fun", + "usage": "My alternative homepage (v2)" + }, + { + "id": 3, + "domain": "pontusmail.org", + "usage": "My personal email service, free to the public" + }, + { + "id": 4, + "domain": "ihate.college", + "usage": "One of my fun domains, used for p0ntus mail" + }, + { + "id": 5, + "domain": "pontus.pics", + "usage": "An unused domain for an upcoming image hosting service" + }, + { + "id": 6, + "domain": "p0ntus.com", + "usage": "A website for my online persona which hosts a small archive" + }, + { + "id": 7, + "domain": "androidintegrity.org", + "usage": "A collaborative project to improve Google's Play Integrity" + }, + { + "id": 8, + "domain": "modules.lol", + "usage": "An 'app store' of Magisk modules and FOSS Android apps" + }, + { + "id": 9, + "domain": "wikitools.cloud", + "usage": "A collection of tools made by me for Wikipedia" + } +] diff --git a/app/domains/page.tsx b/app/domains/page.tsx new file mode 100644 index 0000000..782eab7 --- /dev/null +++ b/app/domains/page.tsx @@ -0,0 +1,15 @@ +import Header from '../components/Header' +import DomainTmp from '../components/DomainTmp' +import Footer from '../components/Footer' + +export default function Domains() { + return ( +
+
+
+ +
+
+ ) +} diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000..718d6fe Binary files /dev/null and b/app/favicon.ico differ diff --git a/app/globals.css b/app/globals.css new file mode 100644 index 0000000..6aa4658 --- /dev/null +++ b/app/globals.css @@ -0,0 +1,40 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --foreground-rgb: 255, 255, 255; + --background-start-rgb: 0, 0, 0; + --background-end-rgb: 0, 0, 0; +} + +body { + color: rgb(var(--foreground-rgb)); + background: linear-gradient( + to bottom, + transparent, + rgb(var(--background-end-rgb)) + ) + rgb(var(--background-start-rgb)); +} + +@layer utilities { + .text-balance { + text-wrap: balance; + } +} + +.rounded-full { + border-radius: 9999px; +} + +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +html { + scroll-behavior: smooth; +} + diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 0000000..a53c056 --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,27 @@ +import './globals.css' +import type { Metadata } from 'next' +import { Inter } from 'next/font/google' +import '@fortawesome/fontawesome-svg-core/styles.css' +import { config } from '@fortawesome/fontawesome-svg-core' + +config.autoAddCss = false + +const inter = Inter({ subsets: ['latin'] }) + +export const metadata: Metadata = { + title: 'Aidan', + description: 'Web Developer & Student', +} + +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { + return ( + + {children} + + ) +} + diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000..33b71ae --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,15 @@ +import Header from './components/Header' +import Bio from './components/Bio' +import Footer from './components/Footer' + +export default function Home() { + return ( +
+
+
+ +
+
+ ) +} diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 0000000..c85fb67 --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,16 @@ +import { dirname } from "path"; +import { fileURLToPath } from "url"; +import { FlatCompat } from "@eslint/eslintrc"; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); + +const compat = new FlatCompat({ + baseDirectory: __dirname, +}); + +const eslintConfig = [ + ...compat.extends("next/core-web-vitals", "next/typescript"), +]; + +export default eslintConfig; diff --git a/next.config.ts b/next.config.ts new file mode 100644 index 0000000..e9ffa30 --- /dev/null +++ b/next.config.ts @@ -0,0 +1,7 @@ +import type { NextConfig } from "next"; + +const nextConfig: NextConfig = { + /* config options here */ +}; + +export default nextConfig; diff --git a/package.json b/package.json new file mode 100644 index 0000000..a9615ed --- /dev/null +++ b/package.json @@ -0,0 +1,31 @@ +{ + "name": "aidxncc", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev --turbopack", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.7.2", + "@fortawesome/free-brands-svg-icons": "^6.7.2", + "@fortawesome/free-solid-svg-icons": "^6.7.2", + "@fortawesome/react-fontawesome": "^0.2.2", + "next": "15.1.3", + "react": "^19.0.0", + "react-dom": "^19.0.0" + }, + "devDependencies": { + "typescript": "^5", + "@types/node": "^20", + "@types/react": "^19", + "@types/react-dom": "^19", + "postcss": "^8", + "tailwindcss": "^3.4.1", + "eslint": "^9", + "eslint-config-next": "15.1.3", + "@eslint/eslintrc": "^3" + } +} diff --git a/postcss.config.mjs b/postcss.config.mjs new file mode 100644 index 0000000..1a69fd2 --- /dev/null +++ b/postcss.config.mjs @@ -0,0 +1,8 @@ +/** @type {import('postcss-load-config').Config} */ +const config = { + plugins: { + tailwindcss: {}, + }, +}; + +export default config; diff --git a/public/ihatenodejs.jpg b/public/ihatenodejs.jpg new file mode 100644 index 0000000..048835a Binary files /dev/null and b/public/ihatenodejs.jpg differ diff --git a/tailwind.config.ts b/tailwind.config.ts new file mode 100644 index 0000000..1362b88 --- /dev/null +++ b/tailwind.config.ts @@ -0,0 +1,18 @@ +import type { Config } from "tailwindcss"; + +export default { + content: [ + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: { + colors: { + background: "var(--background)", + foreground: "var(--foreground)", + }, + }, + }, + plugins: [], +} satisfies Config; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..d8b9323 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + "target": "ES2017", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "incremental": true, + "plugins": [ + { + "name": "next" + } + ], + "paths": { + "@/*": ["./*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], + "exclude": ["node_modules"] +}