Skip to content

Instantly share code, notes, and snippets.

View linuz90's full-sized avatar

Fabrizio Rinaldi linuz90

103 followers · 11 following
View GitHub Profile
@linuz90
linuz90 / scroll-masking.css
Created November 4, 2025 14:23
Tailwind Scroll Masking Utils
/* ----------------------------- Scroll Masking ----------------------------- */
/* Custom properties for scroll-driven mask animations */
@property --mask-up-fade {
syntax: "<length>";
inherits: false;
initial-value: 0;
}
@property --mask-down-fade {
@linuz90
linuz90 / react.code-snippets
Created March 24, 2022 18:10
{
// To install, open Command Palette, and then: Configure user snippets → New Global Snippets file
// Paste this snippet:
"Create Story": {
"scope": "javascript,javascriptreact,typescript,typescriptreact",
"prefix": "story",
"body": [
"import { ComponentMeta } from '@storybook/react';",
"import React from 'react';",
@linuz90
linuz90 / Plausible Live Stats.scriptable
Last active November 17, 2024 21:13
iOS widget to display a live visitors count with Plausible analytics and Scriptable.
// Configuration
// You'll be able to set the domain when adding/editing the widget
// Make sure the stats are public on Plausible
const namespace = args.widgetParameter || "plausible.io"
const displayName = namespace.slice(0,namespace.lastIndexOf("."))
const accentColor = new Color("#CCCCCC")
// LineChart by https://kevinkub.de/
// Used as the widget background
class LineChart {
@linuz90
linuz90 / better-roam-research.css
Last active September 11, 2025 03:00
Better Roam Research CSS
:root {
--font-size: 15.5px;
--border-color: rgba(0, 0, 0, 0.08);
--subtle-border-color: rgba(0, 0, 0, 0.05);
--main-background-color: hsl(210, 9%, 98%);
--body-background-color: #ffffff;
--reference-item-background: hsl(0, 0%, 99%);
--brackets-color: rgba(0, 0, 0, 0.25);
--empty-text-color: hsl(203, 12%, 75%); }
@linuz90
linuz90 / keybase.md
Created November 25, 2019 01:05

Keybase proof

I hereby claim:

  • I am linuz90 on github.
  • I am linuz90 (https://keybase.io/linuz90) on keybase.
  • I have a public key ASBJOKciLGu7frD_rHJKUBGOdpv-cJqBvBQ82pM-R4h8jAo

To claim this, I am signing this object:

@linuz90
linuz90 / animation.json
Created August 17, 2018 13:31
{"v":"4.5.9","fr":29.9700012207031,"ip":0,"op":150.000006109625,"w":800,"h":600,"ddd":0,"assets":[],"layers":[{"ddd":0,"ind":0,"ty":4,"nm":"Heart Drain","td":1,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"n":"0_1_0p167_0p167","t":140,"s":[400,300,0],"e":[400,440,0],"to":[0,23.3333339691162,0],"ti":[0,-23.3333339691162,0]},{"t":155.000006313279}]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[162.414,162.414]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"st","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":1},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-2.793,-0.793],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":