Eronred

import { motion } from 'framer-motion'
import React from 'react'

const images = [
    {
        src: 'https://a0.muscache.com/im/pictures/miso/Hosting-2810308/original/a653d85a-1a97-45d7-a213-78ef2286122a.jpeg?im_w=720',
        alt: 'Tree'
    },
    {
        src: 'https://a0.muscache.com/im/pictures/2cc58022-2004-4034-a281-22fb622e7461.jpg?im_w=720',

ixahmedxi

{
  // open json editor for settings
  "workbench.settings.editor": "json",

  // Theme
  "workbench.colorTheme": "Aura Dark",
  "workbench.iconTheme": "moxer-icons",

  // Change font
  "editor.fontFamily": "Geist Mono",

jh3y

:root {
    --none: linear(0, 1);
    --power1-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 );
    --power1-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 );
    --power1-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 );
    --power2-in: linear( 0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1 );
    --power2-out: linear( 0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1 );
    --power2-in-out: linear( 0, 0.0036 9.62%, 0.0185 16.66

alanbosco

// gspa plugin like SplitText3.min.js CustomEase3.min.js
// !!!! ALWAYS SUPPORT THE DEVELOPERS, GSAP IS THE BEST TOOL OUT THERE. !!!!
// THIS IS FOR EDUCATION PURPOSE ONLY!

// Gsap script check for your  window.location.href to identify if you're on a allowed site list.
// these list are in a array for charcter code 
// [103, 114, 101, 101, 110, 115, 111, 99, 107, 46, 99, 111, 109] === 'greensock.com'
// you can add your domain aswell in this array. 

// Plugins are minified use https://beautifier.io/ or any other site to get a readble code.

nexxeln

env:
  TERM: xterm-256color

font:
  size: 14
  normal:
    family: "Dank Mono"
    style: Regular
  bold:
    style: Bold

DonHuskini

// -------------------------
// useMediaQuery

import { useState, useEffect, useLayoutEffect } from "react";

export function useMediaQuery(query: string) {
  const [matches, setMatches] = useState(false);

  useEffect(() => {
    const media = window.matchMedia(query);

amit08255

bspwm/sxhkd cheat sheet

Common keys

whoisryosuke

import React, { memo } from 'react'
import styled from 'styled-components'
import { t, ti } from '../../utils/getTheme'

interface Props {
  variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
  children: JSX.Element
  as?: JSX.Element
}

clarkphp

Set default branch name for new repositories to "main"

git version 2.28+

$ git config --global init.defaultBranch main

git version 2.27 or less

fworks

Steps:

1. Download the latest zsh package: https://packages.msys2.org/package/zsh?repo=msys&variant=x86_64

Example:

zsh-5.7.1-1-x86_64.pkg.tar.xz