Skip to content

Commit 7188526

Browse files
committed
add color wheels; run prettier; fix some bugs and layout issues
1 parent fde82e6 commit 7188526

31 files changed

+1221
-678
lines changed

.prettierrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"plugins": ["prettier-plugin-tailwindcss"]
3+
}

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@
44

55
## Description
66

7-
Several animation tests (mostly interactive!), primarily using the [Motion](https://motion.dev) animation library.
7+
Several animation tests (mostly interactive!), primarily using the [Motion](https://motion.dev) animation library.
88

99
## Technologies
1010

1111
This project was created using TypeScript, React, Vite, Tailwind CSS, and Motion.
1212

1313
## License
1414

15-
This repository uses an [MIT License ↗️](./LICENSE.txt).
15+
This repository uses an [MIT License ↗️](./LICENSE.txt).

eslint.config.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
import js from '@eslint/js'
2-
import globals from 'globals'
3-
import reactHooks from 'eslint-plugin-react-hooks'
4-
import reactRefresh from 'eslint-plugin-react-refresh'
5-
import tseslint from 'typescript-eslint'
6-
import { defineConfig, globalIgnores } from 'eslint/config'
1+
import js from "@eslint/js";
2+
import globals from "globals";
3+
import reactHooks from "eslint-plugin-react-hooks";
4+
import reactRefresh from "eslint-plugin-react-refresh";
5+
import tseslint from "typescript-eslint";
6+
import { defineConfig, globalIgnores } from "eslint/config";
77

88
export default defineConfig([
9-
globalIgnores(['dist']),
9+
globalIgnores(["dist"]),
1010
{
11-
files: ['**/*.{ts,tsx}'],
11+
files: ["**/*.{ts,tsx}"],
1212
extends: [
1313
js.configs.recommended,
1414
tseslint.configs.recommended,
@@ -20,4 +20,4 @@ export default defineConfig([
2020
globals: globals.browser,
2121
},
2222
},
23-
])
23+
]);

index.html

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,12 @@
33
<head>
44
<meta charset="UTF-8" />
55
<link rel="icon" href="" />
6-
<link rel="preconnect" href="https://fonts.googleapis.com">
7-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8-
<link href="https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
6+
<link rel="preconnect" href="https://fonts.googleapis.com" />
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap"
10+
rel="stylesheet"
11+
/>
912
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1013
<title>Animation Experimentation</title>
1114
</head>

package-lock.json

Lines changed: 130 additions & 33 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,15 @@
66
"scripts": {
77
"dev": "vite",
88
"build": "tsc -b && vite build",
9+
"prettier": "prettier --write .",
910
"lint": "eslint .",
1011
"preview": "vite preview"
1112
},
1213
"dependencies": {
1314
"@emotion/react": "^11.14.0",
1415
"@emotion/styled": "^11.14.1",
1516
"@mui/icons-material": "^7.3.8",
16-
"@mui/material": "^7.3.8",
17+
"@mui/material": "^7.3.9",
1718
"@tailwindcss/vite": "^4.2.1",
1819
"motion": "^12.34.3",
1920
"react": "^19.2.0",
@@ -32,6 +33,8 @@
3233
"eslint-plugin-react-hooks": "^7.0.1",
3334
"eslint-plugin-react-refresh": "^0.4.24",
3435
"globals": "^16.5.0",
36+
"prettier": "^3.8.1",
37+
"prettier-plugin-tailwindcss": "^0.7.2",
3538
"typescript": "~5.9.3",
3639
"typescript-eslint": "^8.48.0",
3740
"vite": "^7.3.1"

public/color-wheel/blue.svg

Lines changed: 10 additions & 0 deletions
Loading

public/color-wheel/green.svg

Lines changed: 10 additions & 0 deletions
Loading

public/color-wheel/orange.svg

Lines changed: 10 additions & 0 deletions
Loading

public/color-wheel/rainbow.svg

Lines changed: 10 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)