feat: udpate css and add more tutorial

Author: purwnt

docs/tutorial/instalasi-python.md

@@ -0,0 +1,60 @@
+---
+layout: tutorial
+title: Instalasi Python
+order: 2
+---
+
+Sebelum Anda menggunakan Python, Anda harus menginstalnya terlebih dahulu di sistem operasi komputer Anda. Saat ini Python memiliki versi stabil terbaru yaitu Python **3.13**. Disini kita akan belajar bahasa pemrograman Python menggunakan versi terbaru tersebut.
+
+Cara menginstal python sangat mudah, ikuti panduan dibawah ini. Dibawah adalah panduan cara instal python di platform Linux, Windows dan Mac OS.
+
+### Linux
+
+1. Buka browser, kunjungi [halaman download Python](https://www.python.org/downloads/source/)
+2. Download versi terbaru Python berbentuk file zip untuk Unix/Linux
+3. Ekstrak file zip yang baru saja di download
+4. Edit file Modules/Setup jika Anda ingin kostumisasi Python
+5. Jalankan `./configure` script
+6. `make`
+7. `make install`
+
+Langkah ini akan menginstal Python di lokasi standar `/usr/local/bin` dan library di `/usr/local/lib/pythonXX` dimana `XX` adalah versi terbaru Python yang anda gunakan.
+
+> Untuk beberapa distro (distribution store) dari sistem operasi linux sudah terinstal Python di dalamnya. Jadi Anda tidak perlu menginstalnya lagi.
+
+### Windows
+
+1. Buka browser, kunjungi [halaman download Python untuk Windows](https://www.python.org/downloads/windows/)
+2. Download installer Python 3.13 (pilih versi 64-bit untuk Windows)
+3. Buka (klik 2x) file installer python yang baru saja di download
+4. Ikuti langkah instalasi sampai selesai
+
+### Mac OS
+
+1. Buka browser, kunjungi [halaman download Python untuk Mac](https://www.python.org/downloads/macos/)
+2. Download versi terbaru Python untuk Macintosh
+3. Buka file yang baru saja di download
+4. Ikuti langkah instalasi sampai selesai
+
+---
+
+> [Edit tutorial ini](https://github.com/belajarpythoncom/belajarpython.com/blob/master/docs/tutorial/instalasi-python.md)
+
+<div class="mt-8 inline justify-between gap-x-4 md:flex">
+  <div class="flex justify-center mb-4 md:mb-0">
+    <a href="/tutorial/apa-itu-python" class="text-primary-300 hover:text-primary-300 order-2 flex h-12 items-center rounded-full bg-blue-500 bg-opacity-20 px-8 text-base hover:no-underline md:order-1">
+      <svg xmlns="http://www.w3.org/2000/svg" class="mr-1 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.707-10.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L9.414 11H13a1 1 0 100-2H9.414l1.293-1.293z" clip-rule="evenodd" />
+      </svg>
+      <span class="-mt-0.5">Pengertian Python</span>
+    </a>
+  </div>
+  <div class="order-1 flex justify-center">
+    <a href="/tutorial/menjalankan-python" class="order-1 flex h-12 items-center rounded-full bg-gradient-to-l from-yellow-500 to-yellow-400 px-8 text-base text-black shadow-xl hover:text-black hover:no-underline hover:shadow md:order-2">
+      <span class="-mt-0.5">Menjalankan Python</span>
+      <svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
+      </svg>
+    </a>
+  </div>
+</div>

src/_data/site.json

@@ -5,5 +5,5 @@
   "url": "https://belajarpython.com",
   "description": "Belajar Python gratis dengan tutorial lengkap berbahasa Indonesia. Panduan pemrograman Python dari dasar hingga mahir: data science, machine learning, AI, dan web development. Dipercaya 100+ kampus & perusahaan di Indonesia.",
   "keywords": "belajar python, tutorial python, python indonesia, belajar python pemula, kursus python gratis, pemrograman python, python untuk data science, python machine learning",
-  "version": "1.3.0"
+  "version": "1.3.1"
 }

src/css/base.css

@@ -838,6 +838,10 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @keyframes scroll {
   0% {
     transform: translateX(0);
@@ -1366,6 +1370,10 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

src/tutorial/apa-itu-python.md

@@ -10,6 +10,16 @@ permalink: /tutorial/apa-itu-python/
 [Python](https://www.python.org) adalah bahasa pemrograman interpretatif multiguna. Tidak seperti bahasa lain yang susah untuk dibaca dan dipahami, python lebih menekankan pada keterbacaan kode agar lebih mudah untuk memahami sintaks. Hal ini membuat Python sangat mudah dipelajari baik untuk pemula maupun untuk yang sudah menguasai bahasa pemrograman lain.
 
 Bahasa ini muncul pertama kali pada tahun 1991, dirancang oleh seorang bernama [Guido van Rossum](https://id.wikipedia.org/wiki/Guido_van_Rossum). Sampai saat ini Python masih dikembangkan oleh [Python Software Foundation](https://www.python.org/psf/). Bahasa Python mendukung hampir semua sistem operasi, bahkan untuk sistem operasi Linux, hampir semua distronya sudah menyertakan Python di dalamnya.
+ 
+Python telah menjadi salah satu bahasa pemrograman paling populer di dunia, terutama karena perannya yang dominan di bidang:
+
+- **Kecerdasan Buatan (AI) dan Machine Learning** - Library seperti TensorFlow, PyTorch, dan scikit-learn menjadikan Python pilihan utama untuk pengembangan AI.
+- **Data Science dan Analisis Data** - Pandas, NumPy, dan Matplotlib adalah tools standar industri.
+- **Pengembangan Web** - Framework seperti Django, Flask, dan FastAPI.
+- **Otomasi dan Scripting** - Mengotomasi tugas-tugas repetitif dengan mudah.
+- **Internet of Things (IoT)** - Digunakan di Raspberry Pi dan perangkat embedded.
+
+Versi terbaru Python saat ini adalah **Python 3.13** dengan berbagai fitur modern seperti pattern matching, improved error messages, dan performa yang lebih baik.
 
 Dengan kode yang simpel dan mudah diimplementasikan, seorang programmer dapat lebih mengutamakan pengembangan aplikasi yang dibuat, bukan malah sibuk mencari syntax error.