project details changed

gokhaanc · Jan 22, 2025 · 882695c · 882695c
1 parent be3b92f
commit 882695c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 20 deletions.
diff --git a/css/style.css b/css/style.css
@@ -630,6 +630,14 @@ video {
   --un-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--un-bg-opacity));
 }
+.bg-green {
+  --un-bg-opacity: 1;
+  background-color: #00582c;
+}
+.bg-yellow {
+  --un-bg-opacity: 1;
+  background-color: #6c6900;
+}
 .bg-op-3 {
   --un-bg-opacity: 0.03;
 }

diff --git a/index.html b/index.html
@@ -74,7 +74,7 @@ <h1 class="text-3xl font-light text-neutral-100">
           I'm Gökhan.
         </h1>
         <p class="max-w-500px mt-0">
-          I like creating things that live on the internet.
+          Indie Hacker. Just a guy chasing internet money, building SaaS.
         </p>
       </section>
       <section class="flex flex-col gap-4">
@@ -94,7 +94,7 @@ <h2 class="text-lg text-neutral-100">Some of my projects</h2>
         <div class="grid grid-cols-1 gap-4 md:grid-cols-3 sm:grid-cols-2">
           <a
             class="group flex w-full cursor-pointer flex-col justify-between gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-5px hover:border-primary"
-            href="https://biakil.com/"
+            href="https://web.archive.org/web/20240419113552/https://biakil.com/"
             target="_blank"
             rel="noopener"
           >
@@ -106,7 +106,7 @@ <h2 class="text-lg text-neutral-100">Some of my projects</h2>
               <div class="flex gap-1 pt-1 flex-wrap">
                 <span
                   class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Web App</span
+                  >Laravel</span
                 ><span
                   class="text-xs bg-red text-neutral-400 px-2 py-1 rounded-lg"
                   >Closed</span
@@ -115,45 +115,43 @@ <h2 class="text-lg text-neutral-100">Some of my projects</h2>
             </div> </a
           ><a
             class="group flex w-full cursor-pointer flex-col justify-between gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-5px hover:border-primary"
-            href="#"
+            href="https://plakatr.com"
             rel="noopener"
           >
             <div class="flex flex-col gap-2">
-              <p class="text-neutral-100 text-16px truncate">RelaxHR</p>
+              <p class="text-neutral-100 text-16px truncate">PlakaTR</p>
               <p class="md:line-clamp-2">
-                SaaS for human resources professionals, to review and sort job applications with AI.
+                Comment Turkish license plate numbers and see the comments of others.
               </p>
               <div class="flex gap-1 pt-1 flex-wrap">
                 <span
                   class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Web app</span
-                ><span
-                  class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Soon..</span
+                  >Laravel</span
+                >
+                <span
+                  class="text-xs bg-green bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
+                  >Live</span
                 >
               </div>
             </div> </a
-          ><a
+          >
+          <a
             class="group flex w-full cursor-pointer flex-col justify-between gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-5px hover:border-primary"
             href="#"
             rel="noopener"
           >
             <div class="flex flex-col gap-2">
-              <p class="text-neutral-100 text-16px truncate">Plakam</p>
+              <p class="text-neutral-100 text-16px truncate">RelaxHR</p>
               <p class="md:line-clamp-2">
-                Comment Turkish license plate numbers and see the comments of others.
+                SaaS for human resources professionals, to review and sort job applications with AI.
               </p>
               <div class="flex gap-1 pt-1 flex-wrap">
                 <span
                   class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Web app</span
+                  >Laravel</span
                 ><span
-                  class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Open source</span
-                >
-                <span
-                  class="text-xs bg-white bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
-                  >Soon..</span
+                  class="text-xs bg-yellow bg-op-3 text-neutral-400 px-2 py-1 rounded-lg"
+                  >Soon</span
                 >
               </div>
             </div> </a