S T shindigira

## index.html
  <nav>
        <button id="trigger" aria-label="Menu Toggle">
            <span></span><span></span><span></span>
        </button>

        <ul id='links' aria-expanded="false">
            <li>
                <a href="/">Home</a>
            </li>
            <li>

## npm-commands-scripts-life-cycle-phases.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / npm-commands-scripts-life-cycle-phases.md
            
            
              Created
              March 1, 2024 21:27
                — forked from dcleao/npm-commands-scripts-life-cycle-phases.md
            
              
                NPM Commands, Scripts, Life-cycle Phases
              
          
    NPM Commands, Scripts, Life-cycle Phases

The following describes the behaviour of several npm commands,
particularly w.r.t. the scripts that are run in each, for NPM version 6.5.0.
npm build <other-package-folder>


npm run preinstall
link binaries (node-gyp)
for each bin command in other package:


## ANSI.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / ANSI.md
            
            
              Created
              March 1, 2024 21:25
                — forked from fnky/ANSI.md
            
              
                ANSI Escape Codes
              
          
    ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

Ctrl-Key: ^[
Octal: \033
Unicode: \u001b
Hexadecimal: \x1B
Decimal: 27


## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Page Routing Demo</title>

		<script type="module" defer>
			import PageRouter from "./page-router.js";
			import RouterLink from "./router-link.js";

## Sidebar.jsx
import { MoreVertical, ChevronLast, ChevronFirst } from "lucide-react"
import { useContext, createContext, useState } from "react"

const SidebarContext = createContext()

export default function Sidebar({ children }) {
  const [expanded, setExpanded] = useState(true)

  return (
    <aside className="h-screen">

## tailwind_reset.css
@layer base {

  main {
    @apply container max-w-2xl mx-auto my-10 px-4 lg:px-0;
  }

  h1,
  h2,
  h3,
  h4,

## Carousel.jsx
import { useState, useEffect } from "react"
import { ChevronLeft, ChevronRight } from "react-feather"

export default function Carousel({
  children: slides,
  autoSlide = false,
  autoSlideInterval = 3000,
}) {
  const [curr, setCurr] = useState(0)

## remove-rubber-band-web-apps-ios
<!DOCTYPE html>
<html>
<head>
  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <style>
    html, body {margin: 0; padding: 0; overflow: hidden}

## useTypingEffect.ts
import { useState, useEffect } from 'react';

const useTypingEffect = (value: string) => {

  const [text, setText] = useState('');

  const [isAnimating, setIsAnimating] = useState(true);

  useEffect(() => {

## framer-motion-use-viewport-scroll-with-element-container.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / framer-motion-use-viewport-scroll-with-element-container.md
            
            
              Last active
              May 25, 2023 21:47
                — forked from coleturner/framer-motion-use-viewport-scroll-with-element-container.md
            
              
                (Framer Motion): useViewportScroll with element container
              
          
    Demo
Context

useViewportScroll is a great way to create a parallax effect as the page scrolls. In some cases however, we only want to scroll when an element is in the viewport area.
So for example, if we have a "landscape" scene, and want to animate the Sun object only when it's in view, we start with our useViewportScroll implementation:
function Sun(props) {
 const { scrollY, scrollYProgress } = useViewportScroll();
	<nav>
	<button id="trigger" aria-label="Menu Toggle">
	<span></span><span></span><span></span>
	</button>

	<ul id='links' aria-expanded="false">
	<li>
	<a href="/">Home</a>
	</li>
	<li>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Page Routing Demo</title>

	<script type="module" defer>
	import PageRouter from "./page-router.js";
	import RouterLink from "./router-link.js";
	@layer base {

	main {
	@apply container max-w-2xl mx-auto my-10 px-4 lg:px-0;
	}

	h1,
	h2,
	h3,
	h4,
	import { useState, useEffect } from "react"
	import { ChevronLeft, ChevronRight } from "react-feather"

	export default function Carousel({
	children: slides,
	autoSlide = false,
	autoSlideInterval = 3000,
	}) {
	const [curr, setCurr] = useState(0)
	import { useState, useEffect } from 'react';

	const useTypingEffect = (value: string) => {

	const [text, setText] = useState('');

	const [isAnimating, setIsAnimating] = useState(true);

	useEffect(() => {