From 6cf9d04a3acda46383d507b9cfa79b09700f09ef Mon Sep 17 00:00:00 2001
From: bagas <bagas@fossy.my.id>
Date: Sun, 8 Mar 2026 21:39:24 +0700
Subject: [PATCH] update: add ristek to experience

---
 app/routes/home.tsx | 79 +++++++++++++++------------------------------
 1 file changed, 26 insertions(+), 53 deletions(-)

diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 695c2c7..e031c19 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -140,6 +140,31 @@ export default function Index() {
         <div className="container mx-auto max-w-4xl">
           <h2 className="mb-12 text-3xl font-bold text-center text-slate-900 dark:text-slate-100">Experience</h2>
 
+          <div className="rounded-lg border border-slate-200 bg-white text-slate-950 shadow-sm dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50 mb-6">
+            <div className="flex flex-col space-y-1.5 p-6">
+              <div className="flex items-start justify-between">
+                <div className="flex items-center gap-4">
+                  <div className="p-2 bg-slate-900/10 dark:bg-slate-50/10 rounded-lg">
+                    <Briefcase className="h-6 w-6 text-slate-900 dark:text-slate-50" />
+                  </div>
+                  <div>
+                    <h3 className="text-2xl font-semibold leading-none tracking-tight">Member of Web Development SIG</h3>
+                    <p className="text-sm text-slate-600 dark:text-slate-400 text-base">RISTEK Fakultas Ilmu Komputer</p>
+                  </div>
+                </div>
+                <span className="inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300 text-slate-600 dark:text-slate-400 bg-slate-100 dark:bg-slate-800">
+                  Present
+                </span>
+              </div>
+            </div>
+            <div className="p-6 pt-0">
+              <div className="flex items-center gap-2 text-sm text-slate-600 dark:text-slate-400 mb-4">
+                <Calendar className="h-4 w-4" />
+                <span>March 2026 - Present</span>
+              </div>
+            </div>
+          </div>
+
           <div className="rounded-lg border border-slate-200 bg-white text-slate-950 shadow-sm dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50 mb-6">
             <div className="flex flex-col space-y-1.5 p-6">
               <div className="flex items-start justify-between">
@@ -368,59 +393,7 @@ export default function Index() {
             </div>
           </div>
 
-          <div>
-            <h3 className="mb-8 text-2xl font-bold text-center text-slate-900 dark:text-slate-100">
-              Work Accomplishments
-            </h3>
-            <div className="rounded-lg border border-slate-200 bg-white text-slate-950 shadow-sm dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50 max-w-4xl mx-auto">
-              <div className="flex flex-col space-y-1.5 p-6">
-                <h3 className="text-2xl font-semibold leading-none tracking-tight text-2xl">
-                  Dynamic Web Crawling System
-                </h3>
-                <p className="text-sm text-slate-600 dark:text-slate-400 text-lg">
-                  Developed during my internship at PT Indonesia Indicator, this revolutionary crawling system is
-                  capable of extracting data from various websites without needing to create a new crawler for each
-                  website. This system allows for dynamic and more efficient data retrieval.
-                </p>
-              </div>
-              <div className="p-6 pt-0">
-                <div className="grid md:grid-cols-2 gap-6">
-                  <div>
-                    <h4 className="font-semibold mb-2 text-slate-900 dark:text-slate-100">Key Features:</h4>
-                    <ul className="list-disc list-inside text-slate-600 dark:text-slate-400 space-y-1 mb-4">
-                      <li>Dynamic configuration for different website structures</li>
-                      <li>Scalable backend architecture using Go</li>
-                      <li>Real-time monitoring dashboard</li>
-                      <li>Efficient data processing and management</li>
-                    </ul>
-                  </div>
-                  <div>
-                    <h4 className="font-semibold mb-2 text-slate-900 dark:text-slate-100">Technologies:</h4>
-                    <div className="flex flex-wrap gap-2 mb-4">
-                      <span className="inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300 text-slate-950 dark:text-slate-50">
-                        Go
-                      </span>
-                      <span className="inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300 text-slate-950 dark:text-slate-50">
-                        Tailwind CSS
-                      </span>
-                      <span className="inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300 text-slate-950 dark:text-slate-50">
-                        HTMX
-                      </span>
-                      <span className="inline-flex items-center rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 dark:border-slate-800 dark:focus:ring-slate-300 text-slate-950 dark:text-slate-50">
-                        Templ
-                      </span>
-                    </div>
-                  </div>
-                </div>
-                <div className="flex gap-4">
-                  <span className="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 px-4 py-2 opacity-50 cursor-not-allowed">
-                    <Briefcase className="mr-2 h-4 w-4" />
-                    Work Accomplishment
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
+
         </div>
       </section>