Skip to content

Instantly share code, notes, and snippets.

View Posandu's full-sized avatar
🎃
Open to work!

Posandu Mapa Posandu

🎃
Open to work!
87 followers · 8 following
View GitHub Profile
@Posandu
Posandu / offsetmodal.html
Created July 3, 2024 10:28
offset modal
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Smooth Modal Animation with Scroll Effects</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/ress.min.css"
/>
@Posandu
Posandu / Bypass NSFW channel restriction on discord.md
Last active April 19, 2024 13:17
Bypass NSFW channel restriction on discord

Run the below script on your console.

webpackChunkdiscord_app.push([[''],{},e=>{m=[];for(let c in e.c)m.push(e.c[c])}]);m.map(g=>g.exports?.default?.getCurrentUser).filter(Boolean)[0]().nsfwAllowed = true
@Posandu
Posandu / tailwind_md_all_colours.js
Last active September 1, 2023 17:03 — forked from davidpiesse/tailwind_md_all_colours.js
A colour set for Tailwind CSS that include all Material Design Colours, shades, accents and contrast colours
// https://davidpiesse.github.io/tailwind-md-colours/
//
//Notes
//
//All colours are generated from Material Design Docs
//Colours have a base, a set of shades (50-900) accent colours
//In addition a companion set of contrast colours are included for colouring text / icons
// Example usage
// class="w-full bg-red-600 text-red-600-constrast"
@Posandu
Posandu / ipfs.html
Created September 19, 2022 08:29
ipfs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="add">ADD</button>
@Posandu
Posandu / infinite-scroll-js.html
Created August 22, 2022 12:04
Infinite scroll in JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
*,
@Posandu
Posandu / vite.config.js
Created July 6, 2022 11:56
Stylify config for React-vite
import { defineConfig } from "vite";
import { vitePlugin } from "@stylify/unplugin";
import react from "@vitejs/plugin-react";
const stylifyPlugin = vitePlugin({
transformIncludeFilter: (id) =>
id.endsWith("js") ||
id.endsWith("ts") ||
id.endsWith("tsx") ||
id.endsWith("jsx"),
@Posandu
Posandu / discord-color-palette.js
Last active August 19, 2022 10:01
Discord colors
const red = {
50: "#ffebee",
100: "#ffcdd2",
200: "#ef9a9a",
300: "#e57373",
400: "#ef5350",
500: "#f44336",
600: "#e53935",
700: "#d32f2f",
800: "#c62828",
@Posandu
Posandu / wysiwyg-editor.html
Last active May 12, 2022 15:51
wysiwyg editor
<!DOCTYPE html>
<html>
<head>
<style>
*,
*::before,
*::after {
box-sizing: border-box;
}
@Posandu
Posandu / uikit.html
Created May 12, 2022 08:03
Dead UI kit
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*,
@Posandu
Posandu / canvas effect.js
Created May 8, 2022 13:01
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
canvas.style.position = "fixed";
canvas.style.top = 0;
canvas.style.left = 0;
canvas.style.backgroundColor = "#000";