🌸 hollytea.github.io

Website personal buat nyoba-nyoba hal random, mulai dari desain sampai animasi. Kadang isinya cuma tes doang, kadang serius, kadang juga nyeleneh (bisa aja suatu saat muncul Illyasviel von Einzbern di tengah halaman, siapa tahu 😳).

✨ Apa aja isinya?

• HTML + CSS buat latihan
• JavaScript biar nggak statis doang
• Beberapa efek animasi atau layout eksperimen
• Kadang nyempil karakter favorit (yes, termasuk Illya ❤️)
• Bisa juga tiba-tiba ada tampilan estetik yang terinspirasi dari anime

📁 Struktur Folder Lengkap

hollytea.github.io/
├── index.html          ← Halaman utama website
├── style.css           ← Styling utama
├── script.js           ← JavaScript opsional
├── /assets/            ← Folder untuk gambar, ikon, dll.
│   ├── illya.png       ← Gambar Illyasviel von Einzbern
│   └── ...
├── /pages/             ← Halaman tambahan (kalau ada)
│   └── about.html      ← Contoh halaman "Tentang"
├── README.md           ← File dokumentasi ini
└── .nojekyll           ← Buat nonaktifkan Jekyll GitHub Pages

🔄 Cara Clone Repositori Ini

Biar bisa ngedit sendiri di laptop, kamu bisa clone repo ini kayak gini:

1. Pastikan kamu udah install Git dan punya code editor (rekomendasi: VSCode)
2. Buka terminal, terus ketik:

git clone https://github.com/FariNoveri/hollytea.github.io.git

3. Masuk ke folder-nya:

cd hollytea.github.io

4. Buka di VSCode (atau editor favoritmu):

code .

✍️ Cara Ngedit Website-nya

Setelah kamu buka di VSCode:

• Edit file index.html buat ubah isi halaman utama
• Edit style.css buat ngatur warna, font, layout, dll.
• Bisa tambahin gambar baru di folder assets/
• Kalau butuh efek interaktif, bikin atau edit script.js
• Mau nambah halaman baru? Bikin file HTML di folder pages/ dan link-kan dari index.html

Contoh Ganti Judul Halaman:

Ubah ini di index.html:

<title>Selamat Datang di Websiteku</title>

Menjadi:

<title>Website Ajaib Bareng Illya 🌟</title>

Contoh Ganti Background:

Di style.css:

body {
  background-color: #f9f9ff;
}

Ganti warna sesuai selera kamu, misalnya:

background-color: #ffeaff;

🚀 Cara Preview Website Secara Lokal

Biar bisa lihat hasilnya sebelum upload:

1. Gunakan ekstensi Live Server (kalau pakai VSCode)
2. Klik kanan index.html → pilih Open with Live Server
3. Browser akan otomatis buka dan kamu bisa lihat tampilannya

Kalau gak pakai Live Server:

• Buka file index.html langsung dari file explorer pakai browser

🌸 Tentang Illyasviel

Illyasviel von Einzbern bukan cuma karakter anime. Buat yang tahu, dia itu penyemangat, aesthetic queen, dan alasan beberapa desain web ini terasa "magical". Jadi jangan heran kalau tiba-tiba dia muncul di tengah-tengah halaman 😳

“Kalau ada Illya, semua jadi lebih manis. Bahkan coding pun jadi nggak se-stress itu.”

---

📌 Catatan Penutup

Ini cuma tempat nyantai buat belajar & nyoba-nyoba front-end. Bisa dipake buat ngembangin skill, bisa juga buat pamer karya. Dan yang paling penting: boleh nambah Illya di mana pun kamu suka.

Selamat ngoding dan selamat jatuh cinta lagi ke dunia web dev! 🌸