clean up; prepare for github

Author: CharlieLeee

.eslintignore

@@ -0,0 +1,7 @@
+node_modules
+.next
+out
+dist
+build
+coverage
+.turbo

.eslintrc.cjs

@@ -0,0 +1,78 @@
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2021,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  extends: [
+    'next/core-web-vitals',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'plugin:tailwindcss/recommended',
+  ],
+  plugins: ['@typescript-eslint', 'jsx-a11y', 'import', 'tailwindcss'],
+  settings: {
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+        project: './tsconfig.json',
+      },
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
+  rules: {
+    // Import organization
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+        'newlines-between': 'always',
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+      },
+    ],
+    'import/no-duplicates': 'error',
+    'import/no-unresolved': 'error',
+
+    // TypeScript
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    '@typescript-eslint/no-explicit-any': 'warn',
+
+    // Accessibility
+    'jsx-a11y/anchor-is-valid': [
+      'error',
+      {
+        components: ['Link'],
+        specialLink: ['hrefLeft', 'hrefRight'],
+        aspects: ['invalidHref', 'preferButton'],
+      },
+    ],
+
+    // Tailwind
+    'tailwindcss/no-custom-classname': 'off', // Allow custom classes from shadcn
+    'tailwindcss/classnames-order': 'warn',
+  },
+};

.eslintrc.json

@@ -0,0 +1,53 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build with Next.js
+        run: npm run build
+        env:
+          NODE_ENV: production
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/deploy.yml

@@ -0,0 +1 @@
+20

.nvmrc

@@ -0,0 +1,6 @@
+.next
+out
+node_modules
+package-lock.json
+public
+*.md

.prettierignore

@@ -0,0 +1,9 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

.prettierrc

@@ -1,36 +1,83 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Mathis Group Website
+
+A polished, production-ready research lab website with a clean, calm visual language inspired by modern research websites. Built with Next.js 14, Tailwind CSS, and shadcn/ui.
+
 
 ## Getting Started
 
-First, run the development server:
+### Prerequisites
+
+- Node.js 18+
+- npm or pnpm
+
+### Installation
 
 ```bash
+# Install dependencies
+npm install
+
+# Run development server
 npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+
+# Build for production
+npm run build
+
+# Preview production build
+npx serve out
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+The site will be available at [http://localhost:3000](http://localhost:3000).
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+## Content Management
 
-## Learn More
+### Adding Team Members
 
-To learn more about Next.js, take a look at the following resources:
+Edit `data/people.json`:
+
+```json
+{
+  "id": "unique-id",
+  "name": "Name",
+  "role": "PhD Student",
+  "project": "Research focus",
+  "tags": ["tag1", "tag2"],
+  "links": {
+    "scholar": "url",
+    "github": "url"
+  }
+}
+```
+
+### Adding Publications
+
+Edit `data/publications.json`:
+
+```json
+{
+  "id": "unique-id",
+  "title": "Paper Title",
+  "authors": ["Author 1", "Author 2"],
+  "year": 2024,
+  "venue": "Conference/Journal",
+  "type": "conference|journal|preprint",
+  "tags": ["tag1", "tag2"],
+  "featured": true,
+  "links": {
+    "arxiv": "url",
+    "github": "url"
+  }
+}
+```
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+### Adding Research Areas
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+Edit `data/research.json` to add or modify research directions.
 
-## Deploy on Vercel
+## Contributing
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+This is a research lab website. For updates or corrections:
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+1. Create a feature branch
+2. Make your changes
+3. Submit a pull request

README.md

@@ -0,0 +1,112 @@
+import { Trophy } from "lucide-react"
+
+import { Badge } from "@/components/ui/badge"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+
+export const metadata = {
+  title: "Awards | Mathis Group",
+  description: "Recognition and awards received by the Mathis Group.",
+}
+
+export default function AwardsPage() {
+  const awards = [
+    {
+      date: "October 2024",
+      title: "Robert Bing Prize",
+      organization: "Swiss Academy of Medical Sciences (SAMS)",
+      recipients: "Mackenzie and Alexander Mathis",
+      description: "Honored for groundbreaking contributions to the intersection of neuroscience and machine learning",
+      type: "Prize"
+    },
+    {
+      date: "September 2024",
+      title: "HackaHealth Award",
+      organization: "HackaHealth",
+      recipients: "Merkourios Simos",
+      description: "Received for his Master's thesis in the lab on imitation learning",
+      type: "Award"
+    },
+    {
+      date: "July 2023",
+      title: "Eric Kandel Young Neuroscientists Prize 2023",
+      organization: "Eric Kandel Foundation",
+      recipients: "Mackenzie W. Mathis and Alexander Mathis",
+      description: "For uncovering the theoretical and neural basis of mechanisms underlying adaptive behaviour in intelligent systems. They developed the first animal pose estimation computer vision tool that requires little user input data.",
+      type: "Prize"
+    },
+    {
+      date: "December 2023",
+      title: "MyoChallenge Track Winner at NeurIPS 2023",
+      organization: "NeurIPS",
+      recipients: "Team Lattice (Alessandro Marin Vargas, Alberto Chiappa, Alexander Mathis)",
+      description: "Through the application of curriculum learning, reward shaping, and Lattice-driven exploration, they successfully trained a policy to control a biologically-realistic arm equipped with 63 muscles and 27 degrees of freedom.",
+      type: "Competition"
+    },
+    {
+      date: "December 2022",
+      title: "Inaugural MyoChallenge Winner at NeurIPS 2022",
+      organization: "NeurIPS",
+      recipients: "Alberto Chiappa, Nisheet Patel, Pablo Tano, Alexandre Pouget, Alexander Mathis",
+      description: "Winning solution for the inaugural NeurIPS MyoChallenge. See the Neuron paper discussing the solution and implications for biological motor control.",
+      type: "Competition"
+    }
+  ]
+
+  return (
+    <div className="flex flex-col">
+      {/* Header */}
+      <section className="bg-muted/30 py-24">
+        <div className="section-container">
+          <div className="mx-auto max-w-2xl text-center">
+            <Trophy className="mx-auto mb-6 size-12 text-primary" />
+            <h1 className="text-4xl font-bold tracking-tight sm:text-5xl">
+              Awards & Recognition
+            </h1>
+            <p className="mt-6 text-lg leading-8 text-muted-foreground">
+              Recognition for our contributions to neuroscience and machine learning
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Awards List */}
+      <section className="py-16 lg:py-24">
+        <div className="section-container max-w-4xl">
+          <div className="space-y-8">
+            {awards.map((award, index) => (
+              <Card key={index} className="transition-all hover:shadow-soft-lg">
+                <CardHeader>
+                  <div className="flex items-start justify-between gap-4">
+                    <div className="flex-1">
+                      <div className="mb-2 flex items-center gap-3">
+                        <Badge variant="outline">{award.date}</Badge>
+                        <Badge variant="secondary">{award.type}</Badge>
+                      </div>
+                      <CardTitle className="text-2xl">{award.title}</CardTitle>
+                      <CardDescription className="mt-1 text-base">
+                        {award.organization}
+                      </CardDescription>
+                    </div>
+                  </div>
+                </CardHeader>
+                <CardContent>
+                  <div className="space-y-3">
+                    <div>
+                      <p className="mb-1 text-sm font-medium text-muted-foreground">Recipients:</p>
+                      <p className="text-sm">{award.recipients}</p>
+                    </div>
+                    <div>
+                      <p className="text-sm leading-relaxed text-muted-foreground">
+                        {award.description}
+                      </p>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        </div>
+      </section>
+    </div>
+  )
+}