format prettier

.eslintrc.cjs

@@ -8,77 +8,77 @@
 module.exports = {
    root: true,
    parserOptions: {
-     ecmaVersion: "latest",
-     sourceType: "module",
-     ecmaFeatures: {
-       jsx: true,
-     },
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      ecmaFeatures: {
+         jsx: true,
+      },
    },
    env: {
-     browser: true,
-     commonjs: true,
-     es6: true,
+      browser: true,
+      commonjs: true,
+      es6: true,
    },
-   ignorePatterns: ["!**/.server", "!**/.client"],
- 
+   ignorePatterns: ['!**/.server', '!**/.client'],
+
    // Base config
-   extends: ["eslint:recommended"],
- 
+   extends: ['eslint:recommended'],
+
    overrides: [
-     // React
-     {
-       files: ["**/*.{js,jsx,ts,tsx}"],
-       plugins: ["react", "jsx-a11y"],
-       extends: [
-         "plugin:react/recommended",
-         "plugin:react/jsx-runtime",
-         "plugin:react-hooks/recommended",
-         "plugin:jsx-a11y/recommended",
-       ],
-       settings: {
-         react: {
-           version: "detect",
-         },
-         formComponents: ["Form"],
-         linkComponents: [
-           { name: "Link", linkAttribute: "to" },
-           { name: "NavLink", linkAttribute: "to" },
+      // React
+      {
+         files: ['**/*.{js,jsx,ts,tsx}'],
+         plugins: ['react', 'jsx-a11y'],
+         extends: [
+            'plugin:react/recommended',
+            'plugin:react/jsx-runtime',
+            'plugin:react-hooks/recommended',
+            'plugin:jsx-a11y/recommended',
          ],
-         "import/resolver": {
-           typescript: {},
+         settings: {
+            react: {
+               version: 'detect',
+            },
+            formComponents: ['Form'],
+            linkComponents: [
+               { name: 'Link', linkAttribute: 'to' },
+               { name: 'NavLink', linkAttribute: 'to' },
+            ],
+            'import/resolver': {
+               typescript: {},
+            },
          },
-       },
-     },
-
-     // Typescript
-     {
-       files: ["**/*.{ts,tsx}"],
-       plugins: ["@typescript-eslint", "import"],
-       parser: "@typescript-eslint/parser",
-       settings: {
-         "import/internal-regex": "^~/",
-         "import/resolver": {
-           node: {
-             extensions: [".ts", ".tsx"],
-           },
-           typescript: {
-             alwaysTryTypes: true,
-           },
+      },
+
+      // Typescript
+      {
+         files: ['**/*.{ts,tsx}'],
+         plugins: ['@typescript-eslint', 'import'],
+         parser: '@typescript-eslint/parser',
+         settings: {
+            'import/internal-regex': '^~/',
+            'import/resolver': {
+               node: {
+                  extensions: ['.ts', '.tsx'],
+               },
+               typescript: {
+                  alwaysTryTypes: true,
+               },
+            },
+         },
+         extends: [
+            'plugin:@typescript-eslint/recommended',
+            'plugin:import/recommended',
+            'plugin:import/typescript',
+         ],
+      },
+
+      // Node
+      {
+         files: ['.eslintrc.cjs'],
+         env: {
+            node: true,
          },
-       },
-       extends: [
-         "plugin:@typescript-eslint/recommended",
-         "plugin:import/recommended",
-         "plugin:import/typescript",
-       ],
-     },
-
-     // Node
-     {
-       files: [".eslintrc.cjs"],
-       env: {
-         node: true,
-       },
-     },
+      },
    ],
- };
+};

Dockerfile

@@ -45,4 +45,4 @@ COPY --from=build /app /app
 
 # Start the server by default, this can be overwritten at runtime
 EXPOSE 5173
-CMD [ "npm", "run", "start" ]
+CMD [ "npm", "run", "start" ]

app/components/CTA/ExpandableEventCards.tsx

@@ -32,10 +32,7 @@ export function ExpandableEventCards() {
 
    return (
       <>
-         <SectionIntro
-            className=""
-            title="Dive into the Archives"
-         >
+         <SectionIntro className="" title="Dive into the Archives">
             <p>
                Missed the latest <strong>DEVSA</strong> event? Catch up on the
                highlights and get a taste of the exciting tech community

app/components/CTA/Geekdom.tsx

@@ -19,7 +19,7 @@ export function Geekdom() {
                   <p className="mt-8 text-lg text-neutral-600 sm:text-balance sm:text-center sm:text-xl">
                      Professional, student, or simply passionate about
                      technology, you'll find a supportive community here.{' '}
-                     <strong className="bg-clip-text bg-no-repeat text-transparent bg-gradient-to-r py-4 from-purple-500 via-violet-500 to-pink-500 [text-shadow:0_0_rgba(0,0,0,0.1)]">
+                     <strong className="bg-gradient-to-r from-purple-500 via-violet-500 to-pink-500 bg-clip-text bg-no-repeat py-4 text-transparent [text-shadow:0_0_rgba(0,0,0,0.1)]">
                         <Link to="/coworking-space">
                            Learn more <span aria-hidden="true">→</span>
                         </Link>

app/components/CTA/Shop.jsx

@@ -21,7 +21,7 @@ export function ShopSection() {
          <SectionIntro title="Gear Up and Give Back!" invert={true}>
             <p>
                Show your DEVSA pride and support the local developer community
-               with our exclusive swag! Thanks to the 
+               with our exclusive swag! Thanks to the
                <strong>Python Software Foundation</strong> for allowing us to
                feature Python merch in our store
             </p>

app/components/CTA/SlideShow.tsx

@@ -21,62 +21,62 @@ export function SlideShow() {
 
    return (
       <>
-      <div className='pb-24 pt-16 sm:pb-32 sm:pt-24 md:pb-48 md:pt-32'>
-         <div className="relative h-screen w-full">
-            <ImagesSlider
-               images={images}
-               overlayClassName="absolute inset-0 bg-neutral-900 bg-opacity-60 z-10"
-            >
-               <motion.div
-                  initial={{
-                     opacity: 0,
-                     y: -80,
-                  }}
-                  animate={{
-                     opacity: 1,
-                     y: 0,
-                  }}
-                  transition={{
-                     duration: 0.6,
-                  }}
-                  className="z-50 mx-auto max-w-7xl text-center sm:mt-32"
+         <div className="pb-24 pt-16 sm:pb-32 sm:pt-24 md:pb-48 md:pt-32">
+            <div className="relative h-screen w-full">
+               <ImagesSlider
+                  images={images}
+                  overlayClassName="absolute inset-0 bg-neutral-900 bg-opacity-60 z-10"
                >
-                  <motion.h1
+                  <motion.div
                      initial={{
                         opacity: 0,
+                        y: -80,
                      }}
                      animate={{
                         opacity: 1,
-                        transition: {
-                           delay: 0.2,
-                        },
+                        y: 0,
                      }}
-                  >
-                     <span className="font-display mx-auto block max-w-5xl text-balance text-5xl font-medium tracking-tight text-white sm:text-6xl">
-                        <span className="">Built for Empowerment</span>
-                     </span>
-                  </motion.h1>
-                  <motion.p
-                     initial={{
-                        opacity: 0,
+                     transition={{
+                        duration: 0.6,
                      }}
-                     animate={{
-                        opacity: 1,
-                        transition: {
-                           delay: 0.3,
-                        },
-                     }}
-                     className="mx-auto mt-6 max-w-3xl text-balance text-center text-xl text-indigo-50"
+                     className="z-50 mx-auto max-w-7xl text-center sm:mt-32"
                   >
-                     Our mission is to empower the tech community with the
-                     tools, knowledge, and connections they need to thrive.
-                     Together, we'll write the next chapter of San Antonio's
-                     tech story
-                  </motion.p>
-               </motion.div>
-            </ImagesSlider>
+                     <motion.h1
+                        initial={{
+                           opacity: 0,
+                        }}
+                        animate={{
+                           opacity: 1,
+                           transition: {
+                              delay: 0.2,
+                           },
+                        }}
+                     >
+                        <span className="font-display mx-auto block max-w-5xl text-balance text-5xl font-medium tracking-tight text-white sm:text-6xl">
+                           <span className="">Built for Empowerment</span>
+                        </span>
+                     </motion.h1>
+                     <motion.p
+                        initial={{
+                           opacity: 0,
+                        }}
+                        animate={{
+                           opacity: 1,
+                           transition: {
+                              delay: 0.3,
+                           },
+                        }}
+                        className="mx-auto mt-6 max-w-3xl text-balance text-center text-xl text-indigo-50"
+                     >
+                        Our mission is to empower the tech community with the
+                        tools, knowledge, and connections they need to thrive.
+                        Together, we'll write the next chapter of San Antonio's
+                        tech story
+                     </motion.p>
+                  </motion.div>
+               </ImagesSlider>
+            </div>
          </div>
-      </div>
       </>
    );
 }

app/components/CTA/TheMission.jsx

@@ -5,10 +5,10 @@ import { GrayscaleTransitionImage } from '../ui/GrayscaleTransitionImage';
 export function MissionSection() {
    return (
       <>
-      <div className="pb-24 pt-16 sm:pb-32 sm:pt-24 md:pb-48 md:pt-32 space-y-24 [counter-reset:section] sm:space-y-32">
-         <Tech />
-         <Community />
-      </div>
+         <div className="space-y-24 pb-24 pt-16 [counter-reset:section] sm:space-y-32 sm:pb-32 sm:pt-24 md:pb-48 md:pt-32">
+            <Tech />
+            <Community />
+         </div>
       </>
    );
 }

app/components/images/Logo.tsx

@@ -38,8 +38,8 @@ export function Logo({ className }: { className?: string }) {
                strokeWidth={0}
             />
          </motion.g>
-         
-         <motion.g 
+
+         <motion.g
             strokeWidth={0}
             variants={{
                idle: { scale: 1, opacity: 1 },

app/components/ui/Button.tsx

@@ -1,46 +1,46 @@
-import * as Headless from '@headlessui/react'
-import { clsx } from 'clsx'
-import { Link } from '@remix-run/react'
+import * as Headless from '@headlessui/react';
+import { clsx } from 'clsx';
+import { Link } from '@remix-run/react';
 
 const variants = {
-  primary: clsx(
-    'inline-flex items-center justify-center px-4 py-[calc(theme(spacing.2)-1px)]',
-    'rounded-full border border-transparent bg-gray-950 shadow-md',
-    'whitespace-nowrap text-base font-medium text-white',
-    'data-[disabled]:bg-gray-950 data-[hover]:bg-gray-800 data-[disabled]:opacity-40',
-  ),
-  secondary: clsx(
-    'relative inline-flex items-center justify-center px-4 py-[calc(theme(spacing.2)-1px)]',
-    'rounded-full border border-transparent bg-white/15 shadow-md ring-1 ring-[#D15052]/15',
-    'after:absolute after:inset-0 after:rounded-full after:shadow-[inset_0_0_2px_1px_#ffffff4d]',
-    'whitespace-nowrap text-base font-medium text-gray-950',
-    'data-[disabled]:bg-white/15 data-[hover]:bg-white/20 data-[disabled]:opacity-40',
-  ),
-  outline: clsx(
-    'inline-flex items-center justify-center px-2 py-[calc(theme(spacing.[1.5])-1px)]',
-    'rounded-lg border border-transparent shadow ring-1 ring-black/10',
-    'whitespace-nowrap text-sm font-medium text-gray-950',
-    'data-[disabled]:bg-transparent data-[hover]:bg-gray-50 data-[disabled]:opacity-40',
-  ),
-}
+   primary: clsx(
+      'inline-flex items-center justify-center px-4 py-[calc(theme(spacing.2)-1px)]',
+      'rounded-full border border-transparent bg-gray-950 shadow-md',
+      'whitespace-nowrap text-base font-medium text-white',
+      'data-[disabled]:bg-gray-950 data-[hover]:bg-gray-800 data-[disabled]:opacity-40'
+   ),
+   secondary: clsx(
+      'relative inline-flex items-center justify-center px-4 py-[calc(theme(spacing.2)-1px)]',
+      'rounded-full border border-transparent bg-white/15 shadow-md ring-1 ring-[#D15052]/15',
+      'after:absolute after:inset-0 after:rounded-full after:shadow-[inset_0_0_2px_1px_#ffffff4d]',
+      'whitespace-nowrap text-base font-medium text-gray-950',
+      'data-[disabled]:bg-white/15 data-[hover]:bg-white/20 data-[disabled]:opacity-40'
+   ),
+   outline: clsx(
+      'inline-flex items-center justify-center px-2 py-[calc(theme(spacing.[1.5])-1px)]',
+      'rounded-lg border border-transparent shadow ring-1 ring-black/10',
+      'whitespace-nowrap text-sm font-medium text-gray-950',
+      'data-[disabled]:bg-transparent data-[hover]:bg-gray-50 data-[disabled]:opacity-40'
+   ),
+};
 
 type ButtonProps = {
-  variant?: keyof typeof variants
+   variant?: keyof typeof variants;
 } & (
-  | React.ComponentPropsWithoutRef<typeof Link>
-  | (Headless.ButtonProps & { to?: undefined })
-)
+   | React.ComponentPropsWithoutRef<typeof Link>
+   | (Headless.ButtonProps & { to?: undefined })
+);
 
 export function Button({
-  variant = 'primary',
-  className,
-  ...props
+   variant = 'primary',
+   className,
+   ...props
 }: ButtonProps) {
-  className = clsx(className, variants[variant])
+   className = clsx(className, variants[variant]);
 
-  if (typeof props.to === 'undefined') {
-    return <Headless.Button {...props} className={className} />
-  }
+   if (typeof props.to === 'undefined') {
+      return <Headless.Button {...props} className={className} />;
+   }
 
-  return <Link {...props} className={className} />
-}
+   return <Link {...props} className={className} />;
+}