added new website template

Author: AlBovo

.github/workflows/deploy.yml

@@ -1,42 +1,51 @@
-name: Publish to GH Pages
+name: Deploy to GitHub Pages
+
 on:
   push:
-    branches:
-      - main
+    branches: [ main ]
   pull_request:
+    branches: [ main ]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
 
 jobs:
-  deploy:
-    permissions:
-      contents: write
+  build:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout source
-        uses: actions/checkout@v3
-        with:
-          submodules: true
+      - name: Checkout
+        uses: actions/checkout@v4
 
-      - name: Checkout destination
-        uses: actions/checkout@v3
-        if: github.ref == 'refs/heads/main'
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          ref: gh-pages
-          path: built-site
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
 
-      - name: Setup Hugo
-        run: |
-          curl -L -o /tmp/hugo.tar.gz 'https://github.com/gohugoio/hugo/releases/download/v0.140.2/hugo_extended_0.140.2_linux-amd64.tar.gz'
-          tar -C ${RUNNER_TEMP} -zxvf /tmp/hugo.tar.gz hugo
       - name: Build
-        run: ${RUNNER_TEMP}/hugo
-
-      - name: Deploy
-        if: github.ref == 'refs/heads/main'
-        run: |
-          cp -R public/* ${GITHUB_WORKSPACE}/built-site/
-          cd ${GITHUB_WORKSPACE}/built-site
-          git add .
-          git config user.name 'Alan Davide Bovo'
-          git config user.email '[email protected]'
-          git commit -m 'Updated site'
-          git push
+        run: npm run build
+
+      - 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

.gitignore

@@ -1,28 +1,27 @@
-# Compiled Object files, Static and Dynamic libs (Shared Objects)
-*.o
-*.a
-*.so
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# Folders
-_obj
-_test
+# dependencies
+/node_modules
 
-# Architecture specific extensions/prefixes
-*.[568vq]
-[568vq].out
+# next.js
+/.next/
+/out/
 
-*.cgo1.go
-*.cgo2.c
-_cgo_defun.c
-_cgo_gotypes.go
-_cgo_export.*
+# production
+/build
 
-_testmain.go
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
 
-*.exe
-*.test
+# env files
+.env*
 
-/public
-.DS_Store
-.hugo_build.lock
-resources/_gen/
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.gitmodules

@@ -0,0 +1,164 @@
+# Blaisone CTF Team Website
+
+A modular static website for the Blaisone CTF team, built with Next.js and designed for easy content management through JSON configuration files.
+
+## Features
+
+- **Static Export**: Optimized for deployment on any static hosting service
+- **Modular Design**: Easy to add/remove components and content
+- **JSON-Driven Content**: Update team members, sponsors, and writeups through simple JSON files
+- **Responsive Design**: Works perfectly on desktop and mobile devices
+- **SEO Optimized**: Built with Next.js best practices for search engine optimization
+- **Dark Mode**: Default dark theme with light and system theme options
+
+## Deployment
+
+### GitHub Pages (Automatic)
+
+This repository is configured for automatic deployment to GitHub Pages:
+
+1. **Enable GitHub Pages**:
+   - Go to your repository settings
+   - Navigate to "Pages" section
+   - Under "Source", select "GitHub Actions"
+
+2. **Automatic Deployment**:
+   - Every push to the `main` branch triggers a deployment
+   - The site will be available at `https://[username].github.io/[repository-name]`
+
+3. **Manual Deployment**:
+   - Go to the "Actions" tab in your repository
+   - Click "Deploy to GitHub Pages" workflow
+   - Click "Run workflow" to manually trigger a deployment
+
+### Local Development
+
+1. Install dependencies:
+   \`\`\`bash
+   npm install
+   \`\`\`
+
+2. Run the development server:
+   \`\`\`bash
+   npm run dev
+   \`\`\`
+
+3. Open [http://localhost:3000](http://localhost:3000) in your browser
+
+### Building for Production
+
+To create a static export:
+
+\`\`\`bash
+npm run build
+\`\`\`
+
+This will generate a static site in the `out` directory.
+
+## Project Structure
+
+\`\`\`
+├── .github/workflows/
+│   └── deploy.yml           # GitHub Actions deployment workflow
+├── app/
+│   ├── page.tsx             # Homepage
+│   ├── members/page.tsx     # Team members page
+│   ├── sponsors/page.tsx    # Sponsors page
+│   ├── writeups/page.tsx    # Writeups page
+│   └── writeups/[slug]/page.tsx # Individual writeup pages
+├── components/
+│   ├── navigation.tsx       # Shared navigation component
+│   ├── theme-switcher.tsx   # Theme switching component
+│   ├── member-card.tsx      # Individual member display
+│   ├── sponsor-card.tsx     # Individual sponsor display
+│   └── writeup-card.tsx     # Individual writeup display
+├── data/
+│   ├── members.ts          # Team members data
+│   ├── sponsors.ts         # Sponsors data
+│   └── writeups.ts         # Writeups data
+└── next.config.mjs         # Next.js configuration with static export
+\`\`\`
+
+## Content Management
+
+### Adding Team Members
+
+Edit `data/members.ts` to add new team members:
+
+\`\`\`typescript
+{
+  name: "New Member",
+  role: "member", // or "admin"
+  description: "Brief description of the member",
+  avatar: "/path/to/avatar.jpg",
+  social: {
+    website: "https://example.com",
+    email: "[email protected]",
+    twitter: "https://twitter.com/member",
+    github: "https://github.com/member",
+    linkedin: "https://linkedin.com/in/member",
+    discord: "member#1234"
+  }
+}
+\`\`\`
+
+### Adding Sponsors
+
+Edit `data/sponsors.ts` to add new sponsors:
+
+\`\`\`typescript
+{
+  name: "Sponsor Name",
+  logo: "/path/to/logo.png",
+  social: {
+    website: "https://sponsor.com",
+    twitter: "https://twitter.com/sponsor",
+    linkedin: "https://linkedin.com/company/sponsor"
+  }
+}
+\`\`\`
+
+### Adding Writeups
+
+Edit `data/writeups.ts` to add new writeups:
+
+\`\`\`typescript
+{
+  title: "Challenge Name - Competition",
+  author: "Author Name",
+  date: "MM/DD/YYYY",
+  tags: ["category", "subcategory"],
+  description: "Brief description of the writeup",
+  image: "/path/to/preview.jpg",
+  slug: "url-friendly-slug"
+}
+\`\`\`
+
+## Theme System
+
+The website supports three themes:
+- **Dark** (default): Dark background with light text
+- **System**: Follows the user's system preference
+- **Light**: Light background with dark text
+
+Users can cycle through themes using the theme switcher in the navigation bar.
+
+## Customization
+
+- **Colors**: Modify the color scheme in the Tailwind classes throughout the components
+- **Layout**: Adjust the grid layouts in the page components
+- **Styling**: Update the component styles to match your team's branding
+- **Content Structure**: Modify the TypeScript interfaces in the components to add new fields
+
+## Alternative Deployment Options
+
+The site can also be deployed to:
+- Vercel (recommended for Next.js)
+- Netlify
+- Any static hosting service
+
+Simply upload the contents of the `out` directory after running `npm run build`.
+
+## License
+
+MIT License - feel free to use this template for your own CTF team website.