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
440 followers · 0 following
View GitHub Profile
@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 October 5, 2023 04:03
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/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
@dirumahrafif
dirumahrafif / index.html
Created July 24, 2023 09:28
Belajar Javascript DOM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous" />
</head>
<body class="bg-dark">
<main class="container">
@dirumahrafif
dirumahrafif / tulisan.blade.php
Last active July 19, 2023 03:47
sample blade template to show tulisan
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
{{ __('Tulisan') }}
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
@dirumahrafif
dirumahrafif / index.blade.php
Last active May 23, 2023 17:06
Simple form to display data books
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Buku</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
@dirumahrafif
dirumahrafif / admin.blade.php
Created April 16, 2023 01:52
Simple Menu
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Admin</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
@dirumahrafif
dirumahrafif / login.blade.php
Last active April 29, 2024 11:02
Simple Login Form Using Blade
<!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">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<title>Login</title>
</head>
@dirumahrafif
dirumahrafif / index.html
Created January 11, 2023 23:03
form sederhana untuk melakukan pencarian kata kunci dengan menggunakan openai
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Create Your Image Here...</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous" />
</head>