Skip to content

Instantly share code, notes, and snippets.

@lifthrasiir
Created September 16, 2024 07:30
Show Gist options
  • Save lifthrasiir/f46725d3e9e9d055da40b3de4b3a3232 to your computer and use it in GitHub Desktop.
Save lifthrasiir/f46725d3e9e9d055da40b3de4b3a3232 to your computer and use it in GitHub Desktop.
Use nothing but a vanilla HTML/CSS/JS to rewrite https://usenothing.com/ in a single file (including the webfont)
<base target=_blank><style>*{box-sizing:border-box;padding:0;margin:0}:root{color:#a1a1aa;background:#09090b;font:1.2rem Crimson Text,serif}::selection{color:#fafafa;background:#3f3f46}strong,output{font-weight:normal;color:#fafafa}output{font-family:Courier New,monospace}body{width:90%;max-width:550px;margin:120px auto}p,svg{margin-bottom:12px}p:has(~hr){font-size:1.2rem}hr{width:50px;height:1px;background:#27272a;border:0;margin:50px 0}hr~*{line-height:1.7}hr~p{text-indent:24px;margin-bottom:24px}a{color:#fafafa;text-decoration:underline dotted #71717a}aside{position:fixed;bottom:20px;left:0;width:100%;pointer-events:none}#A{width:-moz-max-content;width:max-content;max-width:90%;padding:12px 16px;margin:0 auto;font:0.74rem Inter,Arial,sans-serif;line-height:1.6;color:#a1a1aa;background-color:#18181b;border:1px solid #27272a;opacity:var(--o,0);transform:translateY(calc(20px*(1 - var(--o))))}/* fonttools subset CrimsonText-Regular.ttf --unicodes="U+0020,U+0027,U+002C-002E,U+0030-0039,U+0041-005A,U+0061-007A,U+2014,U+2019" --no-hinting --layout-features-=locl,dnom,numr --flavor=woff2 --with-zopfli */@font-face{font-family:Crimson Text;src:url(data:font/woff2;base64,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)}</style><p><svg width=30 height=30><path d=M0,0H30V30H0V0H6V24H24V6H0 fill=white /></svg><p>Greetings, Stranger.<p><strong>Ease your mind.<br>Settle into silence.<br>And simply do nothing.</strong><p>You've been idle for <span id=T><output>000</output> seconds</span>.<hr><p>Nothing—a timer that tracks your intentional choice to do... nothing. No goals to chase, no notifications clamoring for your attention, no pressure to fill the silence with productivity. It simply exists, quietly counting each second you allow to pass. This is a space where inactivity is the point—a digital oasis amidst the chaos of endless tasks and to-dos.<p>Yet the essence of Nothing isn't about fixating on your screen, though you're welcome to if you wish. It's about setting aside your phone or computer, taking a step back from the relentless grind, and reconnecting with the world around you. Nothing is more a concept than an app—a quiet reflection rather than a tool to be used. It stands as a gentle rebellion against the incessant noise of modern life, which demands constant action.<p>Stay as long as you like, watch the seconds tick away, or let your gaze wander elsewhere. There's no reward for lingering, just the peculiar pleasure of simply being. Sometimes, the most profound act is to pause, breathe, and do nothing at all—a reminder that it's perfectly acceptable to embrace stillness and just... be.<div>Created by <a href=https://x.com/remvze rel=noreferrer>Maze</a>.<br>Code available on <a href=https://github.com/remvze/nothing rel=noreferrer>GitHub</a>.</div><aside><div id=A>That’s definitely something—let’s try nothing.<script>CSS.registerProperty({name:'--o',syntax:'<number>',inherits:false,initialValue:t=i=j=0});u=t=>T.innerHTML=`<output>${t.toLocaleString("en-US",{minimumIntegerDigits:3,useGrouping:true})}</output> second${t-1?'s':''}`;r=r=>i=r?clearInterval(i,u(t=0)):i||setInterval(_=>u(++t),1e3);a=o=>A.animate({'--o':[o,1-o]},{duration:300,fill:'forwards'});d=document.documentElement;(d.onvisibilitychange=_=>r(document.hidden))(d.onmousemove=d.onresize=d.onscroll=d.onselectionchange=d.onvisibilitychange=_=>j=setTimeout(_=>a(1).onfinish=_=>j=0,5e3,r(1),r(),j?clearTimeout(j):a(0)))</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment