Skip to content

Instantly share code, notes, and snippets.

View pierrenel's full-sized avatar
:shipit:

Pierre Nel pierrenel

:shipit:
View GitHub Profile
@pierrenel
pierrenel / useScrollProgress.js
Created July 11, 2019 19:15
useScrollProgress.js
import { useEffect, useState } from "react";
export default function useScrollProgress() {
const [width, setWidth] = useState(0);
useEffect(() => {
const onScroll = () => {
const {
scrollHeight,
clientHeight,

Keybase proof

I hereby claim:

  • I am pierrenel on github.
  • I am pn (https://keybase.io/pn) on keybase.
  • I have a public key whose fingerprint is EA3B ACC7 BAF4 9F15 32B2 7E95 EFA5 9619 4C66 6AC9

To claim this, I am signing this object:

@pierrenel
pierrenel / recover-schema.md
Created May 24, 2023 16:51 — forked from bjoerge/recover-schema.md
How to recover lost schema from *.sanity.studio.md

First, go to https://<yourname>.sanity.studio (or to the url of your studio if it's hosted elsewhere). Then open the developer console (usually by one of the keyboard shortcuts Command+Option+I, F12 or Control+Shift+I depending on what browser/platform you are using)

Steps

  1. Open the Sources tab
  2. Find the app.bundle.js file in the sidebar tree view.
  3. Hit the pretty print source button
  4. Locate your schema types by searching (e.g. try searching for one of your custom types) it in the source view.
@pierrenel
pierrenel / config.kdl
Created September 29, 2024 08:49
zellij poimandres theme
theme "poimandres"
themes {
poimandres {
bg "#1B1E28"
fg "#E4F0FB"
red "#D0679D"
green "#5DE4C7"
blue "#89DDFF"
yellow "#FFFAC2"
@pierrenel
pierrenel / index.html
Created March 15, 2025 13:00
Neuro Noise (GLSL Shader)
<div class="content">
<div class="section">
<div>
Neural Noise
</div>
</div>
<div class="section">
<div>
GLSL shader based on <a href="https://x.com/zozuar/" target="_blank">@zozuar</a> <a href="https://x.com/zozuar/status/1625182758745128981/" target="_blank">artwork</a>
</div>