bagas/porto
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update: add ristek to experience
Docker Build and Push / build-and-push (push) Successful in 7m55s
Details

Browse Source
This commit is contained in:
bagas
2026-03-08 21:39:24 +07:00
parent 4a02d28253
commit 6cf9d04a3a
1 changed files with 26 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/home.tsx
+26 -53
View File
@@ -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>