/ var / www / html / persisst / PerSIsst-Lab-main / v5 / [ HOME SHELL ]

Name	Size	Permission
public	[ DIR ]	drwxr-xr-x
src	[ DIR ]	drwxr-xr-x
.gitignore	393 B	-rw-r--r--
README.md	1.42 KB	-rw-r--r--
components.json	418 B	-rw-r--r--
next.config.mjs	275 B	-rw-r--r--
package-lock.json	147.49 KB	-rw-r--r--
package.json	1.37 KB	-rw-r--r--
postcss.config.mjs	135 B	-rw-r--r--
tailwind.config.ts	4.29 KB	-rw-r--r--
tsconfig.json	636 B	-rw-r--r--

Code Editor : tailwind.config.ts

import type { Config } from "tailwindcss";
// const {
//   default: flattenColorPalette,
// } = require("tailwindcss/lib/util/flattenColorPalette");
 
const svgToDataUri = require("mini-svg-data-uri");
 
const colors = require("tailwindcss/colors");
const {
  default: flattenColorPalette,
} = require("tailwindcss/lib/util/flattenColorPalette");

const config: Config = {
    darkMode: ["class"],
    content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
  	animation: {
  		spotlight: 'spotlight 2s ease .75s 1 forwards',
  		scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite',
  		spin: 'spin 2s linear infinite',
  		shimmer: 'shimmer 2s linear infinite',
  		move: 'move 5s linear infinite',
  		aurora: 'aurora 60s linear infinite'
  	},
  	keyframes: {
  		spotlight: {
  			'0%': {
  				opacity: '0',
  				transform: 'translate(-72%, -62%) scale(0.5)'
  			},
  			'100%': {
  				opacity: '1',
  				transform: 'translate(-50%,-40%) scale(1)'
  			}
  		},
  		move: {
  			'0%': {
  				transform: 'translateX(-200px)'
  			},
  			'100%': {
  				transform: 'translateX(200px)'
  			}
  		},
  		scroll: {
  			to: {
  				transform: 'translate(calc(-50% - 0.5rem))'
  			}
  		},
  		spin: {
  			'0%': {
  				transform: 'rotate(0deg)'
  			},
  			'100%': {
  				transform: 'rotate(360deg)'
  			}
  		},
  		shimmer: {
  			from: {
  				backgroundPosition: '0 0'
  			},
  			to: {
  				backgroundPosition: '-200% 0'
  			}
  		},
  		aurora: {
  			from: {
  				backgroundPosition: '50% 50%, 50% 50%'
  			},
  			to: {
  				backgroundPosition: '350% 50%, 350% 50%'
  			}
  		}
  	},
  	extend: {
  		boxShadow: {
  			input: '`0px 2px 3px -1px rgba(0,0,0,0.1), 0px 1px 0px 0px rgba(25,28,33,0.02), 0px 0px 0px 1px rgba(25,28,33,0.08)`'
  		},
  		colors: {
  			background: 'var(--background)',
  			foreground: 'var(--foreground)'
  		},
  		borderRadius: {
  			lg: 'var(--radius)',
  			md: 'calc(var(--radius) - 2px)',
  			sm: 'calc(var(--radius) - 4px)'
  		},
  		keyframes: {
  			'accordion-down': {
  				from: {
  					height: '0'
  				},
  				to: {
  					height: 'var(--radix-accordion-content-height)'
  				}
  			},
  			'accordion-up': {
  				from: {
  					height: 'var(--radix-accordion-content-height)'
  				},
  				to: {
  					height: '0'
  				}
  			}
  		},
  		animation: {
  			'accordion-down': 'accordion-down 0.2s ease-out',
  			'accordion-up': 'accordion-up 0.2s ease-out'
  		}
  	}
  },
  plugins: [addVariablesForColors,
    function ({ matchUtilities, theme }: any) {
      matchUtilities(
        {
          "bg-dot-thick": (value: any) => ({
            backgroundImage: `url("${svgToDataUri(
              `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none"><circle fill="${value}" id="pattern-circle" cx="10" cy="10" r="2.5"></circle></svg>`
            )}")`,
          }),
          "bg-grid": (value: any) => ({
            backgroundImage: `url("${svgToDataUri(
              `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="${value}"><path d="M0 .5H31.5V32"/></svg>`
            )}")`,
          }),
          "bg-grid-small": (value: any) => ({
            backgroundImage: `url("${svgToDataUri(
              `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="8" height="8" fill="none" stroke="${value}"><path d="M0 .5H31.5V32"/></svg>`
            )}")`,
          }),
          "bg-dot": (value: any) => ({
            backgroundImage: `url("${svgToDataUri(
              `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none"><circle fill="${value}" id="pattern-circle" cx="10" cy="10" r="1.6257413380501518"></circle></svg>`
            )}")`,
          }),
        },
        { values: flattenColorPalette(theme("backgroundColor")), type: "color" }
      );
    },
      require("tailwindcss-animate")
],
};
export default config;
function addVariablesForColors({ addBase, theme }: any) {
  let allColors = flattenColorPalette(theme("colors"));
  let newVars = Object.fromEntries(
    Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
  );
 
  addBase({
    ":root": newVars,
  });
}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : tailwind.config.ts

Urban Research Lab