Skip to content

Instantly share code, notes, and snippets.

View audinue's full-sized avatar

Audi Nugraha audinue

  • Surabaya, Jawa Timur, Indonesia
View GitHub Profile
@audinue
audinue / README.md
Last active February 8, 2025 22:40

Tailwind + Alpine.js Playground

127 0 0 1_3000_c__Users_HP_Desktop_play html (2)

<!DOCTYPE html>

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://cdn.tailwindcss.com"></script>
setSingletonImageLoaderFactory { context ->
ImageLoader.Builder(context)
.components {
add(object : Fetcher.Factory<Uri> {
override fun create(data: Uri, options: Options, imageLoader: ImageLoader): Fetcher? {
if (data.scheme?.startsWith("jar") == true && data.path?.endsWith(".svg") == true) {
return object : Fetcher {
override suspend fun fetch(): FetchResult? {
return SourceFetchResult(
source = ImageSource(
<div x-data="{ color: '#000000' }">
<div
class="rounded-sm size-4 relative cursor-pointer"
x-bind:style="'background-color: ' + color"
x-on:click="$refs.input.click()"
>
<input
x-ref="input"
type="color"
x-model="color"
@audinue
audinue / example-progress.css
Created January 27, 2025 15:20
Pure CSS top loading bar generator
@keyframes progress-run {
0% { transform: scaleX(0) }
0.38% { transform: scaleX(0.04) }
5.33% { transform: scaleX(0.07) }
11.19% { transform: scaleX(0.11) }
14.48% { transform: scaleX(0.15) }
16.74% { transform: scaleX(0.19) }
21.50% { transform: scaleX(0.22) }
23.52% { transform: scaleX(0.26) }
26.02% { transform: scaleX(0.30) }
We can make this file beautiful and searchable if this error is corrected: Unclosed quoted field in line 9.
Attribute,"Element(s)",Description,Value
abbr,th,"Alternative label to use for the header cell when referencing the cell in other contexts","Text *"
accept,input,"Hint for expected file type in file upload controls","Set of comma-separated tokens * consisting of valid MIME type strings with no parameters or audio/* , video/* , or image/*"
"accept-charset",form,"Character encodings to use for form submission","ASCII case-insensitive match for "" UTF-8 """
accesskey,"HTML elements","Keyboard shortcut to activate or focus element","Ordered set of unique space-separated tokens , none of which are identical to another, each consisting of one code point in length"
action,form,"URL to use for form submission","Valid non-empty URL potentially surrounded by spaces"
allow,iframe,"Permissions policy to be applied to the iframe 's contents","Serialized permissions policy"
allowfullscreen,iframe,"Whether to allow the iframe 's contents to use requestFullscreen()","Boolean attribute"
alpha,input,"Allow the color's alpha co
export interface Tag {
[name: string]: boolean | number | string | undefined
}
export interface A extends Tag {
accesskey?: string | undefined
charset?: string | undefined
class?: string | undefined
coords?: string | undefined
dir?: 'ltr' | 'rtl' | undefined
const changeTimeZone = (date: Date, timeZone: string) =>
new Date(
date.getTime() -
(date.getTime() -
new Date(date.toLocaleString("en-US", { timeZone })).getTime())
);
const dateTimeLocalValue = (date: Date) => {
const pad = (value: number) => value.toString().padStart(2, "0");
return (
{
"configurations": [
{
"name": "dev",
"request": "launch",
"runtimeExecutable": "pnpm",
"runtimeArgs": ["vite", "--host", "--open"],
"type": "node"
}
]
@audinue
audinue / sw.html
Last active October 31, 2024 08:53
Minimal service worker
<script>
navigator.serviceWorker.register('/sw.js').then(() => history.go(0))
</script>
@audinue
audinue / index.html
Last active August 31, 2024 19:20
Random path generator
<script>
var width = 5;
var height = 5;
var length = 10;
var possible_directions = [
[0, -1, "&uarr;"], // up
[0, 1, "&darr;"], // down
[-1, 0, "&larr;"], // left
[1, 0, "&rarr;"], // right