A responsive website showcasing Addison Gaylord's softball statistics, achievements, and recruiting information. Features automated Threads social media integration and modern SASS-based styling.

• 📊 Comprehensive softball statistics tracking
• 📱 Responsive design (mobile-first approach)
• 🔗 Automated Threads social media integration
• 📄 Downloadable recruiting materials and contact information
• 🎨 Modern SASS-based CSS architecture
• ⚙️ Automated token refresh via GitHub Actions

To build and develop this project, you'll need:

• Node.js (v16 or higher) - Download here
• npm (comes with Node.js)

1. Install Node.js if not already installed
2. Clone/download this repository
3. Install dependencies:

   npm install

4. Build CSS from SASS:

   npm run build:css

5. For development (with automatic rebuilding):

   npm run watch:css

├── src/scss/           # SASS source files
│   ├── base/          # Variables, mixins, base styles
│   ├── components/    # Component-specific styles
│   ├── layout/        # Layout components (header, footer)
│   └── main.scss      # Main SASS entry point
├── data/              # JSON data files
├── img/               # Images and gallery
├── downloads/         # Downloadable files
├── .github/workflows/ # GitHub Actions
└── style.css          # Compiled CSS output

The website automatically displays recent Threads posts. Setup requires:

1. Threads Developer Account and App ID
2. GitHub Secrets configuration:
   • THREADS_APP_ID
   • THREADS_APP_SECRET
3. Automated token refresh runs every 30 days

See THREADS_SETUP.md for detailed configuration instructions.

• Edit SASS files in src/scss/ directory
• Run build command to compile CSS: npm run build:css
• Use watch mode for development: npm run watch:css
• Open index.html in browser to view changes

The site is static HTML/CSS/JavaScript and can be deployed to any web hosting service:

• GitHub Pages
• Netlify
• Vercel
• Traditional web hosting

• HTML5 with semantic markup
• Bootstrap 5 for responsive grid and components
• SASS/SCSS for organized, maintainable CSS
• Vanilla JavaScript ES6+ with async/await
• Meta Threads API for social media integration
• GitHub Actions for automation