update home page

altaywtf · Sep 19, 2023 · 7d4331e · 7d4331e · vercel · Sep 19, 2023
1 parent af49436
commit 7d4331e
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 46 deletions.
diff --git a/next.config.js b/next.config.js
@@ -6,24 +6,6 @@ const nextConfig = {
 
   experimental: {
     appDir: true,
-    typedRoutes: true,
-  },
-
-  images: {
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'oku.ams3.cdn.digitaloceanspaces.com',
-      },
-      {
-        protocol: 'https',
-        hostname: '*.mzstatic.com',
-      },
-      {
-        protocol: 'https',
-        hostname: '*.tvmaze.com',
-      },
-    ],
   },
 
   redirects: async () => [
@@ -42,7 +24,7 @@ const nextConfig = {
 
     {
       source: '/articles',
-      destination: '/#writing',
+      destination: '/blog',
       permanent: true,
     },
     {
@@ -58,7 +40,7 @@ const nextConfig = {
 
     {
       source: '/notes',
-      destination: '/#writing',
+      destination: '/blog',
       permanent: true,
     },
     {
@@ -74,7 +56,7 @@ const nextConfig = {
 
     {
       source: '/blog',
-      destination: '/#writing',
+      destination: '/posts',
       permanent: true,
     },
     {

diff --git a/public/images/projects/accept-nano.png b/public/images/projects/accept-nano.png
diff --git a/public/images/projects/raycast.png b/public/images/projects/raycast.png
diff --git a/src/app/(altay-dot-wtf)/(home)/page.tsx b/src/app/(altay-dot-wtf)/(home)/page.tsx
@@ -11,23 +11,27 @@ type Project = {
   title: string
   description: string
   url: string
+  icon_url: string
 }
 
 const PROJECTS: Project[] = [
   {
     title: 'put.io Raycast',
     description: 'A Raycast extension for put.io.',
     url: 'https://github.com/putdotio/putio-raycast',
+    icon_url: '/images/projects/raycast.png',
   },
   {
     title: 'Book notes',
     description: 'Somewhat detailed notes from books I read.',
     url: '/books',
+    icon_url: '/images/books/navalmanack/cover.png',
   },
   {
     title: 'Accept Nano',
     description: 'JavaScript client for Accept NANO payment gateway.',
     url: 'https://github.com/accept-nano/accept-nano-client',
+    icon_url: '/images/projects/accept-nano.png',
   },
 ]
 
@@ -61,7 +65,7 @@ const HomePage = async () => (
       <Image src="/images/avatar.png" alt="That's my head" fill sizes="100%" />
     </div>
 
-    <div className="my-4 flex flex-col gap-4">
+    <div className="mt-8 flex flex-col gap-4">
       <h1>{homeCopy.title}</h1>
 
       <div className="-mb-2 prose-p:mb-3 prose-p:mt-0">
@@ -89,28 +93,36 @@ const HomePage = async () => (
 
     <div className="mt-4 flex flex-col gap-6">
       {PROJECTS.map((project) => (
-        <div key={project.title} className="flex flex-col gap-1">
-          <div>
-            {project.url.startsWith('/') ? (
-              <Link
-                href={project.url as any}
-                className="font-medium text-amber-400 hover:text-amber-200"
-                target="_blank"
-              >
-                {project.title}
-              </Link>
-            ) : (
-              <a
-                href={project.url}
-                target="_blank"
-                className="font-medium text-amber-400 hover:text-amber-200"
-              >
-                {project.title}
-              </a>
-            )}
-          </div>
+        <div key={project.title}>
+          <div className="flex flex-row items-center gap-3">
+            <div className="relative h-10 w-10 overflow-hidden rounded">
+              <Image src={project.icon_url} alt={project.title} fill sizes="100%" />
+            </div>
+
+            <div className="flex flex-col">
+              <div>
+                {project.url.startsWith('/') ? (
+                  <Link
+                    href={project.url as any}
+                    className="font-medium text-amber-400 hover:text-amber-200"
+                    target="_blank"
+                  >
+                    {project.title}
+                  </Link>
+                ) : (
+                  <a
+                    href={project.url}
+                    target="_blank"
+                    className="font-medium text-amber-400 hover:text-amber-200"
+                  >
+                    {project.title}
+                  </a>
+                )}
+              </div>
 
-          <p>{project.description}</p>
+              <p>{project.description}</p>
+            </div>
+          </div>
         </div>
       ))}
     </div>

diff --git a/src/app/(altay-dot-wtf)/layout.tsx b/src/app/(altay-dot-wtf)/layout.tsx
@@ -22,7 +22,7 @@ export const metadata: Metadata = {
 
 const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => (
   <>
-    <section className="app-width px-3 py-8 sm:px-0">{children}</section>
+    <section className="app-width px-4 py-8 sm:px-0">{children}</section>
     <PathHistoryListener />
   </>
 )

diff --git a/src/app/(zebrastik)/zebrastik/page.tsx b/src/app/(zebrastik)/zebrastik/page.tsx
@@ -12,12 +12,12 @@ export const metadata: Metadata = {
 }
 
 const Zebrastik = () => (
-  <section className="app-width p-4 sm:px-0">
+  <section className="app-width px-4 py-8 sm:px-0">
     <div className="relative h-28 w-28 overflow-hidden rounded border border-solid border-neutral-900">
       <Image src="/images/zebra.jpg" alt="zebrastik logo" fill />
     </div>
 
-    <div className="mt-4 flex flex-col gap-2">
+    <div className="mt-8 flex flex-col gap-2">
       <h1>{zebrastikCopy.title}</h1>
       <p className="text-neutral-400">{zebrastikCopy.description}</p>
     </div>