Skip to content

Instantly share code, notes, and snippets.

View fiqryq's full-sized avatar
🏠
working from home.

Fiqry choerudin fiqryq

🏠
working from home.
View GitHub Profile
<div class="w-screen h-screen p-12">
<div class="grid grid-cols-2 gap-2">
<div class="flex items-center p-2 cursor-pointer w-full relative">
<input type="radio" name="radio" id="radio-one" class="w-5 h-5 cursor-pointer peer z-10" />
<label for="radio-one" class="pl-8 border-[1px] rounded-md p-2 left-0 w-full absolute peer-checked:bg-slate-200 cursor-pointer">Radio One</label>
</div>
<div class="flex items-center p-2 cursor-pointer w-full relative">
<input type="radio" name="radio" id="radio-two" class="w-5 h-5 cursor-pointer peer z-10" />
@fiqryq
fiqryq / useScroll.tsx
Created April 17, 2022 15:35
detect scrool y offset.
const [scroll, serScroll] = useState(false);
const handleScroll = () => {
if (scroll !== (window.pageYOffset > 0)) {
serScroll(!scroll);
}
};
useEffect(() => {
window.addEventListener('scroll', handleScroll);
@fiqryq
fiqryq / useWindows.ts
Created April 7, 2022 13:18
width canvas listener custom hooks
import React from 'react'
export const useWindows = () => {
const [size, setSize] = React.useState([window.innerWidth])
React.useEffect(() => {
const handleResize = () => {
setSize([window.innerWidth])
}
window.addEventListener('resize', handleResize)
return () => {
window.addEventListener('resize', handleResize)
@fiqryq
fiqryq / play.css
Created February 9, 2022 10:01
hide play button embbed video
*::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
}
/* Old shadow dom for play button */
*::-webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
@fiqryq
fiqryq / sponsor.ts
Last active November 21, 2022 06:17
const sponsor:Array<string> = [
'https://ko-fi.com/fiqryq',
'https://saweria.co/fiqryq',
]
export default sponsor
@fiqryq
fiqryq / config.json
Last active December 29, 2021 06:43
server {
listen 127.0.0.1:443 ssl;
server_name site1.example.com;
include common.conf;
location / {
proxy_pass http://127.0.0.2:8081;
}
}
{
"embed": {
"thumbnail": {
"url": "https://cdn.discordapp.com/embed/avatars/0.png"
},
"author": {
"name": "author name",
"url": "https://discordapp.com",
"icon_url": "https://cdn.discordapp.com/embed/avatars/0.png"
},
@fiqryq
fiqryq / seturl.txt
Created August 11, 2021 09:46
set new origin git repository
$ git remote set-url <remote_name> <remote_url>
@fiqryq
fiqryq / laravelFormater.php
Created August 10, 2021 01:25
Laravel response formater
<?php
namespace App\Helpers;
/**
* Format response.
*/
class ResponseFormatter
{
/**
@fiqryq
fiqryq / index.js
Created August 1, 2021 14:18
File medium gist express router
const express = require("express");
const router = express.Router();
router.get("/", (req, res) => {
res.send("Hello World");
});
router.get("/about", (req, res) => {
res.send("Hello from about");
});