trim

components/Icons/index.tsx

@@ -20,9 +20,9 @@ export const LinkedIn = (props: IconProps) => (
 	</Icon>
 )
 
-export const Twitter = (props: IconProps) => (
+export const X = (props: IconProps) => (
 	<Icon {...props}>
-		<path d='M55.1794 11.9311C53.2598 12.8252 51.1976 13.4294 49.0298 13.7025C51.2666 12.2955 52.9401 10.081 53.738 7.47233C51.6364 8.78455 49.3363 9.70821 46.9377 10.2032C45.3247 8.39275 43.1883 7.19278 40.8601 6.78955C38.5319 6.38633 36.1422 6.80241 34.062 7.97319C31.9817 9.14397 30.3274 11.004 29.3559 13.2644C28.3843 15.5248 28.1498 18.0591 28.6888 20.474C24.4305 20.2492 20.2647 19.0857 16.4618 17.059C12.6589 15.0323 9.30385 12.1876 6.61447 8.70966C5.6949 10.3772 5.16614 12.3105 5.16614 14.3695C5.16512 16.2231 5.59934 18.0482 6.43028 19.6831C7.26121 21.3179 8.46318 22.7119 9.92953 23.7413C8.22895 23.6844 6.5659 23.2014 5.07878 22.3324V22.4774C5.07861 25.0771 5.93406 27.5968 7.49998 29.609C9.0659 31.6211 11.2458 33.0018 13.6699 33.5167C12.0923 33.9656 10.4384 34.0317 8.83294 33.7101C9.51686 35.947 10.8491 37.9031 12.6431 39.3045C14.4371 40.7059 16.6031 41.4825 18.8379 41.5256C15.0443 44.6562 10.3592 46.3543 5.53627 46.3468C4.68194 46.3471 3.82834 46.2946 2.97986 46.1897C7.87538 49.4986 13.5741 51.2546 19.3942 51.2478C39.0961 51.2478 49.8666 34.0943 49.8666 19.2173C49.8666 18.734 49.8551 18.2458 49.8344 17.7625C51.9294 16.1698 53.7378 14.1977 55.1748 11.9383L55.1794 11.9311V11.9311Z' />
+		<path d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z' />
 	</Icon>
 )
 

components/Navbar/index.tsx

@@ -4,21 +4,13 @@ import { ColorModeButton, NextChakraLink } from 'components'
 
 const navbarItems = [
 	{
-		title: 'Projects',
-		href: '/projects',
+		title: 'Home',
+		href: '/',
 	},
 	{
 		title: 'Stack',
 		href: '/stack',
 	},
-	{
-		title: 'Contact',
-		href: '/contact',
-	},
-	{
-		title: 'Home',
-		href: '/',
-	},
 ]
 
 export const Navbar = () => {
@@ -37,7 +29,7 @@ export const Navbar = () => {
 				<Flex
 					alignItems='center'
 					justifyContent='space-between'
-					w='350px'
+					w='130px'
 					color='heading'
 				>
 					{navbarItems.map((item) => (

data/contact.tsx

@@ -1,4 +1,4 @@
-import { Email, GitHub, KoFi, LinkedIn, Twitter } from 'components'
+import { Email, GitHub, KoFi, LinkedIn, X } from 'components'
 
 const contact = [
 	{
@@ -14,15 +14,15 @@ const contact = [
 		isExternal: true,
 	},
 	{
-		name: 'LinkedIn',
-		icon: <LinkedIn fill='icon' width='30' height='30' viewBox='0 0 58 58' />,
-		link: 'https://www.linkedin.com/in/lawandothman/',
+		name: 'X',
+		icon: <X fill='icon' width='30' height='30' viewBox='0 0 58 58' />,
+		link: 'https://x.com/lwndothman',
 		isExternal: true,
 	},
 	{
-		name: 'Twitter',
-		icon: <Twitter fill='icon' width='30' height='30' viewBox='0 0 58 58' />,
-		link: 'https://twitter.com/lwndothman',
+		name: 'LinkedIn',
+		icon: <LinkedIn fill='icon' width='30' height='30' viewBox='0 0 58 58' />,
+		link: 'https://www.linkedin.com/in/lawandothman/',
 		isExternal: true,
 	},
 	{

data/stack.tsx

@@ -1,25 +1,8 @@
 import { IStack } from 'types'
 
-import {
-	Chakra,
-	Dependabot,
-	Figma,
-	GraphQL,
-	NextJs,
-	Notion,
-	Rust,
-	Typescript,
-	VSCode,
-	Vercel,
-} from 'components'
+import { GraphQL, Rust, Typescript } from 'components'
 
 const stack: IStack[] = [
-	{
-		name: 'Visual Studio Code',
-		description: 'My code editor of choice',
-		url: 'https://code.visualstudio.com/',
-		icon: <VSCode viewBox='0 0 58 58' width='58' height='58' />,
-	},
 	{
 		name: 'TypeScript',
 		description: 'JavaScript but with no surprises',
@@ -38,45 +21,6 @@ const stack: IStack[] = [
 		url: 'https://graphql.org/',
 		icon: <GraphQL viewBox='0 4 395 395' width='58' height='58' />,
 	},
-	{
-		name: 'Next.js',
-		description: 'The best way to build modern React websites',
-		url: 'https://nextjs.org/',
-		icon: <NextJs viewBox='0 0 58 58' width='58' height='58' fill='icon' />,
-	},
-	{
-		name: 'Figma',
-		description: 'My design tool of choice',
-		url: 'https://www.figma.com/',
-		icon: <Figma viewBox='-10 0 58 58' width='58' height='58' />,
-	},
-	{
-		name: 'Chakra UI',
-		description: 'The best React component-based library',
-		url: 'https://chakra-ui.com/',
-		icon: <Chakra viewBox='0 0 58 58' width='58' height='58' fill='#58c9c7' />,
-	},
-	{
-		name: 'Vercel',
-		description:
-			'Everything I build on the internet lives on Vercel. It is the gold standard of developer tools',
-		url: 'https://vercel.com/',
-		icon: <Vercel viewBox='0 0 58 58' width='58' height='58' fill='icon' />,
-	},
-	{
-		name: 'Dependabot',
-		description:
-			'Dependabot keeps all of my project dependecies up to date every month',
-		url: 'https://dependabot.com/',
-		icon: <Dependabot viewBox='0 0 58 58' width='58' height='58' />,
-	},
-	{
-		name: 'Notion',
-		description:
-			'My favourite productivity tool to keep notes and manage my tasks',
-		url: 'https://www.notion.so/',
-		icon: <Notion viewBox='0 0 58 58' width='58' height='58' fill='icon' />,
-	},
 ]
 
 export default stack

package.json

@@ -1,14 +1,12 @@
 {
-	"name": "nextjs",
+	"name": "lwnd.me",
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
 		"dev": "next dev",
 		"lint": "next lint",
 		"build": "next build",
 		"start": "next start",
-		"test": "jest",
-		"prepare": "husky install",
 		"prettier": "prettier --write '**/*.{js,jsx,ts,tsx}'"
 	},
 	"dependencies": {
@@ -25,9 +23,6 @@
 		"swr": "^2.2.0"
 	},
 	"devDependencies": {
-		"@testing-library/jest-dom": "^6.1.3",
-		"@testing-library/react": "^14.1.2",
-		"@testing-library/user-event": "^14.5.1",
 		"@trivago/prettier-plugin-sort-imports": "^4.3.0",
 		"@types/node": "^20.10.6",
 		"@types/react": "^18.2.40",
@@ -36,17 +31,7 @@
 		"eslint-config-next": "^14.0.4",
 		"eslint-config-prettier": "^9.0.0",
 		"eslint-plugin-prettier": "^4.2.1",
-		"husky": ">=8",
-		"jest": "^29.7.0",
-		"jest-environment-jsdom": "^29.7.0",
-		"lint-staged": ">=15",
 		"prettier": "^3.1.1",
 		"typescript": "^5.1.6"
-	},
-	"lint-staged": {
-		"*.{js,ts,jsx,tsx}": [
-			"eslint --fix",
-			"prettier --write"
-		]
 	}
 }