- Set up ESLint and Prettier for code quality - Split large script.js into modular architecture (DOM, animations, effects, easter-eggs, sound, interactions) - Organize assets into proper directory structure (assets/css, assets/js/modules, assets/images) - Add semantic HTML5 landmarks (header, main, nav, footer) - Implement ARIA labels and keyboard navigation for accessibility - Set up Vite build system with minification and optimization - Add CSS custom properties for design tokens - Create sitemap.xml and robots.txt for SEO - Add MIT LICENSE - Expand README with comprehensive documentation - Set up GitHub Actions CI/CD workflow - Optimize build output: ~59KB total (30KB image + 13KB CSS + 16KB JS gzipped) Co-authored-by: ZaneThePython <102631678+ZaneThePython@users.noreply.github.com>
48 lines
1001 B
JavaScript
48 lines
1001 B
JavaScript
import js from '@eslint/js';
|
|
import html from 'eslint-plugin-html';
|
|
import prettier from 'eslint-config-prettier';
|
|
|
|
export default [
|
|
js.configs.recommended,
|
|
prettier,
|
|
{
|
|
files: ['**/*.js', '**/*.html'],
|
|
plugins: {
|
|
html,
|
|
},
|
|
languageOptions: {
|
|
ecmaVersion: 'latest',
|
|
sourceType: 'module',
|
|
globals: {
|
|
console: 'readonly',
|
|
window: 'readonly',
|
|
document: 'readonly',
|
|
navigator: 'readonly',
|
|
requestAnimationFrame: 'readonly',
|
|
setTimeout: 'readonly',
|
|
setInterval: 'readonly',
|
|
clearInterval: 'readonly',
|
|
IntersectionObserver: 'readonly',
|
|
__dirname: 'readonly',
|
|
},
|
|
},
|
|
rules: {
|
|
'no-unused-vars': 'warn',
|
|
'no-console': 'off',
|
|
'prefer-const': 'warn',
|
|
'no-var': 'warn',
|
|
},
|
|
},
|
|
{
|
|
ignores: [
|
|
'node_modules/**',
|
|
'dist/**',
|
|
'build/**',
|
|
'*.min.js',
|
|
'*.min.css',
|
|
'script.js',
|
|
'styles.css',
|
|
],
|
|
},
|
|
];
|