Skip to content

Instantly share code, notes, and snippets.

View haiueom's full-sized avatar
🍃
Hijaukan Generasi

Ilham Taufiq haiueom

🍃
Hijaukan Generasi
  • Denpasar, Bali, Indonesia
View GitHub Profile

Tugas Terstruktur 10

nama   : Ilham taufiq
nim    : 22255601012
kelas  : Pengembangan Perangkat Lunak
materi : Database SQL

Login MySQL via XAMPP Shell

@haiueom
haiueom / TM14 - SQL.md
Last active October 12, 2022 05:40
Tugas Mandiri 14 Materi Database SQL

Tugas Mandiri 14

nama   : Ilham taufiq
nim    : 22255601012
kelas  : Pengembangan Perangkat Lunak
materi : Database SQL

Membuat database 'dblatihan'

@haiueom
haiueom / TM07 - SQL.md
Created October 6, 2022 03:05
Tugas Mandiri Materi SQL Pertemuan ke-7 Pesantren PeTIK 2 Jombang YBM PLN

Tugas Mandiri 07

Pengembangan Perangkat Lunak Pesantren PeTIK 2 Jombang

Materi Database SQL Pertemuan ke-7

Nama : Ilham Taufiq
NIM  : 22255601012
@haiueom
haiueom / TM05 - SQL.sql
Created October 4, 2022 14:45
Tugas Mandiri Materi SQL Pertemuan ke-5 Pesantren PeTIK 2 Jombang YBM PLN.
-- Login MySQL
mysql -u root -p
-- Melihat Semua Database
SHOW DATABASES;
-- Membuat Database Baru "db_bank"
CREATE DATABASE db_bank;
-- Melihat Semua Database
@haiueom
haiueom / TT05 - SQL.sql
Last active October 4, 2022 14:33
Tugas Terstruktur Materi SQL Pertemuan ke-5 Pesantren PeTIK 2 Jombang YBM PLN.
-- Login MySQL
mysql -u root -p
-- Melihat Semua Database
SHOW DATABASES;
-- Membuat Database Baru "db_toko"
CREATE DATABASE db_toko;
-- Menggunakan Database "db_toko"
@haiueom
haiueom / index.py
Created August 26, 2022 01:25
Hello world in Python 3 (aka Python 3000)
# Hello world in Python 3 (aka Python 3000)
print("Hello World")
<p>tes</p>
@haiueom
haiueom / dismantling-text-w-greensock.markdown
Created January 8, 2021 04:06
Dismantling Text w/ GreenSock 🍏

Dismantling Text w/ GreenSock 🍏

Inspired by the recent adverts from a certain fruit named company 😅

Love these types of advert. Whenever I see them, I'm inspired by the challenge of trying to recreate them. This one's a little tricky and requires calculating the positions of various pieces that need to be duplicated etc.

That's because we can't animate part of the SVG outside of its view box. That means we have some options. Here we duplicate the SVG and remove the parts that won't be moving. That way we can layer all of the SVG on top of each other and move them separately. The crane strings are then positioned against the nested moving parts of those duplicate SVGs.

The trickiest part is keeping things responsive to viewport changes. To do this we invalidate and kill the current timeline on window resize. We then generate a new timeline resetting all of the DOM elements and calculating new positions.