Skip to content

Commit 12511e4

Browse files
purwntpurwnt
committed
Merge branch 'feat/redesign-mainpage'
2 parents 3bb6fe6 + 0c8698b commit 12511e4

49 files changed

Lines changed: 1952 additions & 595 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎_site/article/index.html‎

Lines changed: 94 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="id">
2+
<html lang="id" class="scroll-smooth">
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="robots" content="index,follow" />
@@ -58,73 +58,100 @@
5858
</div>
5959
</div>
6060
</nav>
61-
<div class="max-w-4xl mx-auto py-10 flex">
62-
<main class="w-12/12 pb-10 px-4 md:w-12/12">
63-
<h1 class="text-primary-500 font-medium text-3xl mb-3">Artikel</h1>
64-
<!-- Article -->
65-
<div class="pt-10">
66-
<div class="justify-between px-4 text-center md:px-0">
67-
<div class="mb-10 grid grid-cols-1 gap-6 md:grid-cols-3">
68-
<a href="/2019/10/membaca-menulis-file-python">
69-
<div class="flex bg-white shadow-lg hover:shadow-md active:shadow md:block">
70-
<img class="h-28 md:h-full md:w-full"
71-
src="https://belajarpython.com/img/posts/membaca-menulis-file-python.jpg" alt="" />
72-
<div class="w-2/3 md:w-full p-2 text-left md:p-10">
73-
<span class="text-xs font-bold uppercase text-slate-400">TUTORIAL</span>
74-
<h5 class="md:py-2 text-sm sm:text-base md:text-2xl font-medium">Tutorial Membaca dan Menulis File Dengan
75-
Python</h5>
76-
</div>
77-
</div>
78-
</a>
79-
<a href="/2018/09/3-library-python-terbaik-untuk-data-science">
80-
<div class="flex bg-white shadow-lg hover:shadow-md active:shadow md:block">
81-
<img class="h-28 md:h-full md:w-full"
82-
src="https://belajarpython.com/img/posts/3-library-populer-data-science.png" alt="" />
83-
<div class="w-2/3 md:w-full p-2 text-left md:p-10">
84-
<span class="text-xs font-bold uppercase text-slate-400">INFO, TUTORIAL</span>
85-
<h5 class="md:py-2 text-sm sm:text-base md:text-2xl font-medium">3 Library Python Terpopuler Untuk Data
86-
Science</h5>
87-
</div>
88-
</div>
89-
</a>
90-
<a href="/2018/09/5-tren-teratas-tentang-python-minggu-ini-di-github">
91-
<div class="flex bg-white shadow-lg hover:shadow-md active:shadow md:block">
92-
<img class="h-28 md:h-full md:w-full"
93-
src="https://belajarpython.com/img/posts/5-weekly-trending-sept-2018.png" alt="" />
94-
<div class="w-2/3 md:w-full p-2 text-left md:p-10">
95-
<span class="text-xs font-bold uppercase text-slate-400">INFO</span>
96-
<h5 class="md:py-2 text-sm sm:text-base md:text-2xl font-medium">5 Tren Teratas Tentang Python Minggu ini di
97-
Github</h5>
98-
</div>
99-
</div>
100-
</a>
101-
<a href="/2018/09/python-melesat-di-daftar-bahasa-pemrograman-yang-paling-populer">
102-
<div class="flex bg-white shadow-lg hover:shadow-md active:shadow md:block">
103-
<img class="h-28 md:h-full md:w-full"
104-
src="https://belajarpython.com/img/posts/python-bahasa-pemrograman-populer.png" alt="" />
105-
<div class="w-2/3 md:w-full p-2 text-left md:p-10">
106-
<span class="text-xs font-bold uppercase text-slate-400">BERITA</span>
107-
<h5 class="md:py-2 text-sm sm:text-base md:text-2xl font-medium">Python Melesat di Daftar Bahasa Pemrograman
108-
Yang Paling Populer</h5>
109-
</div>
110-
</div>
111-
</a>
112-
<a href="/2018/05/sastrawi-natural-language-processing-bahasa-indonesia">
113-
<div class="flex bg-white shadow-lg hover:shadow-md active:shadow md:block">
114-
<img class="h-28 md:h-full md:w-full" src="https://belajarpython.com/img/posts/sastrawi.png" alt="" />
115-
<div class="w-2/3 md:w-full p-2 text-left md:p-10">
116-
<span class="text-xs font-bold uppercase text-slate-400">TUTORIAL</span>
117-
<h5 class="md:py-2 text-sm sm:text-base md:text-2xl font-medium">Sastrawi, Natural Language Processing Mudah
118-
Dengan Python</h5>
119-
</div>
120-
</div>
121-
</a>
122-
</div>
123-
</div>
61+
62+
<main>
63+
<section class="bg-slate-50 py-8 md:py-20 min-h-screen">
64+
<div class="mx-auto max-w-7xl px-4 md:px-10">
65+
<div class="max-w-2xl text-left mb-8 md:mb-12">
66+
<h1 class="text-2xl md:text-4xl font-bold text-slate-900 mb-2 md:mb-4">Semua Artikel</h1>
67+
<p class="text-slate-600 text-sm md:text-lg">Kumpulan wawasan, tips, dan tutorial mendalam seputar ekosistem Python.</p>
12468
</div>
125-
<!-- /Article -->
126-
</main>
127-
</div>
69+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">
70+
<a href="/2019/10/membaca-menulis-file-python" class="group bg-white rounded-2xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col">
71+
<div class="relative aspect-video overflow-hidden">
72+
<img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://belajarpython.com/img/membaca-menulis-file-python.jpg" alt="Membaca Menulis File Python" />
73+
<div class="absolute top-4 left-4">
74+
<span class="bg-white/90 backdrop-blur px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-primary-600 shadow-sm">TUTORIAL</span>
75+
</div>
76+
</div>
77+
<div class="p-4 md:p-8 flex flex-col flex-grow text-left">
78+
<h3 class="text-base md:text-xl font-bold text-slate-900 group-hover:text-primary-600 transition-colors mb-2 md:mb-4 line-clamp-2">Tutorial Membaca dan Menulis File Dengan Python</h3>
79+
<div class="mt-auto flex items-center text-slate-400 text-[10px] md:text-sm">
80+
<span>Oktober 2019</span>
81+
<span class="mx-2">•</span>
82+
<span>8 min read</span>
83+
</div>
84+
</div>
85+
</a>
86+
<a href="/2018/09/3-library-python-terbaik-untuk-data-science" class="group bg-white rounded-2xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col">
87+
<div class="relative aspect-video overflow-hidden">
88+
<img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://belajarpython.com/img/3-library-populer-data-science.png" alt="Data Science Libraries" />
89+
<div class="absolute top-4 left-4">
90+
<span class="bg-white/90 backdrop-blur px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-primary-600 shadow-sm">INFO</span>
91+
</div>
92+
</div>
93+
<div class="p-4 md:p-8 flex flex-col flex-grow text-left">
94+
<h3 class="text-base md:text-xl font-bold text-slate-900 group-hover:text-primary-600 transition-colors mb-2 md:mb-4 line-clamp-2">3 Library Python Terpopuler Untuk Data Science</h3>
95+
<div class="mt-auto flex items-center text-slate-400 text-[10px] md:text-sm">
96+
<span>September 2018</span>
97+
<span class="mx-2">•</span>
98+
<span>10 min read</span>
99+
</div>
100+
</div>
101+
</a>
102+
<a href="/2018/09/5-tren-teratas-tentang-python-minggu-ini-di-github" class="group bg-white rounded-2xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col">
103+
<div class="relative aspect-video overflow-hidden">
104+
<img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://belajarpython.com/img/5-weekly-trending-sept-2018.png" alt="Github Trends" />
105+
<div class="absolute top-4 left-4">
106+
<span class="bg-white/90 backdrop-blur px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-primary-600 shadow-sm">INFO</span>
107+
</div>
108+
</div>
109+
<div class="p-4 md:p-8 flex flex-col flex-grow text-left">
110+
<h3 class="text-base md:text-xl font-bold text-slate-900 group-hover:text-primary-600 transition-colors mb-2 md:mb-4 line-clamp-2">5 Tren Teratas Tentang Python Minggu ini di Github</h3>
111+
<div class="mt-auto flex items-center text-slate-400 text-[10px] md:text-sm">
112+
<span>September 2018</span>
113+
<span class="mx-2">•</span>
114+
<span>6 min read</span>
115+
</div>
116+
</div>
117+
</a>
118+
<a href="/2018/09/python-melesat-di-daftar-bahasa-pemrograman-yang-paling-populer" class="group bg-white rounded-2xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col">
119+
<div class="relative aspect-video overflow-hidden">
120+
<img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://belajarpython.com/img/python-bahasa-pemrograman-populer.png" alt="Python Popularity" />
121+
<div class="absolute top-4 left-4">
122+
<span class="bg-white/90 backdrop-blur px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-primary-600 shadow-sm">BERITA</span>
123+
</div>
124+
</div>
125+
<div class="p-4 md:p-8 flex flex-col flex-grow text-left">
126+
<h3 class="text-base md:text-xl font-bold text-slate-900 group-hover:text-primary-600 transition-colors mb-2 md:mb-4 line-clamp-2">Python Melesat di Daftar Bahasa Pemrograman Yang Paling Populer</h3>
127+
<div class="mt-auto flex items-center text-slate-400 text-[10px] md:text-sm">
128+
<span>September 2018</span>
129+
<span class="mx-2">•</span>
130+
<span>5 min read</span>
131+
</div>
132+
</div>
133+
</a>
134+
<a href="/2018/05/sastrawi-natural-language-processing-bahasa-indonesia" class="group bg-white rounded-2xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col">
135+
<div class="relative aspect-video overflow-hidden">
136+
<img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="https://belajarpython.com/img/sastrawi.png" alt="Sastrawi NLP" />
137+
<div class="absolute top-4 left-4">
138+
<span class="bg-white/90 backdrop-blur px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-primary-600 shadow-sm">TUTORIAL</span>
139+
</div>
140+
</div>
141+
<div class="p-4 md:p-8 flex flex-col flex-grow text-left">
142+
<h3 class="text-base md:text-xl font-bold text-slate-900 group-hover:text-primary-600 transition-colors mb-2 md:mb-4 line-clamp-2">Sastrawi, Natural Language Processing Mudah Dengan Python</h3>
143+
<div class="mt-auto flex items-center text-slate-400 text-[10px] md:text-sm">
144+
<span>Mei 2018</span>
145+
<span class="mx-2">•</span>
146+
<span>12 min read</span>
147+
</div>
148+
</div>
149+
</a>
150+
</div>
151+
</div>
152+
</section>
153+
</main>
154+
128155
<footer class="bg-slate-300 py-4">
129156
<div class="flex justify-center">
130157
<div class="flex gap-4 text-sm font-bold uppercase text-slate-600 md:gap-6">

0 commit comments

Comments
 (0)