Skip to content

Create main site for 2026 FSI Hack4Autism #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Create main site for 2026 FSI Hack4Autism #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9f95672
Initial plan
Copilot Jan 31, 2026
57bf8ec
Create hackathon website with HTML and CSS
Copilot Jan 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 67 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,67 @@
# hackathon-2026
# 2026 Financial Services Autism Hackathon

Welcome to the official website repository for the 2026 Financial Services Autism Hackathon (FSI Hack4Autism 2026).

## About

The Financial Services Autism Hackathon brings together developers, designers, financial services professionals, and autism advocates to create innovative technology solutions that improve the lives of individuals on the autism spectrum and their families.

## Website

The main website is built with HTML and CSS, featuring:

- **Responsive Design**: Works seamlessly on desktop, tablet, and mobile devices
- **Accessibility**: Built with WCAG guidelines in mind, including proper semantic HTML, keyboard navigation, and screen reader support
- **Modern Design**: Clean, professional interface with smooth interactions
- **Information Sections**:
- Event overview and mission
- Schedule and agenda
- Participation opportunities (participants, sponsors, mentors, judges)
- Contact information

## Local Development

To view the website locally:

1. Clone this repository
2. Open `index.html` in your web browser
3. No build process or dependencies required!

Alternatively, you can serve it with a simple HTTP server:

```bash
# Using Python 3
python -m http.server 8000

# Using Node.js (with http-server installed)
npx http-server

# Using PHP
php -S localhost:8000
```

Then visit `http://localhost:8000` in your browser.

## Contributing

We welcome contributions to improve the website! Please feel free to:

- Report issues
- Suggest improvements
- Submit pull requests

## Accessibility

This website is committed to accessibility and follows best practices including:

- Semantic HTML5 elements
- ARIA labels where appropriate
- Keyboard navigation support
- High contrast mode support
- Reduced motion support for users with motion sensitivity
- Proper focus indicators
- Screen reader compatible content

## License

© 2026 Financial Services Institute - Hack4Autism. All rights reserved.
150 changes: 150 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="2026 Financial Services Autism Hackathon - Join us for an inclusive innovation event focused on creating technology solutions for the autism community">
<title>2026 Financial Services Autism Hackathon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<div class="container">
<h1>FSI Hack4Autism 2026</h1>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#participate">Participate</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
</header>

<main>
<section id="hero">
<div class="container">
<h2>2026 Financial Services Autism Hackathon</h2>
<p class="tagline">Building Inclusive Technology Solutions Together</p>
<p class="event-date">Coming in 2026</p>
<a href="#participate" class="cta-button">Get Involved</a>
</div>
</section>

<section id="about">
<div class="container">
<h2>About the Hackathon</h2>
<div class="about-content">
<p>The Financial Services Autism Hackathon brings together developers, designers, financial services professionals, and autism advocates to create innovative technology solutions that improve the lives of individuals on the autism spectrum and their families.</p>

<div class="mission-grid">
<div class="mission-card">
<h3>🎯 Our Mission</h3>
<p>To leverage technology and financial services expertise to create accessible, inclusive solutions that address real-world challenges faced by the autism community.</p>
</div>
<div class="mission-card">
<h3>🤝 Collaboration</h3>
<p>We foster collaboration between financial institutions, technology professionals, and autism advocates to drive meaningful innovation.</p>
</div>
<div class="mission-card">
<h3>♿ Accessibility</h3>
<p>Accessibility and inclusion are at the heart of everything we do. We ensure our event and solutions are welcoming to all participants.</p>
</div>
</div>
</div>
</div>
</section>

<section id="schedule">
<div class="container">
<h2>Event Schedule</h2>
<p class="section-intro">Detailed schedule will be announced closer to the event date.</p>

<div class="schedule-grid">
<div class="schedule-item">
<h3>Day 1: Kickoff & Ideation</h3>
<ul>
<li>Welcome & Opening Remarks</li>
<li>Keynote Speakers</li>
<li>Team Formation</li>
<li>Problem Statement Sessions</li>
<li>Begin Hacking</li>
</ul>
</div>
<div class="schedule-item">
<h3>Day 2: Development</h3>
<ul>
<li>Continued Development</li>
<li>Mentor Check-ins</li>
<li>Technical Workshops</li>
<li>Networking Sessions</li>
<li>Evening Social Event</li>
</ul>
</div>
<div class="schedule-item">
<h3>Day 3: Presentations</h3>
<ul>
<li>Final Development Sprint</li>
<li>Project Submissions</li>
<li>Team Presentations</li>
<li>Judging & Awards</li>
<li>Closing Ceremony</li>
</ul>
</div>
</div>
</div>
</section>

<section id="participate">
<div class="container">
<h2>How to Participate</h2>

<div class="participate-grid">
<div class="participate-card">
<h3>👨‍💻 As a Participant</h3>
<p>Join as a developer, designer, or domain expert. All skill levels are welcome! You'll work in teams to create innovative solutions.</p>
<p><strong>Registration opens soon</strong></p>
</div>
<div class="participate-card">
<h3>🏢 As a Sponsor</h3>
<p>Support this important cause by sponsoring the event. Help us provide resources, prizes, and opportunities for participants.</p>
<p><strong>Contact us for sponsorship opportunities</strong></p>
</div>
<div class="participate-card">
<h3>🎓 As a Mentor</h3>
<p>Share your expertise and guide teams throughout the hackathon. Mentors provide technical guidance and domain knowledge.</p>
<p><strong>Mentor applications available soon</strong></p>
</div>
<div class="participate-card">
<h3>⚖️ As a Judge</h3>
<p>Help evaluate projects based on innovation, impact, technical execution, and accessibility. Judges should have relevant expertise.</p>
<p><strong>Judge nominations opening soon</strong></p>
</div>
</div>
</div>
</section>

<section id="contact">
<div class="container">
<h2>Contact Us</h2>
<div class="contact-content">
<p>Have questions or want to get involved? We'd love to hear from you!</p>
<div class="contact-info">
<p><strong>Organization:</strong> Financial Services Institute - Hack4Autism</p>
<p><strong>GitHub:</strong> <a href="https://github.com/fsi-hack4autism" target="_blank" rel="noopener noreferrer">github.com/fsi-hack4autism</a></p>
<p>For general inquiries and partnership opportunities, please reach out through our GitHub organization.</p>
</div>
</div>
</div>
</section>
</main>

<footer>
<div class="container">
<p>&copy; 2026 Financial Services Institute - Hack4Autism. All rights reserved.</p>
<p>Building a more inclusive future through technology and collaboration.</p>
</div>
</footer>
</body>
</html>
Loading