Skip to content

Instantly share code, notes, and snippets.

View Posandu's full-sized avatar
🎯
Focusing

Posandu Mapa Posandu

🎯
Focusing
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
* , :before , :after {
margin: 0;
@Posandu
Posandu / index.html
Created April 29, 2022 14:32
Ripple
<!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">
<style>
body {
padding: 100px;
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";
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";
@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 / 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 / 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 / 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 / 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 / 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>