Skip to content

Instantly share code, notes, and snippets.

View dirumahrafif's full-sized avatar
🏠
Working from home

Programming di Rumahrafif dirumahrafif

🏠
Working from home
View GitHub Profile
@dirumahrafif
dirumahrafif / google-login.blade.php
Created November 15, 2024 23:33
Simple login to check whether someone already subscribe or not
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login with Google</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" />
<script src="https://apis.google.com/js/platform.js"></script>
</head>
@dirumahrafif
dirumahrafif / login.blade.php
Created October 11, 2024 09:46
Blade untuk coba API
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>Login</title>
</head>
@dirumahrafif
dirumahrafif / edit.blade.php
Last active September 10, 2024 04:04
Blade untuk form edit data user
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Edit User
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
<div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
@dirumahrafif
dirumahrafif / index.blade.php
Last active September 22, 2024 12:54
Blade Untuk Menampilkan Data User di Laravel dengan Menggunakan Tailwindcss
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Pengaturan Users <a href="" class="bg-blue-400 p-2 rounded-md text-white text-sm">+ Tambah User</a>
</h2>
</x-slot>
<x-slot name="headerRight">
<form action="" method="get">
<x-text-input id="search" name="search" type="text" class="p-1 m-0 md:w-72 w-80 mt-3 md:mt-0" value=""
placeholder="masukkan kata kunci..." />
@dirumahrafif
dirumahrafif / edit.blade.php
Last active August 30, 2024 01:39
Blade untuk form edit data blog
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Edit Tulisan
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
<div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
<div class="max-w-2xl">
@dirumahrafif
dirumahrafif / index.blade.php
Last active August 29, 2024 04:18
Blade Untuk Menampilkan Data Blog di Laravel dengan Menggunakan Tailwindcss
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Pengaturan Blog
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white shadow-sm sm:rounded-lg overflow-x-auto">
@dirumahrafif
dirumahrafif / readme.md
Last active May 15, 2024 18:47
Deploy React js Application to subdirectory using vite
  • perbaiki di file App.jsx / yang mengandung BrowserRouter
function App() {
  return (
    <BrowserRouter basename="/nama-direktori">
      {/* lokasi router */}
    </BrowserRouter>
  );
}
@dirumahrafif
dirumahrafif / install-docker-ubuntu.md
Created February 16, 2024 22:44
Install Docker di Ubuntu
  1. Update Repository
sudo apt update
  1. Install Package Yang diperlukan
sudo apt install apt-transport-https ca-certificates curl software-properties-common -y
  1. Tambah GPG Key
@dirumahrafif
dirumahrafif / sortable.css
Created October 5, 2023 03:47
Make sortable icon in bootstrap
.table-sortable>thead>tr>th.sort {
cursor: pointer;
position: relative;
}
.table-sortable>thead>tr>th.sort:after,
.table-sortable>thead>tr>th.sort:after,
.table-sortable>thead>tr>th.sort:after {
content: ' ';
position: absolute;
@dirumahrafif
dirumahrafif / data-personil.html
Last active August 29, 2024 03:46
Form Data Personil
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Pegawai</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">