Skip to content

Instantly share code, notes, and snippets.

View NikarashiHatsu's full-sized avatar
🎯
Focusing

Aghits Nidallah NikarashiHatsu

🎯
Focusing
View GitHub Profile
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="data">
@NikarashiHatsu
NikarashiHatsu / perhitungan-persegi-panjang.php
Created March 27, 2022 02:04
Perhitungan Persegi Panjang (Static)
<?php
class PersegiPanjang {
public static $panjang;
public static $lebar;
public static function hitungKeliling()
{
return 2 * (self::$panjang + self::$lebar);
}
@NikarashiHatsu
NikarashiHatsu / perhitungan-persegi-panjang.php
Created March 27, 2022 02:04
Perhitungan Persegi Panjang (Dynamic)
<?php
class PersegiPanjang {
public $panjang;
public $lebar;
public function hitungKeliling()
{
return 2 * ($this->panjang + $this->lebar);
}
@NikarashiHatsu
NikarashiHatsu / produktif.html
Created May 14, 2022 07:27
Reminder buat Produktif
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Produktif Coy</title>
</head>
<body>
<div style="width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;">
@NikarashiHatsu
NikarashiHatsu / toggle.blade.php
Created November 22, 2023 12:07
Light / Dark Toggle Challenge
<label for="toggle" class="relative p-4 rounded-[6rem] w-56 overflow-hidden shadow-[inset_0_0px_8px_4px_rgb(0_0_0_/0.3)]">
<input id="toggle" checked type="checkbox" class="hidden peer">
{{-- Ambient --}}
<div class="transition duration-300 ease-in-out absolute -z-30 w-72 h-72 -translate-y-1/2 top-1/2 translate-x-0 peer-checked:-translate-x-8 bg-[#6182b8] rounded-full peer-checked:bg-[rgb(46,58,76)]"></div>
<div class="transition duration-300 ease-in-out absolute -z-30 w-64 h-64 -translate-y-1/2 top-1/2 translate-x-[-6.25rem] peer-checked:translate-x-[2rem] bg-[#7a93c5] rounded-full peer-checked:bg-[#4a5364]"></div>
<div class="transition duration-300 ease-in-out absolute -z-30 w-64 h-64 -translate-y-1/2 top-1/2 translate-x-[-8.5rem] peer-checked:translate-x-[4.5rem] bg-[#8ca5cd] rounded-full peer-checked:bg-[#666d7b]"></div>
{{-- Clouds --}}
<div class="transition duration-300 ease-in-out relative top-24 -right-4 transform -z-20 peer-checked:translate-x-full">