Skip to content

Instantly share code, notes, and snippets.

View tnarla's full-sized avatar
🎮
prolly playing some games

Tru Narla tnarla

🎮
prolly playing some games
View GitHub Profile
@tnarla
tnarla / page.tsx
Created February 2, 2024 20:35
Valentine website
"use client";
import { useState } from "react";
export default function Page() {
const [noCount, setNoCount] = useState(0);
const [yesPressed, setYesPressed] = useState(false);
const yesButtonSize = noCount * 20 + 16;
const handleNoClick = () => {
setNoCount(noCount + 1);
@tnarla
tnarla / 8ball.tsx
Created November 7, 2023 20:08
8ball code!
"use client";
import { motion } from "framer-motion";
import { useCallback, useEffect, useRef, useState } from "react";
interface Todo {
text: string;
completed: boolean;
}
@tnarla
tnarla / about.html
Created November 2, 2023 19:46
Color transition animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Two</title>
<style>
.colors {
position: absolute;
inset: 0;
@tnarla
tnarla / fonts.txt
Created April 6, 2022 19:58
Available Fonts
SF Pro Display
Times New Roman
MonoLisa
Apple Braille
STIXSizeFiveSym
Gujarati MT
Bradley Hand
Academy Engraved LET
Georgia
PingFang SC
@tnarla
tnarla / useMediaQuery.tsx
Created November 8, 2021 20:57
useMediaQuery hook
import { ComponentProps, ReactNode, useEffect, useState } from 'react';
const Queries = {
xs: {
min: 0,
max: 639,
classNamesMin: 'block',
classNamesMax: 'block sm:hidden',
},
sm: {

Keybase proof

I hereby claim:

  • I am tnarla on github.
  • I am notfalse (https://keybase.io/notfalse) on keybase.
  • I have a public key whose fingerprint is ED17 D3DA 8A3E 0C3D 7040 4496 364A 8CBA 6EA7 3656

To claim this, I am signing this object: